Update src/app/page.tsx
This commit is contained in:
308
src/app/page.tsx
308
src/app/page.tsx
@@ -34,38 +34,22 @@ export default function LandingPage() {
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
},
|
||||
name: "Home", id: "#home"},
|
||||
{
|
||||
name: "About",
|
||||
id: "#about",
|
||||
},
|
||||
name: "About", id: "#about"},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
},
|
||||
name: "Features", id: "#features"},
|
||||
{
|
||||
name: "Metrics",
|
||||
id: "#metrics",
|
||||
},
|
||||
name: "Metrics", id: "#metrics"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "#pricing",
|
||||
},
|
||||
name: "Pricing", id: "#pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
name: "FAQ", id: "#faq"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"},
|
||||
]}
|
||||
button={{
|
||||
text: "Start Predicting Free",
|
||||
href: "#contact",
|
||||
}}
|
||||
text: "Start Predicting Free", href: "#contact"}}
|
||||
brandName="TradeForm"
|
||||
/>
|
||||
</div>
|
||||
@@ -73,82 +57,53 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
imagePosition="right"
|
||||
title="Trade football predictions. No money. No losses."
|
||||
description="Learn to analyze like a pro using AI-powered insights and real match data. Build your verified analyst reputation, compete on global leaderboards, and earn from your knowledge—not from gambling."
|
||||
kpis={[
|
||||
{
|
||||
value: "100%",
|
||||
label: "Ethical Platform",
|
||||
},
|
||||
value: "100%", label: "Ethical Platform"},
|
||||
{
|
||||
value: "500K+",
|
||||
label: "Analysts Engaged",
|
||||
},
|
||||
value: "500K+", label: "Analysts Engaged"},
|
||||
{
|
||||
value: "90%",
|
||||
label: "Prediction Accuracy",
|
||||
},
|
||||
value: "90%", label: "Prediction Accuracy"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Predicting Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Predicting Free", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/side-view-man-running-with-stats_23-2150040512.jpg"
|
||||
imageAlt="Sports prediction dashboard interface"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-hipster-man-with-beard-smiling-laughing_176420-12167.jpg",
|
||||
alt: "Happy analyst",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-handsome-hipster-man-with-beard-smiling-laughing_176420-12167.jpg", alt: "Happy analyst"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg",
|
||||
alt: "Confident predictor",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-hispanic-man-smiling-confident-standing-park_839833-33955.jpg", alt: "Confident predictor"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-enthusiastic-handsome-male-model-with-happy-smile-white-teeth-standing-casual-t-shirt-yellow-background-satisfied_1258-60040.jpg",
|
||||
alt: "Enthusiastic community member",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/lifestyle-summer-people-emotions-concept-enthusiastic-handsome-male-model-with-happy-smile-white-teeth-standing-casual-t-shirt-yellow-background-satisfied_1258-60040.jpg", alt: "Enthusiastic community member"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-casual-guy-posing-studio_176420-28909.jpg",
|
||||
alt: "Focused trader",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-casual-guy-posing-studio_176420-28909.jpg", alt: "Focused trader"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg",
|
||||
alt: "Experienced strategist",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-man-outdoors-portrait_158595-3551.jpg", alt: "Experienced strategist"},
|
||||
]}
|
||||
avatarText="Join 500k+ skilled analysts"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "AI-Powered Analysis",
|
||||
icon: Lightbulb,
|
||||
type: "text-icon", text: "AI-Powered Analysis", icon: Lightbulb,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Ethical Skill-Based",
|
||||
icon: ShieldCheck,
|
||||
type: "text-icon", text: "Ethical Skill-Based", icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Leaderboards",
|
||||
type: "text", text: "Global Leaderboards"},
|
||||
{
|
||||
type: "text-icon", text: "Real-Time Data", icon: BarChart2,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-Time Data",
|
||||
icon: BarChart2,
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community & Support",
|
||||
},
|
||||
type: "text", text: "Community & Support"},
|
||||
]}
|
||||
marqueeSpeed={40}
|
||||
showMarqueeCard={true}
|
||||
@@ -163,24 +118,16 @@ export default function LandingPage() {
|
||||
description="TradeForm offers a safe, skill-focused environment to master football prediction. Move beyond the risks of traditional betting and build a reputation for genuine analytical prowess."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Risk-Free Learning",
|
||||
description: "Practice and refine your prediction strategies without real money at stake, using our fake-credit trading system.",
|
||||
icon: Wallet,
|
||||
title: "Risk-Free Learning", description: "Practice and refine your prediction strategies without real money at stake, using our fake-credit trading system.", icon: Wallet,
|
||||
},
|
||||
{
|
||||
title: "AI-Powered Insights",
|
||||
description: "Leverage advanced AI guidance and real match data to sharpen your analytical skills and make smarter predictions.",
|
||||
icon: Cog,
|
||||
title: "AI-Powered Insights", description: "Leverage advanced AI guidance and real match data to sharpen your analytical skills and make smarter predictions.", icon: Cog,
|
||||
},
|
||||
{
|
||||
title: "Build Real Reputation",
|
||||
description: "Establish a verified analyst profile, track your performance, and gain recognition on global leaderboards.",
|
||||
icon: Award,
|
||||
title: "Build Real Reputation", description: "Establish a verified analyst profile, track your performance, and gain recognition on global leaderboards.", icon: Award,
|
||||
},
|
||||
{
|
||||
title: "Monetize Your Knowledge",
|
||||
description: "Earn ethically through verified analyst profiles, premium tools, and exclusive content—not through gambling.",
|
||||
icon: DollarSign,
|
||||
title: "Monetize Your Knowledge", description: "Earn ethically through verified analyst profiles, premium tools, and exclusive content—not through gambling.", icon: DollarSign,
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-people-having-fun-while-playing-table-soccer_23-2149060296.jpg"
|
||||
@@ -197,29 +144,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "AI-Powered Insights",
|
||||
description: "Get an edge with intelligent algorithms that analyze vast amounts of data to provide actionable prediction guidance.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147880704.jpg",
|
||||
imageAlt: "AI brain icon",
|
||||
},
|
||||
title: "AI-Powered Insights", description: "Get an edge with intelligent algorithms that analyze vast amounts of data to provide actionable prediction guidance.", imageSrc: "http://img.b2bpic.net/free-vector/artificial-intelligence-elements-collection-flat-style_23-2147880704.jpg", imageAlt: "AI brain icon"},
|
||||
{
|
||||
title: "Global Leaderboards",
|
||||
description: "Compete against the best analysts worldwide and showcase your skills on our transparent, real-time leaderboards.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/tips-playing-online-games-with-moderation_23-2148527134.jpg",
|
||||
imageAlt: "Trophy icon",
|
||||
},
|
||||
title: "Global Leaderboards", description: "Compete against the best analysts worldwide and showcase your skills on our transparent, real-time leaderboards.", imageSrc: "http://img.b2bpic.net/free-vector/tips-playing-online-games-with-moderation_23-2148527134.jpg", imageAlt: "Trophy icon"},
|
||||
{
|
||||
title: "Verified Analyst Profiles",
|
||||
description: "Build credibility with a verified track record of accurate predictions, attracting followers and earning potential.",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/shield-with-star_78370-6551.jpg",
|
||||
imageAlt: "Verified badge icon",
|
||||
},
|
||||
title: "Verified Analyst Profiles", description: "Build credibility with a verified track record of accurate predictions, attracting followers and earning potential.", imageSrc: "http://img.b2bpic.net/free-vector/shield-with-star_78370-6551.jpg", imageAlt: "Verified badge icon"},
|
||||
{
|
||||
title: "Real Match Data",
|
||||
description: "Access comprehensive, real-time football match data to inform your analysis and refine your predictive models.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-footballs_23-2148878374.jpg",
|
||||
imageAlt: "Real-time data chart icon",
|
||||
},
|
||||
title: "Real Match Data", description: "Access comprehensive, real-time football match data to inform your analysis and refine your predictive models.", imageSrc: "http://img.b2bpic.net/free-photo/top-view-american-footballs_23-2148878374.jpg", imageAlt: "Real-time data chart icon"},
|
||||
]}
|
||||
title="Unlock Your Analyst Potential"
|
||||
description="Our platform provides cutting-edge tools and a supportive community to transform your prediction hobby into a recognized skill."
|
||||
@@ -231,22 +162,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
animationType="slide-up"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "200M+",
|
||||
description: "Predictions Made Ethically",
|
||||
},
|
||||
id: "m1", value: "200M+", description: "Predictions Made Ethically"},
|
||||
{
|
||||
id: "m2",
|
||||
value: "75%",
|
||||
description: "Average Community Accuracy",
|
||||
},
|
||||
id: "m2", value: "75%", description: "Average Community Accuracy"},
|
||||
{
|
||||
id: "m3",
|
||||
value: "$5M+",
|
||||
description: "Earned by Top Analysts",
|
||||
},
|
||||
id: "m3", value: "$5M+", description: "Earned by Top Analysts"},
|
||||
]}
|
||||
title="Proof of Skill, Not Luck"
|
||||
description="Track your progress and climb the ranks with transparent metrics. See how real data empowers accurate predictions and ethical earnings."
|
||||
@@ -258,14 +181,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"Analytica Pro",
|
||||
"Ethical Gaming Alliance",
|
||||
"Football Insights Network",
|
||||
"Sports Data Hub",
|
||||
"Prediction Pros",
|
||||
"Skill League",
|
||||
"FairPlay Foundation",
|
||||
]}
|
||||
"Analytica Pro", "Ethical Gaming Alliance", "Football Insights Network", "Sports Data Hub", "Prediction Pros", "Skill League", "FairPlay Foundation"]}
|
||||
title="Trusted by a Growing Community"
|
||||
description="Join thousands of users who are redefining sports analysis. Our platform is endorsed by leading ethical gaming advocates."
|
||||
speed={40}
|
||||
@@ -280,62 +196,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "free",
|
||||
badge: "Starter",
|
||||
price: "Free",
|
||||
subtitle: "Basic features for new analysts",
|
||||
buttons: [
|
||||
id: "free", badge: "Starter", price: "Free", subtitle: "Basic features for new analysts", buttons: [
|
||||
{
|
||||
text: "Start Free",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Start Free", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"Fake-credit trading",
|
||||
"Basic AI insights",
|
||||
"Public leaderboards",
|
||||
"Community forums",
|
||||
],
|
||||
"Fake-credit trading", "Basic AI insights", "Public leaderboards", "Community forums"],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Pro Analyst",
|
||||
badgeIcon: Sparkles,
|
||||
price: "$19/month",
|
||||
subtitle: "Advanced tools for serious players",
|
||||
buttons: [
|
||||
id: "pro", badge: "Pro Analyst", badgeIcon: Sparkles,
|
||||
price: "$19/month", subtitle: "Advanced tools for serious players", buttons: [
|
||||
{
|
||||
text: "Go Pro",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Go Pro", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Starter features",
|
||||
"Advanced AI models",
|
||||
"Deeper match statistics",
|
||||
"Private league creation",
|
||||
"Priority support",
|
||||
],
|
||||
"All Starter features", "Advanced AI models", "Deeper match statistics", "Private league creation", "Priority support"],
|
||||
},
|
||||
{
|
||||
id: "elite",
|
||||
badge: "Elite Tier",
|
||||
badgeIcon: Crown,
|
||||
price: "$49/month",
|
||||
subtitle: "Unlock full platform potential",
|
||||
buttons: [
|
||||
id: "elite", badge: "Elite Tier", badgeIcon: Crown,
|
||||
price: "$49/month", subtitle: "Unlock full platform potential", buttons: [
|
||||
{
|
||||
text: "Become Elite",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Become Elite", href: "#contact"},
|
||||
],
|
||||
features: [
|
||||
"All Pro features",
|
||||
"Exclusive premium tools",
|
||||
"Personalized analyst coaching",
|
||||
"Early access to new features",
|
||||
"Direct monetization channels",
|
||||
],
|
||||
"All Pro features", "Exclusive premium tools", "Personalized analyst coaching", "Early access to new features", "Direct monetization channels"],
|
||||
},
|
||||
]}
|
||||
title="Elevate Your Game"
|
||||
@@ -351,25 +235,15 @@ export default function LandingPage() {
|
||||
author="Sarah M., Recovering Bettor"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-284.jpg",
|
||||
alt: "Sarah M. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-handsome-young-man_158595-284.jpg", alt: "Sarah M. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg",
|
||||
alt: "Michael T. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-man_1098-15443.jpg", alt: "Michael T. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-posing-with-striped-shirt_343059-1138.jpg",
|
||||
alt: "Emily R. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/bearded-man-posing-with-striped-shirt_343059-1138.jpg", alt: "Emily R. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-having-fun_23-2147812523.jpg",
|
||||
alt: "David L. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-having-fun_23-2147812523.jpg", alt: "David L. avatar"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/serious-male-enterpreneur-with-oval-face-has-mustache-small-beard_273609-8636.jpg",
|
||||
alt: "Jessica P. avatar",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/serious-male-enterpreneur-with-oval-face-has-mustache-small-beard_273609-8636.jpg", alt: "Jessica P. avatar"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -382,25 +256,13 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "faq1",
|
||||
title: "How does fake-credit trading work?",
|
||||
content: "Our platform uses virtual credits to simulate real-money betting. You make predictions, and your virtual balance fluctuates, allowing you to experience the thrill without any financial risk.",
|
||||
},
|
||||
id: "faq1", title: "How does fake-credit trading work?", content: "Our platform uses virtual credits to simulate real-money betting. You make predictions, and your virtual balance fluctuates, allowing you to experience the thrill without any financial risk."},
|
||||
{
|
||||
id: "faq2",
|
||||
title: "Can I really earn money on TradeForm?",
|
||||
content: "Yes! Top analysts can monetize their verified profiles through premium content, exclusive access to advanced tools, or by hosting sponsored private leagues. This is skill-based earning, not gambling.",
|
||||
},
|
||||
id: "faq2", title: "Can I really earn money on TradeForm?", content: "Yes! Top analysts can monetize their verified profiles through premium content, exclusive access to advanced tools, or by hosting sponsored private leagues. This is skill-based earning, not gambling."},
|
||||
{
|
||||
id: "faq3",
|
||||
title: "Is TradeForm suitable for recovering bettors?",
|
||||
content: "Absolutely. Our core mission is to provide an engaging, risk-free alternative to traditional gambling, focusing on skill development and ethical competition. We provide resources to support responsible engagement.",
|
||||
},
|
||||
id: "faq3", title: "Is TradeForm suitable for recovering bettors?", content: "Absolutely. Our core mission is to provide an engaging, risk-free alternative to traditional gambling, focusing on skill development and ethical competition. We provide resources to support responsible engagement."},
|
||||
{
|
||||
id: "faq4",
|
||||
title: "What sports are covered?",
|
||||
content: "Currently, we focus primarily on football (soccer), with plans for multi-sport expansion in the near future. Stay tuned for updates on new sports!",
|
||||
},
|
||||
id: "faq4", title: "What sports are covered?", content: "Currently, we focus primarily on football (soccer), with plans for multi-sport expansion in the near future. Stay tuned for updates on new sports!"},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find answers to frequently asked questions about TradeForm, our ethical approach, and how you can get started."
|
||||
@@ -412,8 +274,7 @@ export default function LandingPage() {
|
||||
<ContactSplit
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Get in Touch"
|
||||
title="Start Your Ethical Prediction Journey"
|
||||
description="Have questions, suggestions, or want to partner with us? Reach out and our team will be happy to assist you."
|
||||
@@ -431,62 +292,37 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Fake-Credit Trading",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Fake-Credit Trading", href: "#features"},
|
||||
{
|
||||
label: "AI Analytics",
|
||||
href: "#features",
|
||||
},
|
||||
label: "AI Analytics", href: "#features"},
|
||||
{
|
||||
label: "Leaderboards",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Leaderboards", href: "#features"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Support", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
label: "Careers", href: "#"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user