function MainComponent({ newsItems }) { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1E1E1E] text-white font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "flex justify-between items-center p-4 bg-[#000000]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-2xl font-orbitron", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Streamer Logo"), /*#__PURE__*/ React.createElement("nav", { __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex space-x-4 font-orbitron", __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: "#home", __source: { fileName: "", lineNumber: 8, columnNumber: 17 }, __self: this }, "ホーム")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 9, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#profile", __source: { fileName: "", lineNumber: 9, columnNumber: 17 }, __self: this }, "プロフィール")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#videos", __source: { fileName: "", lineNumber: 10, columnNumber: 17 }, __self: this }, "動画ギャラリー")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#schedule", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "スケジュール")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 12, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#community", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, "ファンコミュニティ")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#contact", __source: { fileName: "", lineNumber: 13, columnNumber: 17 }, __self: this }, "コンタクト"))))), /*#__PURE__*/ React.createElement("main", { __source: { fileName: "", lineNumber: 18, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { id: "home", className: "relative h-[500px] flex flex-col justify-center items-center text-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "path/to/streamer-image.jpg", alt: "Streamer in action", className: "absolute inset-0 w-full h-full object-cover opacity-50", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-orbitron mb-4", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "Catchphrase Here"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4 justify-center", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://tiktok.com", className: "fab fa-tiktok text-3xl", __source: { fileName: "", lineNumber: 24, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://instagram.com", className: "fab fa-instagram text-3xl", __source: { fileName: "", lineNumber: 25, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "fab fa-twitter text-3xl", __source: { fileName: "", lineNumber: 26, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { id: "latest-posts", className: "p-8", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-orbitron mb-4", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, "最新の投稿"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-w-16 aspect-h-9", __source: { fileName: "", lineNumber: 34, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "tiktok-latest-video-url", title: "Latest TikTok Video", className: "w-full h-full", __source: { fileName: "", lineNumber: 35, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "aspect-w-16 aspect-h-9", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "instagram-latest-post-url", title: "Latest Instagram Post", className: "w-full h-full", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "aspect-w-16 aspect-h-9", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "youtube-latest-video-url", title: "Latest YouTube Video", className: "w-full h-full", __source: { fileName: "", lineNumber: 41, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("section", { id: "news-updates", className: "p-8 bg-[#000000]", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-orbitron mb-4", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "ニュースとアップデート"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, newsItems.map((item, index)=>{ const altText = `News related to the streamer ${index + 1}`; return /*#__PURE__*/ React.createElement("div", { key: index, className: "flex space-x-4", __source: { fileName: "", lineNumber: 52, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: item.imgSrc, alt: altText, className: "w-[100px] h-[100px] object-cover", __source: { fileName: "", lineNumber: 53, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-orbitron", __source: { fileName: "", lineNumber: 55, columnNumber: 21 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 56, columnNumber: 21 }, __self: this }, item.description), /*#__PURE__*/ React.createElement("a", { href: item.link, className: "text-[#00FFFF]", __source: { fileName: "", lineNumber: 57, columnNumber: 21 }, __self: this }, "詳細を見る"))); })))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, ` @keyframes neon-flicker { 0% { opacity: 1; } 50% { opacity: 0.8; } 100% { opacity: 1; } } .neon-effect { animation: neon-flicker 1s infinite alternate; } `)); } function StoryComponent() { const newsItems = [ { imgSrc: "path/to/news-image.jpg", title: "News Title 1", description: "Short description of the news 1...", link: "#news-detail-1" }, { imgSrc: "path/to/news-image-2.jpg", title: "News Title 2", description: "Short description of the news 2...", link: "#news-detail-2" } ]; return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MainComponent, { newsItems: newsItems, __source: { fileName: "", lineNumber: 98, columnNumber: 7 }, __self: this })); }