function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex min-h-screen flex-col items-center justify-center bg-gradient-to-r from-[#063970] via-[#5e92f3] to-[#b5c6e8]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full py-6 px-4 bg-transparent text-center font-crimson-text", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-white", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "おいしい寿司屋")), /*#__PURE__*/ React.createElement("div", { className: "w-full p-4 flex flex-wrap justify-center gap-10", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl hover:scale-105 transition-transform duration-300 ease-in-out w-[300px] h-[400px] flex flex-col items-center justify-around p-4", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/sushi-plate.jpg", alt: "Delicious plate of sushi", className: "h-[200px] w-full object-cover rounded-xl", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#333] font-semibold", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }, "人気メニュー"), /*#__PURE__*/ React.createElement("p", { className: "text-[#575757]", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, "当店自慢の寿司をご堪能ください")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl hover:scale-105 transition-transform duration-300 ease-in-out w-[300px] h-[400px] flex flex-col items-center justify-around p-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/chef.jpg", alt: "Sushi chef preparing sushi", className: "h-[200px] w-full object-cover rounded-xl", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#333] font-semibold", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "寿司職人"), /*#__PURE__*/ React.createElement("p", { className: "text-[#575757]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "経験豊富な職人が握ります")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-xl hover:scale-105 transition-transform duration-300 ease-in-out w-[300px] h-[400px] flex flex-col items-center justify-around p-4", __source: { fileName: "", lineNumber: 21, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "images/sushi-bar.jpg", alt: "Inside view of a sushi bar", className: "h-[200px] w-full object-cover rounded-xl", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl text-[#333] font-semibold", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "店内の様子"), /*#__PURE__*/ React.createElement("p", { className: "text-[#575757]", __source: { fileName: "", lineNumber: 24, columnNumber: 11 }, __self: this }, "モダンで清潔な店内"))), /*#__PURE__*/ React.createElement("footer", { className: "w-full py-4 bg-[#333] text-center text-white text-sm", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }, "© 2023 おいしい寿司屋. All rights reserved.")); }