function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f4f4f4] p-5", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#ffffff] p-6 rounded-lg shadow-md flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-crimson-text text-[#333]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "おしゃれなカフェ"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] hover:text-[#555] font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 19 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] hover:text-[#555] font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 19 }, __self: this }, "Menu")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] hover:text-[#555] font-roboto", __source: { fileName: "", lineNumber: 11, columnNumber: 19 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333] hover:text-[#555] font-roboto", __source: { fileName: "", lineNumber: 12, columnNumber: 19 }, __self: this }, "Contact"))))), /*#__PURE__*/ React.createElement("section", { className: "mt-10", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-10", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/coffee.jpg", alt: "A stylish cup of coffee", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 20, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 21, columnNumber: 17 }, __self: this }, "Signature Coffee"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 17 }, __self: this }, "Enjoy our special blend, crafted with love."))), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 25, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/cafe-interior.jpg", alt: "Chic cafe interior", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 27, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 28, columnNumber: 17 }, __self: this }, "Our Space"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 17 }, __self: this }, "A perfect place to relax and unwind."))), /*#__PURE__*/ React.createElement("div", { className: "w-[300px] bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/dessert.jpg", alt: "Delicious dessert offering", className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-5", __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }, "Desserts"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, "Treat yourself with our delectable desserts."))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#ffffff] text-center p-4 mt-10 rounded-lg shadow-md text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, "© 2023 おしゃれなカフェ, All rights reserved."))); }