function MainComponent() { const slides = [ { id: 1, image: "/images/slide1.jpg", text: "Slide One" }, { id: 2, image: "/images/slide2.jpg", text: "Slide Two" }, { id: 3, image: "/images/slide3.jpg", text: "Slide Three" } ]; const achievements = [ "Achieved Milestone One", "Achieved Milestone Two", "Achieved Milestone Three", "Achieved Milestone Four" ]; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto bg-white min-h-screen flex flex-col items-center", __source: { fileName: "", lineNumber: 16, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#333] text-white p-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, "Our Company"), /*#__PURE__*/ React.createElement("nav", { className: "space-x-6", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#features", className: "text-lg", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-lg", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-lg", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("section", { className: "w-full flex items-center justify-center bg-[#eee] h-[400px]", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-full flex overflow-hidden relative", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, slides.map((slide)=>/*#__PURE__*/ React.createElement("div", { key: slide.id, className: "w-full h-full flex items-center justify-center absolute transition-transform duration-500 ease-in-out transform translate-x-0", style: { backgroundImage: `url(${slide.image})`, backgroundSize: 'cover', backgroundPosition: 'center' }, __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl text-white bg-black bg-opacity-50 px-4 py-2 rounded", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, slide.text))))), /*#__PURE__*/ React.createElement("section", { id: "features", className: "py-12 flex flex-col items-center", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-6", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "Our Features"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-8 max-w-[1200px]", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow p-6 rounded w-[250px] h-[150px] flex flex-col items-center", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-3xl mb-2", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "Feature One")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow p-6 rounded w-[250px] h-[150px] flex flex-col items-center", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bolt text-3xl mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, "Feature Two")), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow p-6 rounded w-[250px] h-[150px] flex flex-col items-center", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-3xl mb-2", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, "Feature Three")))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "py-12 bg-[#f8f8f8] w-full flex flex-col items-center", __source: { fileName: "", lineNumber: 58, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-6", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "text-xl w-[60%] text-center", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, "Our company has been in business for over a decade. We pride ourselves on delivering the highest quality and best customer service.")), /*#__PURE__*/ React.createElement("section", { className: "py-12 flex flex-col items-center bg-white w-full", __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-6", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Achievements"), /*#__PURE__*/ React.createElement("div", { className: "flex overflow-x-scroll w-full max-w-[1200px] space-x-4 px-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, achievements.map((achievement, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#333] text-white rounded px-6 py-4 w-[200px] flex items-center justify-center", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, achievement))))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "py-12 flex flex-col items-center", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl mb-6", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col w-[60%] max-w-[400px]", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Your Name", className: "mb-4 p-2 border rounded", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Your Email", className: "mb-4 p-2 border rounded", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", className: "mb-4 p-2 border rounded h-[150px]", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#333] text-white p-2 rounded", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Send"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-[#333] text-white p-4 flex justify-center", __source: { fileName: "", lineNumber: 84, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, "© 2023 Our Company. All rights reserved."))); }