function MainComponent() { const headerLinks = [ "ホーム", "動画", "カテゴリー", "ライブチャット", "コミュニティ" ]; const videos = [ { src: "video1.jpg", alt: "Latest video 1", title: "動画 1", description: "最高のパフォーマンス" }, { src: "video2.jpg", alt: "Latest video 2", title: "動画 2", description: "魅力的な内容" }, { src: "video3.jpg", alt: "Latest video 3", title: "動画 3", description: "必見のビデオ" } ]; const infoLinks = [ { title: "情報", links: [ "ガイドライン", "プライバシーポリシー", "利用規約" ] }, { title: "サポート", links: [ "ヘルプセンター", "お問い合わせ", "パートナープログラム" ] }, { title: "コミュニティ", links: [ "フォーラム", "ブログ", "イベント" ] } ]; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center w-full", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "w-full bg-[#f00f25] px-4 py-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "logo.png", alt: "Pornhub logo", className: "w-[120px]", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "flex space-x-4 text-white font-sans", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, headerLinks.map((link, index)=>/*#__PURE__*/ React.createElement("a", { key: index, href: "#", className: "hover:underline", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, link))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2 text-white", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-user", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-bars", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("main", { className: "w-full", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "relative", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "hero.jpg", alt: "Featured videos", className: "w-full object-cover h-[500px]", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 bg-black bg-opacity-50 text-white p-4 w-full", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-sans", __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "今月の注目動画"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-sans", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "最高のエンターテイメントを体験してください"))), /*#__PURE__*/ React.createElement("section", { className: "p-4", __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-sans text-center mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "最新の動画"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, videos.map((video, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "shadow-lg", __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: video.src, alt: video.alt, className: "w-full h-[200px] object-cover", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold font-sans", __source: { fileName: "", lineNumber: 62, columnNumber: 19 }, __self: this }, video.title), /*#__PURE__*/ React.createElement("p", { className: "mt-2 font-sans", __source: { fileName: "", lineNumber: 63, columnNumber: 19 }, __self: this }, video.description))))))), /*#__PURE__*/ React.createElement("footer", { className: "w-full bg-[#333] text-white py-4", __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-around", __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, infoLinks.map((category, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "text-center", __source: { fileName: "", lineNumber: 73, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-bold font-sans", __source: { fileName: "", lineNumber: 74, columnNumber: 15 }, __self: this }, category.title), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }, category.links.map((link, linkIndex)=>/*#__PURE__*/ React.createElement("li", { key: linkIndex, __source: { fileName: "", lineNumber: 77, columnNumber: 19 }, __self: this }, link)))))), /*#__PURE__*/ React.createElement("div", { className: "text-center mt-4 font-sans", __source: { fileName: "", lineNumber: 83, columnNumber: 9 }, __self: this }, "© 2023 Pornhub"))); }