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:43:58 +00:00
parent 6415d106f9
commit 252bfe1ca8
1 changed files with 38 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

196
src/app/page.tsx
View File

@@ -33,21 +33,13 @@ export default function LandingPage() {
<NavbarStyleApple
navItems={[
{
name: "Dashboard",
id: "hero",
},
name: "Dashboard", id: "hero"},
{
name: "Trends",
id: "features",
},
name: "Trends", id: "features"},
{
name: "Rankings",
id: "metrics",
},
name: "Rankings", id: "metrics"},
{
name: "Pricing",
id: "pricing",
},
name: "Pricing", id: "pricing"},
]}
brandName="NEXT"
/>
@@ -56,51 +48,28 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroBillboardRotatedCarousel
background={{
variant: "rotated-rays-animated-grid",
}}
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."
buttons={[
{
text: "Enter Market",
href: "#",
},
text: "Enter Market", href: "#"},
{
text: "See Rankings",
href: "#metrics",
},
text: "See Rankings", 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: "1", imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57990.jpg", 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: "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: "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: "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/free-photo/laptop-screen-with-trading-grid-moving-averages-buy-signal_169016-69164.jpg",
imageAlt: "Tech Market Insights",
},
id: "5", imageSrc: "http://img.b2bpic.net/free-photo/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: "6", imageSrc: "http://img.b2bpic.net/free-photo/connecting-dots-background-network-communication-design_53876-160215.jpg", imageAlt: "Trend Graph Visualization"},
]}
/>
</div>
@@ -121,26 +90,11 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "f1",
title: "Trend Posting",
subtitle: "Upload and predict early.",
category: "Discovery",
value: "Real-time",
},
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: "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: "f3", title: "Confidence AI", subtitle: "Precision predictions.", category: "Data", value: "Predictive"},
]}
title="Platform Capabilities"
description="Powerful tools built for trend scouts and early adopters."
@@ -154,20 +108,11 @@ export default function LandingPage() {
tag="Live Data"
metrics={[
{
id: "m1",
value: "1.2M",
description: "Active Predictors",
},
id: "m1", value: "1.2M", description: "Active Predictors"},
{
id: "m2",
value: "450k",
description: "Trends Discovered",
},
id: "m2", value: "450k", description: "Trends Discovered"},
{
id: "m3",
value: "$12M",
description: "NEXT Coins Circulated",
},
id: "m3", value: "$12M", description: "NEXT Coins Circulated"},
]}
metricsAnimation="blur-reveal"
/>
@@ -180,35 +125,17 @@ export default function LandingPage() {
useInvertedBackground={false}
plans={[
{
id: "p1",
title: "Hunter",
price: "$19",
period: "/mo",
features: [
"Basic AI Scores",
"5 Posts/day",
],
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",
},
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",
],
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",
},
text: "Upgrade"},
imageSrc: "http://img.b2bpic.net/free-photo/man-trading-browsing-online-stock-investments-night_169016-57990.jpg", imageAlt: "Graphic above a tablet"},
]}
title="Unlock Premium Insights"
description="Professional tools for the world's best trend hunters."
@@ -220,14 +147,7 @@ export default function LandingPage() {
textboxLayout="default"
useInvertedBackground={true}
names={[
"Vogue",
"StockX",
"TikTok",
"Reddit",
"Hypebeast",
"Wired",
"TechCrunch",
]}
"Vogue", "StockX", "TikTok", "Reddit", "Hypebeast", "Wired", "TechCrunch"]}
title="Global Trend Network"
description="Trusted by leading cultural and digital innovation platforms."
/>
@@ -235,41 +155,18 @@ export default function LandingPage() {
<div id="blog" data-section="blog">
<BlogCardThree
animationType="slide-up"
textboxLayout="split"
useInvertedBackground={false}
title="Trend Insights"
description="Deep dives into upcoming culture and digital shifts."
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: "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: "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: "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"},
]}
/>
</div>
@@ -280,20 +177,11 @@ export default function LandingPage() {
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How do I earn NEXT Coins?",
content: "Complete daily check-ins and predict successful trends.",
},
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: "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: "q3", title: "How is AI confidence calculated?", content: "Based on user engagement data and historical trend accuracy."},
]}
title="Market Mechanics"
description="Everything you need to know about the platform."
@@ -308,20 +196,12 @@ export default function LandingPage() {
description="Have questions about your account or trend data?"
inputs={[
{
name: "name",
type: "text",
placeholder: "Name",
},
name: "name", type: "text", placeholder: "Name"},
{
name: "email",
type: "email",
placeholder: "Email",
},
name: "email", type: "email", placeholder: "Email"},
]}
textarea={{
name: "message",
placeholder: "Your message",
}}
name: "message", placeholder: "Your message"}}
imageSrc="http://img.b2bpic.net/free-photo/empty-financial-department-office-used-financial-analysis_482257-83065.jpg"
/>
</div>