function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-yellow-300 p-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/logo.png", alt: "Brand logo", className: "w-[150px]", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 8, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333]", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this }, "Home")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333]", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333]", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "Shop")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#333]", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Contact"))))), /*#__PURE__*/ React.createElement("section", { className: "h-[500px] bg-cover bg-center", style: { backgroundImage: 'url(/path/to/high-quality-honey.jpg)' }, __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black bg-opacity-50 h-full flex items-center justify-center text-white text-center", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl mb-4", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "純粋で高品質な蜂蜜"), /*#__PURE__*/ React.createElement("img", { src: "/path/to/spoon-with-honey.jpg", alt: "Spoon with honey", className: "mx-auto w-[250px]", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6 bg-yellow-100", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, "特徴"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/thick-honey.jpg", alt: "Thick honey", className: "w-full", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 31, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/fruits-healthy.jpg", alt: "Fruits and healthy living", className: "w-full", __source: { fileName: "", lineNumber: 32, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, "採蜜方法"), /*#__PURE__*/ React.createElement("div", { className: "", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/craftsman-harvesting.jpg", alt: "Craftsman harvesting", className: "w-full mb-4", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "/path/to/closeup-honeycomb.jpg", alt: "Closeup of honeycomb", className: "w-full", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2 mt-6", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/mass-production.jpg", alt: "Mass production", className: "w-full", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/hand-harvesting.jpg", alt: "Hand harvesting", className: "w-full", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6 bg-yellow-100", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, "お客様の声"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/customers-enjoying-honey.jpg", alt: "Customers enjoying honey", className: "w-full", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/honey-cooking.jpg", alt: "Honey cooking", className: "w-full", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 65, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, "製品ラインナップ"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/product-packaging.jpg", alt: "Product packaging", className: "w-full", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/gift-set.jpg", alt: "Gift set", className: "w-full", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6 bg-yellow-100", __source: { fileName: "", lineNumber: 77, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 78, columnNumber: 9 }, __self: this }, "ストーリー"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/establishment.jpg", alt: "Establishment photo", className: "w-full", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/local-landscape.jpg", alt: "Local landscape", className: "w-full", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6", __source: { fileName: "", lineNumber: 89, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, "お得情報"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 91, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/discount-coupon.jpg", alt: "Discount coupon", className: "w-full", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 95, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/newsletter-signup.jpg", alt: "Newsletter signup", className: "w-full", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "p-6 bg-yellow-100", __source: { fileName: "", lineNumber: 101, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, "購入セクション"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap -mx-2", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/online-shop.jpg", alt: "Online shop screenshot", className: "w-full", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "w-full sm:w-1/2 p-2", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/package-delivery.jpg", alt: "Package delivery", className: "w-full", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this })))), /*#__PURE__*/ React.createElement("footer", { className: "bg-yellow-300 p-6 flex justify-between items-center", __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "/path/to/logo.png", alt: "Company logo", className: "w-[150px]", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-square text-2xl text-[#333]", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter-square text-2xl text-[#333]", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fab fa-instagram text-2xl text-[#333]", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this })))); }