function MainComponent() { const [isScrolled, setIsScrolled] = React.useState(false); React.useEffect(()=>{ const handleScroll = ()=>{ if (window.scrollY > 0) { setIsScrolled(true); } else { setIsScrolled(false); } }; window.addEventListener("scroll", handleScroll); return ()=>window.removeEventListener("scroll", handleScroll); }, []); return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col min-h-screen", __source: { fileName: "", lineNumber: 19, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: `bg-[#fff1f1] p-4 flex flex-col sm:flex-row items-center justify-between fixed top-0 left-0 right-0 z-50 transition-all duration-300 ${isScrolled ? "sm:h-[60px] sm:py-0" : "h-auto sm:py-4"} `, __source: { fileName: "", lineNumber: 20, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `flex flex-wrap gap-4 items-center justify-center sm:justify-start ml-4 sm:ml-0 ${isScrolled ? "hidden sm:flex" : ""}`, __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "f55c593b-ba85-471d-ac1e-3c6ba3a651cb.webp", alt: "Company Logo", className: "h-[80px] w-auto sm:h-[60px]", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-semibold hidden sm:block", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, "Oven Idea OKINAWA")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-2 sm:gap-8 mt-4 sm:mt-0", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://facebook.com", className: "fa fa-facebook text-[#4267B2] text-[20px] sm:text-[30px]", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "fa fa-twitter text-[#1DA1F2] text-[20px] sm:text-[30px]", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", className: "fa fa-instagram text-[#C13584] text-[20px] sm:text-[30px]", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://youtube.com", className: "fa fa-youtube text-[#FF0000] text-[20px] sm:text-[30px]", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://tabelog.com", className: "fa fa-cutlery text-[#000000] text-[20px] sm:text-[30px]", __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://line.me", className: "fa fa-comment text-[#00C300] text-[20px] sm:text-[30px]", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center gap-2 sm:gap-4 mr-4 sm:overflow-auto", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/home", className: "text-lg", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "text-lg", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "/gallery", className: "text-lg", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }, "Gallery"), /*#__PURE__*/ React.createElement("a", { href: "/order", className: "text-lg", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Custom Cake"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, "About Us"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow mt-[160px] px-4", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "p-8 text-center", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 items-center", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "1.jpg", alt: "A custom made cake for a child's birthday", className: "w-full block mb-6 cursor-pointer", onClick: ()=>alert("子供の誕生日に特注ケーキ"), __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "10.jpg", alt: "Another beautiful custom cake", className: "w-full block mb-6 cursor-pointer", onClick: ()=>alert("もう一つの美しいケーキ"), __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "4.jpg", alt: "記念日に美しく作られたケーキ", className: "w-full block mb-6 cursor-pointer", onClick: ()=>alert("記念日に美しく作られたケーキ"), __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "/order", className: "text-base mt-4 font-roboto no-underline block py-2 px-4 bg-gradient-to-r from-[#f6d365] to-[#fda085] text-white rounded-lg shadow-lg hover:shadow-xl transition-all duration-300", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "カスタムケーキを注文する"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#f8f9fa] p-4 text-center", __source: { fileName: "", lineNumber: 111, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 112, columnNumber: 9 }, __self: this }, "Company Name ©2023"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, "123 Bakery St, Cake City"))); }