function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "font-sans", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#87ceeb] text-white", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "ORANGINA ", /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 6, columnNumber: 55 }, __self: this }, "Airy")), /*#__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: "#product", className: "text-white hover:text-[#ffe135]", __source: { fileName: "", lineNumber: 9, columnNumber: 19 }, __self: this }, "Product")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#history", className: "text-white hover:text-[#ffe135]", __source: { fileName: "", lineNumber: 10, columnNumber: 19 }, __self: this }, "History")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-[#ffe135]", __source: { fileName: "", lineNumber: 11, columnNumber: 19 }, __self: this }, "Instagram")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-white hover:text-[#ffe135]", __source: { fileName: "", lineNumber: 12, columnNumber: 19 }, __self: this }, "Facebook")))))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "product", className: "mt-8 bg-[#fde910]", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-5 gap-4 mb-8", __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/product-image.jpg", alt: "Single Orangina Airy bottle with citrus burst", className: "w-full", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "path/to/product-image2.jpg", alt: "Diverse range of Orangina Airy product sizes with a vintage feel", className: "w-full", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "path/to/product-image3.jpg", alt: "Orangina Airy bottle showcasing the logo prominently", className: "w-full", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "path/to/product-image4.jpg", alt: "Close-up of Orangina Airy bottle's cap", className: "w-full", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "path/to/product-image5.jpg", alt: "Orangina Airy's variety pack", className: "w-full", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center text-4xl font-semibold mb-6 text-[#ff8c00]", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "Product"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center space-y-4", __source: { fileName: "", lineNumber: 31, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/product-detail.jpg", alt: "Details of Orangina Airy bottle highlighting the airy texture", className: "w-52 mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-64 h-64 bg-white rounded-full flex items-center justify-center shadow-lg", __source: { fileName: "", lineNumber: 33, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xl font-semibold mb-2 text-[#252525]", __source: { fileName: "", lineNumber: 35, columnNumber: 19 }, __self: this }, "Orangina Airy"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc space-y-2 pl-5 text-[#545454]", __source: { fileName: "", lineNumber: 36, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 37, columnNumber: 21 }, __self: this }, "160ml Gorgeous Mini Bottle"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 38, columnNumber: 21 }, __self: this }, "420ml Handy Bottle"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 39, columnNumber: 21 }, __self: this }, "1.2L Family Size Bottle")))), /*#__PURE__*/ React.createElement("div", { className: "space-x-2", __source: { fileName: "", lineNumber: 44, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-[#ff8c00] text-white font-semibold rounded", __source: { fileName: "", lineNumber: 45, columnNumber: 17 }, __self: this }, "🛒 Order Now"), /*#__PURE__*/ React.createElement("button", { className: "px-6 py-2 bg-[#ff8c00]50 text-white font-semibold rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, "❓ Learn More"))))), /*#__PURE__*/ React.createElement("section", { id: "history", className: "bg-[#f0f8ff] py-16", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center text-4xl font-semibold mb-6 text-[#1c3aa9]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Title"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/history-timeline.jpg", alt: "Orangina history timeline from France to Japan", className: "w-full", __source: { fileName: "", lineNumber: 57, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { className: "container mx-auto px-4 py-10", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/ad-image1.jpg", alt: "Vintage Orangina Airy advertisement", className: "w-full", __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "path/to/ad-image2.jpg", alt: "Colorful Orangina Airy ad with dynamic shapes", className: "w-full", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("img", { src: "path/to/ad-image3.jpg", alt: "Stylish Orangina Airy ad with modern art elements", className: "w-full", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#002366] text-white mt-8", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 lg:grid-cols-4 gap-4 mb-4", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-semibold", __source: { fileName: "", lineNumber: 75, columnNumber: 17 }, __self: this }, "Visit Us"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 77, columnNumber: 17 }, __self: this }, "123 Example Rd"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 78, columnNumber: 17 }, __self: this }, "Tokyo, Japan 123-4567"))), /*#__PURE__*/ React.createElement("div", { className: "text-center text-sm mt-4", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }, "COPYRIGHT © SUNTORY BEVERAGE & FOOD LIMITED. ALL RIGHTS RESERVED."))))); }