function MainComponent() { const [isMenuOpen, setIsMenuOpen] = useState(false); return /*#__PURE__*/ React.createElement("div", { className: "bg-black min-h-screen", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a0000] text-white py-4 fixed w-full top-0 z-50", __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 flex justify-between items-center", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-3xl font-bold text-[#ff0000] font-noto", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "もつ鍋楽天地"), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex space-x-6", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#menu", className: "hover:text-[#ff0000] transition-colors", __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, "お品書き"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "hover:text-[#ff0000] transition-colors", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "こだわり"), /*#__PURE__*/ React.createElement("a", { href: "#access", className: "hover:text-[#ff0000] transition-colors", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "アクセス"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "hover:text-[#ff0000] transition-colors", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "ご予約")), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-white", onClick: ()=>setIsMenuOpen(!isMenuOpen), __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMenuOpen ? "fa-times" : "fa-bars"} text-2xl`, __source: { fileName: "", lineNumber: 35, columnNumber: 13 }, __self: this })))), isMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-90 z-40 md:hidden pt-20", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "flex flex-col items-center space-y-6 p-4", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#menu", className: "text-white text-xl hover:text-[#ff0000]", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "お品書き"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "text-white text-xl hover:text-[#ff0000]", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "こだわり"), /*#__PURE__*/ React.createElement("a", { href: "#access", className: "text-white text-xl hover:text-[#ff0000]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "アクセス"), /*#__PURE__*/ React.createElement("a", { href: "#contact", className: "text-white text-xl hover:text-[#ff0000]", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, "ご予約"))), /*#__PURE__*/ React.createElement("main", { className: "pt-20", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "relative h-[80vh]", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('https://ucarecdn.com/67c00d50-2ba2-44c2-815f-2a7c1bb8be13/-/format/auto/')] bg-cover bg-center", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-40", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative h-full flex items-center justify-center text-white text-center", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl md:text-6xl font-bold mb-4 font-noto", __source: { fileName: "", lineNumber: 76, columnNumber: 15 }, __self: this }, "本場博多の味"), /*#__PURE__*/ React.createElement("p", { className: "text-xl md:text-2xl", __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, "伝統の味を守り続けて48年")))), /*#__PURE__*/ React.createElement("section", { id: "menu", className: "bg-[#1a0000] text-white py-16", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center mb-12 font-noto", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "お品書き"), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/b04dd191-997d-46f8-bed2-53b15bee69ee/-/format/auto/", alt: "もつ鍋醤油味 - 特製醤油ベースのスープで煮込んだ伝統的な味わい", className: "w-full h-[200px] object-cover mb-4 rounded", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, "もつ鍋醤油味"), /*#__PURE__*/ React.createElement("p", { className: "text-[#ff0000]", __source: { fileName: "", lineNumber: 95, columnNumber: 17 }, __self: this }, "¥1,980")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/28bed123-7425-4795-8b04-7bd31ec8f9e9/-/format/auto/", alt: "もつ鍋湯豆腐味 - さっぱりとした湯豆腐スープの優しい味わい", className: "w-full h-[200px] object-cover mb-4 rounded", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 103, columnNumber: 17 }, __self: this }, "もつ鍋湯豆腐味"), /*#__PURE__*/ React.createElement("p", { className: "text-[#ff0000]", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, "¥1,980")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/3ff1b8b3-3b02-43dd-915c-c047e345b131/-/format/auto/", alt: "もつ鍋味噌味 - コクのある味噌スープで仕上げた深い味わい", className: "w-full h-[200px] object-cover mb-4 rounded", __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl mb-2", __source: { fileName: "", lineNumber: 112, columnNumber: 17 }, __self: this }, "もつ鍋味噌味"), /*#__PURE__*/ React.createElement("p", { className: "text-[#ff0000]", __source: { fileName: "", lineNumber: 113, columnNumber: 17 }, __self: this }, "¥2,180"))))), /*#__PURE__*/ React.createElement("section", { id: "contact", className: "bg-white py-16", __source: { fileName: "", lineNumber: 119, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-center mb-12 text-[#ff0000] font-noto", __source: { fileName: "", lineNumber: 121, columnNumber: 13 }, __self: this }, "ご予約"), /*#__PURE__*/ React.createElement("div", { className: "max-w-lg mx-auto", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-center mb-8", __source: { fileName: "", lineNumber: 125, columnNumber: 15 }, __self: this }, "ご予約はお電話または下記フォームにて承っております。"), /*#__PURE__*/ React.createElement("div", { className: "text-center text-2xl mb-8", __source: { fileName: "", lineNumber: 128, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone text-[#ff0000] mr-2", __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "tel:000-0000-0000", className: "hover:text-[#ff0000]", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, "000-0000-0000")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-black text-white py-8", __source: { fileName: "", lineNumber: 139, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 141, columnNumber: 11 }, __self: this }, "もつ鍋楽天地"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, "〒000-0000 ○○県○○市○○町0-0-0"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this }, "営業時間：17:00～23:00（L.O. 22:00）"), /*#__PURE__*/ React.createElement("p", { className: "text-sm", __source: { fileName: "", lineNumber: 144, columnNumber: 11 }, __self: this }, "定休日：月曜日")))); }

本場博多の味

お品書き

もつ鍋 醤油味

もつ鍋 湯豆腐味

もつ鍋 味噌味

ご予約

もつ鍋醤油味

もつ鍋湯豆腐味

もつ鍋味噌味