function MainComponent() { return /*#__PURE__*/ React.createElement("header", { className: "bg-[#f8f3e9] font-crimson-text shadow-md", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row items-center justify-between", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center md:text-left mb-6 md:mb-0", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-[#4a3e37] tracking-wide", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, "カフェエレガンス"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-[#7d6b5d] mt-2 italic", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, "極上のコーヒーと焼き菓子")), /*#__PURE__*/ React.createElement("nav", { className: "w-full md:w-auto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex flex-wrap justify-center md:justify-end space-x-2 md:space-x-6", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#7d6b5d] hover:text-[#4a3e37] transition-colors duration-300 px-3 py-2 rounded-full hover:bg-[#e9e1d4]", __source: { fileName: "", lineNumber: 12, columnNumber: 19 }, __self: this }, "メニュー")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#7d6b5d] hover:text-[#4a3e37] transition-colors duration-300 px-3 py-2 rounded-full hover:bg-[#e9e1d4]", __source: { fileName: "", lineNumber: 13, columnNumber: 19 }, __self: this }, "当店について")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 14, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#7d6b5d] hover:text-[#4a3e37] transition-colors duration-300 px-3 py-2 rounded-full hover:bg-[#e9e1d4]", __source: { fileName: "", lineNumber: 14, columnNumber: 19 }, __self: this }, "アクセス")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 15, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#7d6b5d] hover:text-[#4a3e37] transition-colors duration-300 px-3 py-2 rounded-full hover:bg-[#e9e1d4]", __source: { fileName: "", lineNumber: 15, columnNumber: 19 }, __self: this }, "お問い合わせ"))))))); }