function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#ffffff] p-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/logo.png", alt: "Cafe Unjour", className: "w-[100px] h-[100px] mx-auto", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("figure", { className: "block", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/top.jpg", alt: "Cafe Unjour photo", className: "w-full", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: "bg-[#f8f9fa] pt-2 pb-2 border-b border-t border-gray-300", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-evenly font-noto-sans-jp", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", __source: { fileName: "", lineNumber: 17, columnNumber: 17 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#menu", __source: { fileName: "", lineNumber: 18, columnNumber: 17 }, __self: this }, "Menu")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#photos", __source: { fileName: "", lineNumber: 19, columnNumber: 17 }, __self: this }, "Photos")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#access", __source: { fileName: "", lineNumber: 20, columnNumber: 17 }, __self: this }, "Access")))), /*#__PURE__*/ React.createElement("section", { className: "p-4", id: "about", __source: { fileName: "", lineNumber: 24, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-dancing-script text-2xl mb-2", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("p", { className: "font-noto-sans-jp mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Unjourは東京都中区にあるカフェです。", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 27, columnNumber: 34 }, __self: this }), "大人気のふわふわパンケーキや、マフィンなどのfoodメニュー、", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 28, columnNumber: 44 }, __self: this }), "こだわりの豆をブレンドしたオリジナルコーヒーなど、", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 29, columnNumber: 38 }, __self: this }), "数多くのメニューをご用意しております。", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 30, columnNumber: 32 }, __self: this }), "店内でゆっくりとお楽しみ下さい。")), /*#__PURE__*/ React.createElement("section", { className: "p-4", id: "menu", __source: { fileName: "", lineNumber: 35, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-dancing-script text-2xl mb-2", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "Menu"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc pl-5 font-noto-sans", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 38, columnNumber: 13 }, __self: this }, "本日のコーヒー（Hot/Ice）・・・・・300円"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 39, columnNumber: 13 }, __self: this }, "エスプレッソ・・・・・・・・・・・・350円"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "カフェラテ（Hot/Ice）・・・・・・・400円"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 41, columnNumber: 13 }, __self: this }, "キャラメルマキアート（Hot/Ice）・・450円"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "カフェモカ（Hot/Ice）・・・・・・・450円"))), /*#__PURE__*/ React.createElement("section", { className: "px-4 py-2", id: "photos", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-dancing-script text-2xl mb-2", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Photos"), /*#__PURE__*/ React.createElement("ul", { className: "grid grid-cols-3 gap-2", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/photos_01.jpg", alt: "interior of the cafe", className: "w-full", __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/photos_02.jpg", alt: "cafe seating photo", className: "w-full", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/photos_03.jpg", alt: "coffee cup photo", className: "w-full", __source: { fileName: "", lineNumber: 51, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/photos_04.jpg", alt: "baggage area photo", className: "w-full", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/photos_05.jpg", alt: "dessert photo", className: "w-full", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/photos_06.jpg", alt: "breakfast options photo", className: "w-full", __source: { fileName: "", lineNumber: 54, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "px-4 py-2 flex flex-col md:flex-row", id: "access", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-dancing-script text-2xl mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "Access"), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("address", { className: "not-italic mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, "Cafe Unjour"), /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 62, columnNumber: 43 }, __self: this }), "〒123-4567", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 63, columnNumber: 24 }, __self: this }), "東京都千代田区神田神保町1-105", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 64, columnNumber: 32 }, __self: this }), /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "TEL 03-1234-XXXX"))), /*#__PURE__*/ React.createElement("figure", { className: "flex-1", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/access.png", alt: "map to the cafe", className: "w-full md:w-[540px] h-auto", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white text-center p-4", __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "img/logo_w.png", alt: "Cafe Unjour logo in white", className: "mx-auto w-[130px] h-[130px]", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-center space-x-4 font-noto-sans", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#about", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#menu", __source: { fileName: "", lineNumber: 81, columnNumber: 17 }, __self: this }, "Menu")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#photos", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, "Photos")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#access", __source: { fileName: "", lineNumber: 83, columnNumber: 17 }, __self: this }, "Access")))), /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 86, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("small", { __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, "©Copyright MdN Corporation. All rights reserved.")))); }