function MainComponent() { const [isMenuOpen, setIsMenuOpen] = React.useState(false); function toggleMenu() { setIsMenuOpen(!isMenuOpen); } const headerContent = "Deliciousness to your doorstep"; const subHeaderContent = "The finest restaurants now at your fingertips"; const footerContent = "Savor every bite - The Restaurant Agency"; const menuIcon = isMenuOpen ? 'fa-times' : 'fa-bars'; const menuVisibility = isMenuOpen ? 'block' : 'hidden'; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#fff8f0] flex flex-col", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "p-6 bg-[#ffefd5] shadow-md relative", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute left-6 top-1/2 transform -translate-y-1/2 cursor-pointer text-2xl text-[#b7410e]", onClick: toggleMenu, __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${menuIcon}`, __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-4xl text-center text-[#b7410e]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, headerContent)), /*#__PURE__*/ React.createElement("div", { className: `p-6 bg-white fixed w-full z-10 transition-all duration-300 ease-in-out ${menuVisibility}`, __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "block py-2 font-roboto text-lg text-[#333] hover:text-[#b7410e]", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block py-2 font-roboto text-lg text-[#333] hover:text-[#b7410e]", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block py-2 font-roboto text-lg text-[#333] hover:text-[#b7410e]", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "#", className: "block py-2 font-roboto text-lg text-[#333] hover:text-[#b7410e]", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("main", { className: "flex-grow container mx-auto p-8 text-center pt-24", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-12", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-3xl mb-6 text-[#b7410e]", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, subHeaderContent), /*#__PURE__*/ React.createElement("div", { className: "w-full h-[400px] mb-8 bg-center bg-cover", style: { backgroundImage: "url('/images/bread.jpg')" }, __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/images/bread.jpg", alt: "Artisan bread on a table", className: "hidden", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg text-[#333]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Explore our curated list of restaurants and enjoy exclusive deals and discounts when you order through us.")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block px-6 py-3 bg-[#f1c40f] text-white font-roboto rounded-full hover:bg-[#f39c12] transition-colors duration-300", __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "Browse Restaurants"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#ffefd5] p-6 mt-8", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center font-roboto text-sm text-[#555]", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, footerContent))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, ` body { overflow: ${isMenuOpen ? 'hidden' : 'auto'}; } `)); }