function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-sans text-[#333] bg-[#f5f5dc]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#d3d3c4] p-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-bold text-[#333]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "KAWA KITCHEN"), /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#home", className: "hover:underline", __source: { fileName: "", lineNumber: 7, columnNumber: 15 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", className: "hover:underline", __source: { fileName: "", lineNumber: 8, columnNumber: 15 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#booking", className: "hover:underline", __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, "Booking")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#shop", className: "hover:underline", __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, "Shop")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#menu", className: "hover:underline", __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, "Menu")))), /*#__PURE__*/ React.createElement("section", { id: "home", className: "relative h-[600px]", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("video", { autoPlay: true, loop: true, muted: true, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "./path-to-your-video.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full flex items-center justify-center bg-[#00000066]", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "Welcome to KAWA KITCHEN"))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "p-8 text-center", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "About KAWA KITCHEN"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, "KAWA KITCHEN is dedicated to wellness, sustainability, health, and mindfulness. Our space is designed for you to relax and enjoy our carefully crafted menu.")), /*#__PURE__*/ React.createElement("section", { id: "booking", className: "p-8 text-center", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Booking"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#85b488] text-white py-2 px-4 rounded hover:bg-[#6e9368]", __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, "Book a Table")), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "p-8 text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3151.8354345094657!2d144.9537363159049!3d-37.81720917975171!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6ad642af0f11fd81%3A0xf577f8f1166c9181!2sKAWA+KITCHEN!5e0!3m2!1sen!2sus!4v1633943405664!5m2!1sen!2sus", width: "600", height: "450", allowFullScreen: "", loading: "lazy", className: "rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("section", { id: "shop", className: "p-8 text-center", __source: { fileName: "", lineNumber: 49, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, "Online Shop"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#85b488] text-white py-2 px-4 rounded hover:bg-[#6e9368]", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, "Shop Now")), /*#__PURE__*/ React.createElement("section", { id: "menu", className: "p-8 text-center", __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-4", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, "Discover our delicious and sustainable menu.")), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#d3d3c4] p-4 text-center", __source: { fileName: "", lineNumber: 59, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-center space-x-4 mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", className: "text-[#333] hover:text-[#85b488]", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f", __source: { fileName: "", lineNumber: 61, columnNumber: 87 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", className: "text-[#333] hover:text-[#85b488]", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram", __source: { fileName: "", lineNumber: 62, columnNumber: 88 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "© 2023 KAWA KITCHEN. All rights reserved."))); }