function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#0d0d0d]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "w-full flex justify-between px-4 py-2 items-center text-white", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-bold", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "ONE"), /*#__PURE__*/ React.createElement("div", { className: "space-x-4", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#top", className: "hover:underline", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Top"), /*#__PURE__*/ React.createElement("a", { href: "#products", className: "hover:underline", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "Product"), /*#__PURE__*/ React.createElement("a", { href: "#about", className: "hover:underline", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "About The ONE"), /*#__PURE__*/ React.createElement("a", { href: "#ad-gallery", className: "hover:underline", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "AD Gallery"))), /*#__PURE__*/ React.createElement("header", { className: "w-full h-[400px] bg-cover bg-center flex items-center justify-center", style: { backgroundImage: 'url(./header-background.jpg)' }, __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl text-white font-semibold", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "3月10日新発売!")), /*#__PURE__*/ React.createElement("section", { id: "news", className: "my-8 px-4", __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "border border-gray-300 rounded px-4 py-2 bg-white", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "2015.5.26 The ONEへ手紙コーナ新設"))), /*#__PURE__*/ React.createElement("section", { id: "products", className: "py-8", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-white font-semibold mb-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Product"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f6f6f6] rounded p-4 flex flex-col items-center", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./product-1.jpg", alt: "One Highball Classic product", className: "w-32 h-32 mb-2", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }, "シンプルで飲みやすい！ ALC.1%のハイボールクラシック")))), /*#__PURE__*/ React.createElement("section", { id: "about", className: "py-8 text-center", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-white font-semibold mb-4", __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, "About The ONE"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-around", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { className: "text-[#fddb3a] font-semibold hover:text-[#f1ca28] rounded-full w-40 h-40 flex items-center justify-center mb-4 border border-[#fddb3a] hover:border-[#f1ca28]", href: "#story", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "ストーリー"), /*#__PURE__*/ React.createElement("a", { className: "text-[#fddb3a] font-semibold hover:text-[#f1ca28] rounded-full w-40 h-40 flex items-center justify-center mb-4 border border-[#fddb3a] hover:border-[#f1ca28]", href: "#voice", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "ボイス"), /*#__PURE__*/ React.createElement("a", { className: "text-[#fddb3a] font-semibold hover:text-[#f1ca28] rounded-full w-40 h-40 flex items-center justify-center mb-4 border border-[#fddb3a] hover:border-[#f1ca28]", href: "#value", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this }, "バリュー"))), /*#__PURE__*/ React.createElement("section", { id: "ad-gallery", className: "py-8", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl text-white font-semibold mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "AD Gallery"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-around", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#f6f6f6] p-4 mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mr-2", style: { backgroundColor: "#fddb3a" }, __source: { fileName: "", lineNumber: 49, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play text-black", __source: { fileName: "", lineNumber: 50, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-[#fddb3a]", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, "TVC 30s 男性篇")), /*#__PURE__*/ React.createElement("video", { controls: true, className: "w-full", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "./video-man.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#f6f6f6] p-4 mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "mr-2", style: { backgroundColor: "#fddb3a" }, __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play text-black", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-[#fddb3a]", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "TVC 30s 女性篇")), /*#__PURE__*/ React.createElement("video", { controls: true, className: "w-full", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("source", { src: "./video-woman.mp4", type: "video/mp4", __source: { fileName: "", lineNumber: 66, columnNumber: 15 }, __self: this }))))), /*#__PURE__*/ React.createElement("footer", { className: "py-4 text-center text-white", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#top", className: "hover:underline", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, "Page Top"))); }