bender/5971a1a3-8b36-4f84-825c-a0025d072f0f
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-10 11:52:33 +00:00
parent 2628df87fa
commit 6795292a47
1 changed files with 50 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

139
src/app/page.tsx
View File

@@ -32,14 +32,10 @@ export default function LandingPage() {
<div id="nav" data-section="nav">
<NavbarStyleApple
navItems={[
{
name: "Dashboard", id: "hero"},
{
name: "Trends", id: "features"},
{
name: "Rankings", id: "metrics"},
{
name: "Pricing", id: "pricing"},
{ name: "대시보드", id: "hero" },
{ name: "트렌드", id: "features" },
{ name: "순위", id: "metrics" },
{ name: "가격", id: "pricing" },
]}
brandName="NEXT"
/>
@@ -47,29 +43,20 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid"}}
title="Predict The Next Big Thing"
description="Stake your claims on culture before it goes mainstream. Join the global market for future trends."
background={{ variant: "rotated-rays-animated-grid" }}
title="다음 큰 트렌드를 예측하세요"
description="문화가 주류가 되기 전에 먼저 선점하세요. 미래 트렌드를 위한 글로벌 시장에 참여하십시오."
buttons={[
{
text: "Start Predicting", href: "#"},
{
text: "See Rankings", href: "#metrics"},
{ text: "예측 시작하기", href: "#" },
{ text: "순위 확인하기", href: "#metrics" },
]}
carouselItems={[
{
id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57990.jpg?_wi=1", imageAlt: "AI Trend Analysis"},
{
id: "2", imageSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914269.jpg", imageAlt: "Street Style Trends"},
{
id: "3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-jelly-candies-plate-with-spoon_23-2148691431.jpg", imageAlt: "Viral Food Discoveries"},
{
id: "4", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg", imageAlt: "Emerging Creator Talent"},
{
id: "5", imageSrc: "http://img.b2bpic.net/laptop-screen-with-trading-grid-moving-averages-buy-signal_169016-69164.jpg", imageAlt: "Tech Market Insights"},
{
id: "6", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "Trend Graph Visualization"},
{ id: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57990.jpg?_wi=1", imageAlt: "AI 트렌드 분석" },
{ id: "2", imageSrc: "http://img.b2bpic.net/free-photo/neon-aura-portrait-woman_23-2151914269.jpg", imageAlt: "거리 패션 트렌드" },
{ id: "3", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-jelly-candies-plate-with-spoon_23-2148691431.jpg", imageAlt: "바이럴 음식 발견" },
{ id: "4", imageSrc: "http://img.b2bpic.net/free-photo/person-working-animation-porject_23-2149269908.jpg", imageAlt: "신흥 창작자 인재" },
{ id: "5", imageSrc: "http://img.b2bpic.net/laptop-screen-with-trading-grid-moving-averages-buy-signal_169016-69164.jpg", imageAlt: "기술 시장 통찰력" },
{ id: "6", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "트렌드 그래프 시각화" },
]}
/>
</div>
@@ -77,8 +64,8 @@ export default function LandingPage() {
<div id="about" data-section="about">
<MediaAbout
useInvertedBackground={true}
title="Culture is a Market"
description="NEXT transforms raw cultural data into actionable insights. We track the subtle shifts that define the future of celebrity, food, and digital commerce."
title="문화는 곧 시장입니다"
description="NEXT는 가공되지 않은 문화 데이터를 실행 가능한 통찰력으로 전환합니다. 우리는 셀러브리티, 음식, 디지털 상거래의 미래를 정의하는 미묘한 변화를 추적합니다."
imageSrc="http://img.b2bpic.net/free-photo/front-view-desk-concept-with-copy-space_23-2148459730.jpg"
/>
</div>
@@ -89,30 +76,24 @@ export default function LandingPage() {
textboxLayout="split-actions"
useInvertedBackground={false}
features={[
{
id: "f1", title: "Trend Posting", subtitle: "Upload and predict early.", category: "Discovery", value: "Real-time"},
{
id: "f2", title: "NEXT Coin System", subtitle: "Earn by being right.", category: "Economy", value: "Rewarded"},
{
id: "f3", title: "Confidence AI", subtitle: "Precision predictions.", category: "Data", value: "Predictive"},
{ id: "f1", title: "트렌드 게시", subtitle: "빠르게 예측하고 공유하세요.", category: "발견", value: "실시간" },
{ id: "f2", title: "NEXT 코인 시스템", subtitle: "정확한 예측으로 수익을 얻으세요.", category: "경제", value: "보상형" },
{ id: "f3", title: "확신 AI", subtitle: "정밀한 예측을 경험하세요.", category: "데이터", value: "예측형" },
]}
title="Platform Capabilities"
description="Powerful tools built for trend scouts and early adopters."
title="플랫폼 기능"
description="트렌드 스카우트와 얼리어답터를 위한 강력한 도구입니다."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={true}
title="Platform Statistics"
tag="Live Data"
title="플랫폼 통계"
tag="실시간 데이터"
metrics={[
{
id: "m1", value: "1.2M", description: "Active Predictors"},
{
id: "m2", value: "450k", description: "Trends Discovered"},
{
id: "m3", value: "$12M", description: "NEXT Coins Circulated"},
{ id: "m1", value: "1.2M", description: "활성 예측자" },
{ id: "m2", value: "450k", description: "발견된 트렌드" },
{ id: "m3", value: "$12M", description: "NEXT 코인 유통량" },
]}
metricsAnimation="blur-reveal"
/>
@@ -124,21 +105,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
plans={[
{
id: "p1", title: "Hunter", price: "$19", period: "/mo", features: [
"Basic AI Scores", "5 Posts/day"],
button: {
text: "Join"},
imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet_1134-354.jpg", imageAlt: "Graphic above a tablet"},
{
id: "p2", title: "Scout Pro", price: "$49", period: "/mo", features: [
"Full AI Insights", "Unlimited Posts"],
button: {
text: "Upgrade"},
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57990.jpg?_wi=2", imageAlt: "Graphic above a tablet"},
{ id: "p1", title: "헌터", price: "$19", period: "/월", features: ["기본 AI 점수", "일일 5개 게시"], button: { text: "시작하기" }, imageSrc: "http://img.b2bpic.net/free-photo/graphic-tablet_1134-354.jpg" },
{ id: "p2", title: "스카우트 프로", price: "$49", period: "/월", features: ["전체 AI 통찰력", "무제한 게시"], button: { text: "업그레이드" }, imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57990.jpg?_wi=2" },
]}
title="Unlock Premium Insights"
description="Professional tools for the world's best trend hunters."
title="프리미엄 통찰력 잠금 해제"
description="세계 최고의 트렌드 헌터를 위한 전문 도구입니다."
/>
</div>
@@ -146,10 +117,9 @@ export default function LandingPage() {
<SocialProofOne
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue", "StockX", "TikTok", "Reddit", "Hypebeast", "Wired", "TechCrunch"]}
title="Global Trend Network"
description="Trusted by leading cultural and digital innovation platforms."
names={["Vogue", "StockX", "TikTok", "Reddit", "Hypebeast", "Wired", "TechCrunch"]}
title="글로벌 트렌드 네트워크"
description="선도적인 문화 및 디지털 혁신 플랫폼의 신뢰를 받고 있습니다."
/>
</div>
@@ -158,15 +128,12 @@ export default function LandingPage() {
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Trend Insights"
description="Deep dives into upcoming culture and digital shifts."
title="트렌드 통찰력"
description="다가오는 문화와 디지털 변화에 대한 심층 분석."
blogs={[
{
id: "b1", category: "Tech", title: "The Rise of Nano-Influencers", excerpt: "How small communities drive big trends.", imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-using-cellphone-film-room-tour-subscribers_482257-118706.jpg", authorName: "Alex Rivera", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-model-with-crossed-arms_23-2148905632.jpg", date: "Oct 24"},
{
id: "b2", category: "Food", title: "Sustainable Dessert Hacks", excerpt: "Future-proofing your kitchen routine.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185345.jpg", authorName: "Sarah Kim", authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg", date: "Oct 22"},
{
id: "b3", category: "Web3", title: "The New Creator Economy", excerpt: "Owning your future influence.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg", authorName: "Jordan Doe", authorAvatar: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg", date: "Oct 20"},
{ id: "b1", category: "기술", title: "나노 인플루언서의 부상", excerpt: "작은 커뮤니티가 어떻게 큰 트렌드를 이끄는가.", imageSrc: "http://img.b2bpic.net/free-photo/young-content-creator-using-cellphone-film-room-tour-subscribers_482257-118706.jpg", authorName: "Alex Rivera", authorAvatar: "http://img.b2bpic.net/free-photo/medium-shot-model-with-crossed-arms_23-2148905632.jpg", date: "10월 24일" },
{ id: "b2", category: "음식", title: "지속 가능한 디저트 핵", excerpt: "미래를 대비하는 주방 루틴.", imageSrc: "http://img.b2bpic.net/free-photo/still-life-stacked-aesthetic-objects_23-2150185345.jpg", authorName: "Sarah Kim", authorAvatar: "http://img.b2bpic.net/free-photo/young-attractive-man-glasses-is-posing-photographer-studio_613910-2638.jpg", date: "10월 22일" },
{ id: "b3", category: "Web3", title: "새로운 창작자 경제", excerpt: "미래의 영향력을 스스로 소유하세요.", imageSrc: "http://img.b2bpic.net/free-photo/3d-render-network-communications-science-background-with-low-poly-plexus-design_1048-13265.jpg", authorName: "Jordan Doe", authorAvatar: "http://img.b2bpic.net/free-photo/freelancer-noting-down-ideas-paper-using-pen-while-teleworking_482257-118182.jpg", date: "10월 20일" },
]}
/>
</div>
@@ -176,15 +143,12 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1", title: "How do I earn NEXT Coins?", content: "Complete daily check-ins and predict successful trends."},
{
id: "q2", title: "Can I withdraw my coins?", content: "Coins are used for exclusive premium insights and platform services."},
{
id: "q3", title: "How is AI confidence calculated?", content: "Based on user engagement data and historical trend accuracy."},
{ id: "q1", title: "NEXT 코인은 어떻게 얻나요?", content: "일일 출석과 성공적인 트렌드 예측을 통해 얻을 수 있습니다." },
{ id: "q2", title: "코인을 출금할 수 있나요?", content: "코인은 독점 프리미엄 통찰력 및 플랫폼 서비스에 사용됩니다." },
{ id: "q3", title: "AI 신뢰도는 어떻게 계산되나요?", content: "사용자 참여 데이터와 과거 트렌드 정확도를 기반으로 계산됩니다." },
]}
title="Market Mechanics"
description="Everything you need to know about the platform."
title="시장 메커니즘"
description="플랫폼에 대해 알아야 할 모든 것."
faqsAnimation="blur-reveal"
/>
</div>
@@ -192,16 +156,13 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactSplitForm
useInvertedBackground={false}
title="Get In Touch"
description="Have questions about your account or trend data?"
title="문의하기"
description="계정 또는 트렌드 데이터에 관해 궁금한 점이 있으신가요?"
inputs={[
{
name: "name", type: "text", placeholder: "Name"},
{
name: "email", type: "email", placeholder: "Email"},
{ name: "name", type: "text", placeholder: "이름" },
{ name: "email", type: "email", placeholder: "이메일" },
]}
textarea={{
name: "message", placeholder: "Your message"}}
textarea={{ name: "message", placeholder: "메시지" }}
imageSrc="http://img.b2bpic.net/free-photo/empty-financial-department-office-used-financial-analysis_482257-83065.jpg"
/>
</div>
@@ -209,7 +170,7 @@ export default function LandingPage() {
<div id="footer" data-section="footer">
<FooterCard
logoText="NEXT"
copyrightText="© 2025 NEXT Platform. All rights reserved."
copyrightText="© 2025 NEXT Platform. 모든 권리 보유."
/>
</div>
</ReactLenis>