function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between py-4 px-8 bg-[#f8f8f8] shadow-md", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-sans", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Beep Boop Cafe"), /*#__PURE__*/ React.createElement("nav", { className: "space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", className: "font-sans text-lg text-[#333]", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "font-sans text-lg text-[#333]", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#menu", className: "font-sans text-lg text-[#333]", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "font-sans text-lg text-[#333]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "Contact"))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 flex flex-col items-center justify-center bg-[url('/images/coffee-bg.jpg')] bg-cover bg-center", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-sans text-white", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "Best Coffee in Town"), /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-sans text-white mt-4", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "Freshly Brewed Daily"), /*#__PURE__*/ React.createElement("button", { className: "mt-8 px-6 py-3 bg-[#ff7f50] text-white text-lg font-sans rounded hover:bg-[#e76b3c]", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, "Learn More")), /*#__PURE__*/ React.createElement("section", { id: "features", className: "flex flex-col sm:flex-row justify-around p-8 bg-white", __source: { fileName: "", lineNumber: 22, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center max-w-[300px] mb-8 sm:mb-0", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-coffee text-5xl text-[#ff7f50] mb-4", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-sans text-2xl mb-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "Quality Coffee"), /*#__PURE__*/ React.createElement("p", { className: "font-sans text-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Using only the best beans for a rich and smooth taste.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center max-w-[300px] mb-8 sm:mb-0", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-leaf text-5xl text-[#ff7f50] mb-4", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-sans text-2xl mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Organic"), /*#__PURE__*/ React.createElement("p", { className: "font-sans text-lg", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Committed to using organic and sustainable ingredients.")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center text-center max-w-[300px]", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-users text-5xl text-[#ff7f50] mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-sans text-2xl mb-2", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "Friendly Staff"), /*#__PURE__*/ React.createElement("p", { className: "font-sans text-lg", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Our team is here to make your experience delightful."))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-1 flex-col lg:flex-row", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "main-content", className: "flex-1 p-8 bg-[#fafafa]", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-sans mb-6", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "About Us"), /*#__PURE__*/ React.createElement("p", { className: "font-sans text-lg max-w-[600px]", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Beep Boop Cafe has been serving the community with the best coffee since 1999. We believe in quality and our team works to provide the best experience. Join us for a cup of coffee today!")), /*#__PURE__*/ React.createElement("aside", { className: "w-full lg:w-[300px] p-8 bg-white", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full mb-4 px-6 py-3 bg-[#ff7f50] text-white text-lg font-sans rounded hover:bg-[#e76b3c]", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("form", { className: "flex flex-col w-full space-y-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", placeholder: "Name", className: "px-4 py-2 border border-[#ccc] rounded", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email", className: "px-4 py-2 border border-[#ccc] rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-3 bg-[#ff7f50] text-white text-lg font-sans rounded hover:bg-[#e76b3c]", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Submit")))), /*#__PURE__*/ React.createElement("footer", { className: "flex flex-col items-center py-4 bg-[#f1f1f1] text-sm font-sans text-[#777]", __source: { fileName: "", lineNumber: 62, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 mb-2", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", className: "fa fa-facebook text-2xl", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "fa fa-twitter text-2xl", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", className: "fa fa-instagram text-2xl", __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", className: "font-sans", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "font-sans", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#menu", className: "font-sans", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "font-sans", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "© 2023 Beep Boop Cafe. All rights reserved.")), /*#__PURE__*/ React.createElement("button", { className: "fixed bottom-4 right-4 px-6 py-3 bg-[#ff7f50] text-white text-lg font-sans rounded-full hover:bg-[#e76b3c]", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, "Contact Us")); }