bender/e2ba5687-a427-4790-93c9-8c1b4783dc45
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-12 03:45:46 +00:00
parent cc3b59787d
commit 33df12d868
1 changed files with 42 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

175
src/app/page.tsx
View File

@@ -30,21 +30,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Home",
id: "hero",
},
name: "Home", id: "hero"},
{
name: "Features",
id: "features",
},
name: "Features", id: "features"},
{
name: "Channels",
id: "channels",
},
name: "Channels", id: "channels"},
{
name: "FAQ",
id: "faq",
},
name: "FAQ", id: "faq"},
]}
brandName="VTuber Hub"
/>
@@ -53,91 +45,50 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
background={{
variant: "downward-rays-static",
}}
variant: "downward-rays-static"}}
title="れなち的VSPO中文精華收集處"
description="VTuber 社群整合平台，即時監控 hololive、Nijisanji、VSPO! 推播動態，不錯過任何精彩直播與烤肉剪輯。"
testimonials={[
{
name: "Fan01",
handle: "@fan",
testimonial: "平台非常即時，再也不會錯過直播通知。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/kid-filming-with-smartphone-tripod-stabilizer-blue-neon-lit-living-room_482257-76822.jpg",
},
name: "Fan01", handle: "@fan", testimonial: "平台非常即時，再也不會錯過直播通知。", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/kid-filming-with-smartphone-tripod-stabilizer-blue-neon-lit-living-room_482257-76822.jpg"},
{
name: "Fan02",
handle: "@fan",
testimonial: "介面簡潔好用，對烤肉剪輯的分類很清晰。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gen-z-influencer-connecting-with-loyal-audience-live-stream_482257-82743.jpg",
},
name: "Fan02", handle: "@fan", testimonial: "介面簡潔好用，對烤肉剪輯的分類很清晰。", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/gen-z-influencer-connecting-with-loyal-audience-live-stream_482257-82743.jpg"},
{
name: "Fan03",
handle: "@fan",
testimonial: "終於可以單獨追蹤喜歡的 VSPO 成員了。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-child-online-streamer-using-video-production-gear-live-broadcast-her-audience_482257-108901.jpg",
},
name: "Fan03", handle: "@fan", testimonial: "終於可以單獨追蹤喜歡的 VSPO 成員了。", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/happy-child-online-streamer-using-video-production-gear-live-broadcast-her-audience_482257-108901.jpg"},
{
name: "Fan04",
handle: "@fan",
testimonial: "烤肉品質很高，過濾掉了垃圾訊息。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pov-girl-home-studio-connecting-with-loyal-audience-livestream_482257-98565.jpg",
},
name: "Fan04", handle: "@fan", testimonial: "烤肉品質很高，過濾掉了垃圾訊息。", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/pov-girl-home-studio-connecting-with-loyal-audience-livestream_482257-98565.jpg"},
{
name: "Fan05",
handle: "@fan",
testimonial: "UI設計很符合VTuber愛好者需求。",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-glasses_23-2149005467.jpg",
},
name: "Fan05", handle: "@fan", testimonial: "UI設計很符合VTuber愛好者需求。", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-wearing-glasses_23-2149005467.jpg"},
]}
imageSrc="http://img.b2bpic.net/free-photo/woman-presenting-keyboard-from-brand-sponsoring-video_482257-118639.jpg"
avatars={[
{
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839659.jpg",
alt: "User 1",
},
src: "http://img.b2bpic.net/free-photo/beautiful-cartoon-woman-portrait_23-2151839659.jpg", alt: "User 1"},
{
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-hoop-earrings-rainbow-colors_23-2151964082.jpg",
alt: "User 2",
},
src: "http://img.b2bpic.net/free-photo/portrait-woman-with-hoop-earrings-rainbow-colors_23-2151964082.jpg", alt: "User 2"},
{
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100264.jpg",
alt: "User 3",
},
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100264.jpg", alt: "User 3"},
{
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100220.jpg",
alt: "User 4",
},
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100220.jpg", alt: "User 4"},
{
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100189.jpg",
alt: "User 5",
},
src: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100189.jpg", alt: "User 5"},
]}
marqueeItems={[
{
type: "text",
text: "hololive",
},
type: "text", text: "hololive"},
{
type: "text",
text: "Nijisanji",
},
type: "text", text: "Nijisanji"},
{
type: "text",
text: "VSPO!",
},
type: "text", text: "VSPO!"},
{
type: "text",
text: "即時直播",
},
type: "text", text: "即時直播"},
{
type: "text",
text: "精華烤肉",
},
type: "text", text: "精華烤肉"},
]}
/>
</div>
@@ -150,19 +101,13 @@ export default function LandingPage() {
features={[
{
icon: Bell,
title: "即時直播通知",
description: "透過 Webhook 技術接收 YT、Twitch 開台即時通知。",
},
title: "即時直播通知", description: "透過 Webhook 技術接收 YT、Twitch 開台即時通知。"},
{
icon: UserCheck,
title: "個人追蹤系統",
description: "自定義您的關注名單，只看您喜歡的 VSPO/hololive 成員。",
},
title: "個人追蹤系統", description: "自定義您的關注名單，只看您喜歡的 VSPO/hololive 成員。"},
{
icon: Film,
title: "精選剪輯推播",
description: "高質量烤肉精華自動過濾與推播，不再被海量資訊淹沒。",
},
title: "精選剪輯推播", description: "高質量烤肉精華自動過濾與推播，不再被海量資訊淹沒。"},
]}
title="核心強大功能"
description="專為台日粉絲設計，提供最精準的 VTuber 社群推播服務。"
@@ -173,44 +118,21 @@ export default function LandingPage() {
<ProductCardOne
textboxLayout="default"
gridVariant="four-items-2x2-equal-grid"
animationType="slide-up"
useInvertedBackground={false}
products={[
{
id: "ch-1",
name: "一ノ瀬うるは/VSPO中文",
price: "1 小時前",
imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-anime-character-gaming_23-2151560690.jpg",
},
id: "ch-1", name: "一ノ瀬うるは/VSPO中文", price: "1 小時前", imageSrc: "http://img.b2bpic.net/free-photo/aesthetic-anime-character-gaming_23-2151560690.jpg"},
{
id: "ch-2",
name: "千燈ゆうひ/小森めと情報",
price: "8 小時前",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065032.jpg",
},
id: "ch-2", name: "千燈ゆうひ/小森めと情報", price: "8 小時前", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-person-listening-music-headphones_23-2151065032.jpg"},
{
id: "ch-3",
name: "花芽なずな糖豆人趣事",
price: "11 小時前",
imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-asian-woman_23-2151836537.jpg",
},
id: "ch-3", name: "花芽なずな糖豆人趣事", price: "11 小時前", imageSrc: "http://img.b2bpic.net/free-photo/digital-art-portrait-asian-woman_23-2151836537.jpg"},
{
id: "ch-4",
name: "拉特娜．葡蒂聯動PUBG",
price: "12 小時前",
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-neon-light_23-2149005459.jpg",
},
id: "ch-4", name: "拉特娜．葡蒂聯動PUBG", price: "12 小時前", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-with-neon-light_23-2149005459.jpg"},
{
id: "ch-5",
name: "べにらむ推活街頭調査",
price: "1 天前",
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100265.jpg",
},
id: "ch-5", name: "べにらむ推活街頭調査", price: "1 天前", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100265.jpg"},
{
id: "ch-6",
name: "更多精華持續更新",
price: "更新中",
imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100236.jpg",
},
id: "ch-6", name: "更多精華持續更新", price: "更新中", imageSrc: "http://img.b2bpic.net/free-photo/androgynous-avatar-non-binary-queer-person_23-2151100236.jpg"},
]}
title="最新直播精華"
description="即時更新 30 天內發布的優質剪輯，隨時回顧精彩內容。"
@@ -222,20 +144,11 @@ export default function LandingPage() {
useInvertedBackground={false}
faqs={[
{
id: "q1",
title: "系統更新頻率？",
content: "伺服器快取每 20 分鐘更新一次最新動態。",
},
id: "q1", title: "系統更新頻率？", content: "伺服器快取每 20 分鐘更新一次最新動態。"},
{
id: "q2",
title: "可以回報錯誤嗎？",
content: "若發現含 VSPO 關鍵字的非 VSPO 烤肉，請使用頁首回報功能。",
},
id: "q2", title: "可以回報錯誤嗎？", content: "若發現含 VSPO 關鍵字的非 VSPO 烤肉，請使用頁首回報功能。"},
{
id: "q3",
title: "是否支援日語與中文？",
content: "是的，系統內建雙語模式，方便台日粉絲使用。",
},
id: "q3", title: "是否支援日語與中文？", content: "是的，系統內建雙語模式，方便台日粉絲使用。"},
]}
sideTitle="常見問題"
faqsAnimation="slide-up"
@@ -244,10 +157,10 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactCenter
tag="聯絡我們"
useInvertedBackground={false}
background={{
variant: "rotated-rays-static",
}}
variant: "rotated-rays-static"}}
title="訂閱最新動態"
description="留下電子郵件，即時掌握您追蹤的 VTuber 最新剪輯與公告。"
/>
@@ -257,13 +170,9 @@ export default function LandingPage() {
<FooterLogoReveal
logoText="れなち的VSPO中文精華收集處"
leftLink={{
text: "服務條款",
href: "#",
}}
text: "服務條款", href: "#"}}
rightLink={{
text: "聯絡我們",
href: "#contact",
}}
text: "聯絡我們", href: "#contact"}}
/>
</div>
</ReactLenis>