function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#f0f4f8] min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#123456] p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-white font-roboto", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Travel Explorer"), /*#__PURE__*/ React.createElement("nav", { className: "space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#destinations", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Destinations"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-white font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("section", { className: "text-center p-8 w-full bg-cover bg-center", style: { backgroundImage: "url('relative/path/to/your/image.jpg')", height: '400px' }, __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl text-white font-roboto mb-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, "Discover Your Next Adventure"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#ff6347] text-white p-2 px-4 rounded font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Get Started")), /*#__PURE__*/ React.createElement("section", { id: "destinations", className: "p-8 w-full", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto mb-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Popular Destinations"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow p-4 rounded", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/destination1.jpg", alt: "Destination 1 view", className: "w-full h-[200px] object-cover mb-4 rounded", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, "Destination 1")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow p-4 rounded", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/destination2.jpg", alt: "Destination 2 view", className: "w-full h-[200px] object-cover mb-4 rounded", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, "Destination 2")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow p-4 rounded", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "relative/path/to/destination3.jpg", alt: "Destination 3 view", className: "w-full h-[200px] object-cover mb-4 rounded", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Destination 3")))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "p-8 w-full bg-[#efefef]", __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, "We are dedicated to helping you find the perfect travel experience. Our team of experts work around the clock to bring you the best destinations and travel tips to make your trip unforgettable.")), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "p-8 w-full text-center", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-roboto mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { className: "max-w-[600px] mx-auto bg-white p-6 shadow rounded", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", className: "w-full p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", className: "w-full p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", className: "w-full p-2 border rounded font-roboto", rows: "4", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#123456] text-white p-2 px-4 rounded font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Submit"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-[#123456] p-4 text-white text-center font-roboto", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, "© 2023 Travel Explorer. All rights reserved.")); }