bender/60de5c0c-0641-4edc-ae81-fea1e8eb9591
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Compare commits

merge into: bender:version_2
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_4 bender:version_1
...
pull from: bender:version_3
Branches Tags
bender:main bender:version_3 bender:version_2 bender:version_4 bender:version_1

1 Commits
version_2 ... version_3

Author SHA1 Message Date
bender
98a4d573b2 Update src/app/page.tsx 2026-03-09 15:43:49 +00:00
1 changed files with 100 additions and 303 deletions
Expand all files Collapse all files

403
src/app/page.tsx
View File

@@ -68,28 +68,18 @@ export default function HomePage() {
tagAnimation="slide-up" tagAnimation="slide-up"
buttons={[ buttons={[
{ {
text: "Create Account", text: "Create Account", href: "https://app.cardbattle.example.com/signup"},
href: "https://app.cardbattle.example.com/signup",
},
{ {
text: "Watch Gameplay", text: "Watch Gameplay", href: "#features"},
href: "#features",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
avatars={[ avatars={[
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-stylized-gaming-avatar-of-a-confident--1773070245896-bfa6f19e.png", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-stylized-gaming-avatar-of-a-confident--1773070245896-bfa6f19e.png", alt: "Player 1"},
alt: "Player 1",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-stylized-gaming-avatar-of-a-determined-1773070245791-e2eac899.png", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-stylized-gaming-avatar-of-a-determined-1773070245791-e2eac899.png", alt: "Player 2"},
alt: "Player 2",
},
{ {
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-stylized-gaming-avatar-of-a-focused-pl-1773070246011-fdac3216.png", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-stylized-gaming-avatar-of-a-focused-pl-1773070246011-fdac3216.png", alt: "Player 3"},
alt: "Player 3",
},
]} ]}
avatarText="Trusted by 50K+ players worldwide" avatarText="Trusted by 50K+ players worldwide"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-dynamic-multiplayer-card-battle-interf-1773070246516-dbc5cc5c.png" imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-dynamic-multiplayer-card-battle-interf-1773070246516-dbc5cc5c.png"
@@ -97,25 +87,15 @@ export default function HomePage() {
mediaAnimation="slide-up" mediaAnimation="slide-up"
marqueeItems={[ marqueeItems={[
{ {
type: "text", type: "text", text: "Real-Time Battles"},
text: "Real-Time Battles",
},
{ {
type: "text", type: "text", text: "Global Ranking System"},
text: "Global Ranking System",
},
{ {
type: "text", type: "text", text: "Social Features"},
text: "Social Features",
},
{ {
type: "text", type: "text", text: "Deck Builder Tools"},
text: "Deck Builder Tools",
},
{ {
type: "text", type: "text", text: "Competitive & Casual"},
text: "Competitive & Casual",
},
]} ]}
marqueeSpeed={35} marqueeSpeed={35}
showMarqueeCard={true} showMarqueeCard={true}
@@ -135,58 +115,34 @@ export default function HomePage() {
features={[ features={[
{ {
id: 1, id: 1,
title: "User Authentication & Profiles", title: "User Authentication & Profiles", description:
description: "Create an account, build your player profile, and track your wins, losses, rank, and card collection. Customize your avatar and showcase your deck achievements.", imageSrc:
"Create an account, build your player profile, and track your wins, losses, rank, and card collection. Customize your avatar and showcase your deck achievements.", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-player-profile-page-showcasing-rank-pr-1773070246856-a20653de.png?_wi=1", imageAlt: "Player profile showcase"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-player-profile-page-showcasing-rank-pr-1773070246856-a20653de.png?_wi=1",
imageAlt: "Player profile showcase",
},
{ {
id: 2, id: 2,
title: "Advanced Deck Builder", title: "Advanced Deck Builder", description:
description: "Create and manage multiple 60-card decks with intuitive filtering, card search, and deck statistics. Save deck templates, clone existing decks, and optimize your strategy in real-time.", imageSrc:
"Create and manage multiple 60-card decks with intuitive filtering, card search, and deck statistics. Save deck templates, clone existing decks, and optimize your strategy in real-time.", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-comprehensive-deck-builder-interface-w-1773070247648-164af906.png?_wi=1", imageAlt: "Deck builder interface"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-comprehensive-deck-builder-interface-w-1773070247648-164af906.png?_wi=1",
imageAlt: "Deck builder interface",
},
{ {
id: 3, id: 3,
title: "Real-Time Multiplayer Battles", title: "Real-Time Multiplayer Battles", description:
description: "Face opponents worldwide in turn-based card battles with live health indicators, action buttons, and card placement zones. Experience smooth gameplay powered by WebSocket technology.", imageSrc:
"Face opponents worldwide in turn-based card battles with live health indicators, action buttons, and card placement zones. Experience smooth gameplay powered by WebSocket technology.", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/an-active-real-time-multiplayer-card-bat-1773070249088-5dde0717.png?_wi=1", imageAlt: "Real-time multiplayer battle"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/an-active-real-time-multiplayer-card-bat-1773070249088-5dde0717.png?_wi=1",
imageAlt: "Real-time multiplayer battle",
},
{ {
id: 4, id: 4,
title: "Matchmaking System", title: "Matchmaking System", description:
description: "Find opponents through casual matches for practice or ranked matches to climb the ladder. Skill-based matchmaking ensures competitive balance for all players.", imageSrc:
"Find opponents through casual matches for practice or ranked matches to climb the ladder. Skill-based matchmaking ensures competitive balance for all players.", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-matchmaking-queue-interface-showing-fi-1773070245982-7cb78394.png?_wi=1", imageAlt: "Matchmaking queue interface"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-matchmaking-queue-interface-showing-fi-1773070245982-7cb78394.png?_wi=1",
imageAlt: "Matchmaking queue interface",
},
{ {
id: 5, id: 5,
title: "Global Ranking Ladder", title: "Global Ranking Ladder", description:
description: "Progress from Beginner through Trainer, Champion, and Master ranks. Compete on the global leaderboard and earn prestigious badges for achievements.", imageSrc:
"Progress from Beginner through Trainer, Champion, and Master ranks. Compete on the global leaderboard and earn prestigious badges for achievements.", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-ranking-system-progression-ladder-show-1773070249759-9e17897b.png", imageAlt: "Ranking system progression ladder"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-ranking-system-progression-ladder-show-1773070249759-9e17897b.png",
imageAlt: "Ranking system progression ladder",
},
{ {
id: 6, id: 6,
title: "Social & Community Features", title: "Social & Community Features", description:
description: "Connect with players worldwide through global chat, private messaging, and a robust friend system. Join guilds, share decks, and build your gaming community.", imageSrc:
"Connect with players worldwide through global chat, private messaging, and a robust friend system. Join guilds, share decks, and build your gaming community.", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-full-deck-builder-screen-layout-with-l-1773070246491-a1b96288.png?_wi=1", imageAlt: "Social community features"},
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-full-deck-builder-screen-layout-with-l-1773070246491-a1b96288.png?_wi=1",
imageAlt: "Social community features",
},
]} ]}
/> />
</div> </div>
@@ -204,38 +160,17 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width" gridVariant="three-columns-all-equal-width"
products={[ products={[
{ {
id: "1", id: "1", brand: "CardBattle", name: "Turn-Based Battle Arena", price: "Multiplayer", rating: 5,
brand: "CardBattle", reviewCount: "12.8k", imageSrc:
name: "Turn-Based Battle Arena", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-polished-battle-arena-ui-from-a-top-do-1773070248139-a7c12e08.png?_wi=1", imageAlt: "Turn-based battle arena"},
price: "Multiplayer",
rating: 5,
reviewCount: "12.8k",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-polished-battle-arena-ui-from-a-top-do-1773070248139-a7c12e08.png?_wi=1",
imageAlt: "Turn-based battle arena",
},
{ {
id: "2", id: "2", brand: "CardBattle", name: "Card Placement Zones", price: "Strategic", rating: 5,
brand: "CardBattle", reviewCount: "9.4k", imageSrc:
name: "Card Placement Zones", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-detailed-view-of-card-placement-zones--1773070246478-3cce53bc.png?_wi=1", imageAlt: "Card placement zones"},
price: "Strategic",
rating: 5,
reviewCount: "9.4k",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/a-detailed-view-of-card-placement-zones--1773070246478-3cce53bc.png?_wi=1",
imageAlt: "Card placement zones",
},
{ {
id: "3", id: "3", brand: "CardBattle", name: "Health & Status Tracking", price: "Real-Time", rating: 5,
brand: "CardBattle", reviewCount: "11.2k", imageSrc:
name: "Health & Status Tracking", "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/real-time-health-and-status-tracking-vis-1773070246574-01433469.png?_wi=1", imageAlt: "Health and status tracking"},
price: "Real-Time",
rating: 5,
reviewCount: "11.2k",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/real-time-health-and-status-tracking-vis-1773070246574-01433469.png?_wi=1",
imageAlt: "Health and status tracking",
},
]} ]}
/> />
</div> </div>
@@ -255,28 +190,20 @@ export default function HomePage() {
mediaAnimation="slide-up" mediaAnimation="slide-up"
bulletPoints={[ bulletPoints={[
{ {
title: "Smart Card Search", title: "Smart Card Search", description:
description: "Filter cards by type, mana cost, attributes, and effects. Find perfect synergies instantly.", icon: Search,
"Filter cards by type, mana cost, attributes, and effects. Find perfect synergies instantly.",
icon: Search,
}, },
{ {
title: "Deck Statistics", title: "Deck Statistics", description:
description: "View mana curve, card type distribution, and win rate predictions based on meta analysis.", icon: BarChart3,
"View mana curve, card type distribution, and win rate predictions based on meta analysis.",
icon: BarChart3,
}, },
{ {
title: "Save & Share", title: "Save & Share", description:
description: "Create multiple deck templates, save builds, and share winning strategies with the community.", icon: Share2,
"Create multiple deck templates, save builds, and share winning strategies with the community.",
icon: Share2,
}, },
{ {
title: "Test Against AI", title: "Test Against AI", description:
description: "Practice your deck against AI opponents to refine strategy before ranked matches.", icon: Cpu,
"Practice your deck against AI opponents to refine strategy before ranked matches.",
icon: Cpu,
}, },
]} ]}
/> />
@@ -295,33 +222,21 @@ export default function HomePage() {
gridVariant="uniform-all-items-equal" gridVariant="uniform-all-items-equal"
metrics={[ metrics={[
{ {
id: "1", id: "1", value: "50K+", description: "Active Players Worldwide"},
value: "50K+",
description: "Active Players Worldwide",
},
{ {
id: "2", id: "2", value: "2.5M+", description: "Battles Played Daily"},
value: "2.5M+",
description: "Battles Played Daily",
},
{ {
id: "3", id: "3", value: "15K+", description: "Unique Card Combinations"},
value: "15K+",
description: "Unique Card Combinations",
},
{ {
id: "4", id: "4", value: "98%", description: "Player Satisfaction Rate"},
value: "98%",
description: "Player Satisfaction Rate",
},
]} ]}
/> />
</div> </div>
<div id="ranking-system" data-section="ranking-system"> <div id="ranking-system" data-section="ranking-system">
<PricingCardThree <PricingCardThree
title="Ranking Ladder System" title="Ranking Ladder System with Coin Rewards"
description="Progress through competitive tiers and earn exclusive rewards as you climb the global leaderboard." description="Progress through competitive tiers and earn exclusive rewards as you climb the global leaderboard. Unlock level-based coin rewards that increase with your progression."
tag="Progression" tag="Progression"
tagIcon={Trophy} tagIcon={Trophy}
tagAnimation="slide-up" tagAnimation="slide-up"
@@ -330,74 +245,37 @@ export default function HomePage() {
animationType="slide-up" animationType="slide-up"
plans={[ plans={[
{ {
id: "1", id: "1", price: "Rank 1-10", name: "Beginner", buttons: [
price: "Rank 1-10",
name: "Beginner",
buttons: [
{ {
text: "Start Here", text: "Start Here", href: "https://app.cardbattle.example.com/signup"},
href: "https://app.cardbattle.example.com/signup",
},
], ],
features: [ features: [
"Tutorial battles included", "50 coins per win", "Tutorial battles included", "Basic card collection", "Casual matchmaking", "Community chat access"],
"Basic card collection",
"Casual matchmaking",
"Community chat access",
],
}, },
{ {
id: "2", id: "2", price: "Rank 11-50", name: "Trainer", badge: "Most Popular Starting Point", badgeIcon: Sparkles,
price: "Rank 11-50",
name: "Trainer",
badge: "Most Popular Starting Point",
badgeIcon: Sparkles,
buttons: [ buttons: [
{ {
text: "Challenge Yourself", text: "Challenge Yourself", href: "https://app.cardbattle.example.com/play"},
href: "https://app.cardbattle.example.com/play",
},
], ],
features: [ features: [
"Ranked matchmaking unlocked", "150 coins per win", "Ranked matchmaking unlocked", "Advanced deck builder access", "Daily rewards", "Trainer badge on profile"],
"Advanced deck builder access",
"Daily rewards",
"Trainer badge on profile",
],
}, },
{ {
id: "3", id: "3", price: "Rank 51-100", name: "Champion", buttons: [
price: "Rank 51-100",
name: "Champion",
buttons: [
{ {
text: "Reach Elite Status", text: "Reach Elite Status", href: "https://app.cardbattle.example.com/play"},
href: "https://app.cardbattle.example.com/play",
},
], ],
features: [ features: [
"Exclusive rare cards", "350 coins per win", "Exclusive rare cards", "Priority matchmaking", "Season rewards", "Champion leaderboard"],
"Priority matchmaking",
"Season rewards",
"Champion leaderboard",
],
}, },
{ {
id: "4", id: "4", price: "Rank 101+", name: "Master", buttons: [
price: "Rank 101+",
name: "Master",
buttons: [
{ {
text: "Become Master", text: "Become Master", href: "https://app.cardbattle.example.com/play"},
href: "https://app.cardbattle.example.com/play",
},
], ],
features: [ features: [
"Legendary card access", "750 coins per win", "Legendary card access", "Custom profile frames", "International tournaments", "Premium support"],
"Custom profile frames",
"International tournaments",
"Premium support",
],
}, },
]} ]}
/> />
@@ -414,71 +292,29 @@ export default function HomePage() {
useInvertedBackground={false} useInvertedBackground={false}
testimonials={[ testimonials={[
{ {
id: "1", id: "1", title: "Best Strategic Card Game Platform", quote:
title: "Best Strategic Card Game Platform", "CardBattle revolutionized how I play TCGs. The real-time battles, intuitive deck builder, and social features make it the ultimate platform for competitive card gamers. I've made friends across 15 countries!", name: "Alex Chen", role: "Professional Gamer", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-alex-chen-male--1773070245483-3996cbd1.png?_wi=1", imageAlt: "Alex Chen professional gamer"},
"CardBattle revolutionized how I play TCGs. The real-time battles, intuitive deck builder, and social features make it the ultimate platform for competitive card gamers. I've made friends across 15 countries!",
name: "Alex Chen",
role: "Professional Gamer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-alex-chen-male--1773070245483-3996cbd1.png?_wi=1",
imageAlt: "Alex Chen professional gamer",
},
{ {
id: "2", id: "2", title: "Perfect for Casual & Competitive Play", quote:
title: "Perfect for Casual & Competitive Play", "Whether I'm grinding ranked matches or casually battling friends, CardBattle delivers an exceptional experience. The ranking system keeps me motivated, and the community is incredibly supportive.", name: "Maria Rodriguez", role: "Casual Player, Streaming Community Manager", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-maria-rodriguez-1773070245586-588ed4bc.png?_wi=1", imageAlt: "Maria Rodriguez content creator"},
"Whether I'm grinding ranked matches or casually battling friends, CardBattle delivers an exceptional experience. The ranking system keeps me motivated, and the community is incredibly supportive.",
name: "Maria Rodriguez",
role: "Casual Player, Streaming Community Manager",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-maria-rodriguez-1773070245586-588ed4bc.png?_wi=1",
imageAlt: "Maria Rodriguez content creator",
},
{ {
id: "3", id: "3", title: "Innovation in Real-Time Gaming", quote:
title: "Innovation in Real-Time Gaming", "The deck builder is phenomenal - analyzing card synergies and testing strategies changed my game. The global leaderboard competition is fierce and fair. This is the future of card games.", name: "Rajesh Patel", role: "Esports Tournament Organizer", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-rajesh-patel-ma-1773070245855-9e11a340.png?_wi=1", imageAlt: "Rajesh Patel tournament organizer"},
"The deck builder is phenomenal - analyzing card synergies and testing strategies changed my game. The global leaderboard competition is fierce and fair. This is the future of card games.",
name: "Rajesh Patel",
role: "Esports Tournament Organizer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-rajesh-patel-ma-1773070245855-9e11a340.png?_wi=1",
imageAlt: "Rajesh Patel tournament organizer",
},
{ {
id: "4", id: "4", title: "Community That Matters", quote:
title: "Community That Matters", "More than a game, CardBattle is a community. Friends, rivals, mentors - I've found all of them here. The social features and chat systems make every battle meaningful.", name: "Emma Thompson", role: "Content Creator", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-emma-thompson-f-1773070246171-a1a92b87.png?_wi=1", imageAlt: "Emma Thompson content creator"},
"More than a game, CardBattle is a community. Friends, rivals, mentors - I've found all of them here. The social features and chat systems make every battle meaningful.",
name: "Emma Thompson",
role: "Content Creator",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-emma-thompson-f-1773070246171-a1a92b87.png?_wi=1",
imageAlt: "Emma Thompson content creator",
},
{ {
id: "5", id: "5", title: "Balanced Gameplay & Fair Ranking", quote:
title: "Balanced Gameplay & Fair Ranking", "Finally, a TCG platform where skill matters more than luck. The matchmaking is perfectly balanced, and climbing the ladder feels rewarding. Definitely worth your time.", name: "James Liu", role: "Competitive Player", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-james-liu-male--1773070245450-e3e91564.png?_wi=1", imageAlt: "James Liu competitive player"},
"Finally, a TCG platform where skill matters more than luck. The matchmaking is perfectly balanced, and climbing the ladder feels rewarding. Definitely worth your time.",
name: "James Liu",
role: "Competitive Player",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-james-liu-male--1773070245450-e3e91564.png?_wi=1",
imageAlt: "James Liu competitive player",
},
{ {
id: "6", id: "6", title: "Next-Gen Card Gaming Experience", quote:
title: "Next-Gen Card Gaming Experience", "Playing on CardBattle feels like the future of gaming. Smooth animations, engaging mechanics, and an awesome community. I can't imagine playing TCGs anywhere else now.", name: "Sophie Anderson", role: "Game Reviewer & Streamer", imageSrc:
quote: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-sophie-anderson-1773070246411-363310e9.png?_wi=1", imageAlt: "Sophie Anderson game reviewer"},
"Playing on CardBattle feels like the future of gaming. Smooth animations, engaging mechanics, and an awesome community. I can't imagine playing TCGs anywhere else now.",
name: "Sophie Anderson",
role: "Game Reviewer & Streamer",
imageSrc:
"https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3AiKovIrNiZx4blDVKso5Hp7UHu/professional-headshot-of-sophie-anderson-1773070246411-363310e9.png?_wi=1",
imageAlt: "Sophie Anderson game reviewer",
},
]} ]}
/> />
</div> </div>
@@ -493,15 +329,7 @@ export default function HomePage() {
textboxLayout="default" textboxLayout="default"
useInvertedBackground={false} useInvertedBackground={false}
names={[ names={[
"Esports Chronicle", "Esports Chronicle", "Gaming Today Magazine", "TCG Weekly", "Streaming Hub Pro", "Card Game Central", "Competitive Gaming League", "Digital Entertainment Weekly", "Gaming Community Voice"]}
"Gaming Today Magazine",
"TCG Weekly",
"Streaming Hub Pro",
"Card Game Central",
"Competitive Gaming League",
"Digital Entertainment Weekly",
"Gaming Community Voice",
]}
speed={40} speed={40}
showCard={true} showCard={true}
/> />
@@ -513,16 +341,12 @@ export default function HomePage() {
tagIcon={Rocket} tagIcon={Rocket}
tagAnimation="slide-up" tagAnimation="slide-up"
title="Ready to Battle? Join CardBattle Today" title="Ready to Battle? Join CardBattle Today"
description="Create your free account, build your first deck, and start challenging players worldwide. No downloads required - play directly in your browser." description="Create your free account, build your first deck, and start challenging players worldwide. No downloads required - play directly in your browser. Earn coins with every victory!"
buttons={[ buttons={[
{ {
text: "Create Free Account", text: "Create Free Account", href: "https://app.cardbattle.example.com/signup"},
href: "https://app.cardbattle.example.com/signup",
},
{ {
text: "Learn More", text: "Learn More", href: "#features"},
href: "#features",
},
]} ]}
buttonAnimation="slide-up" buttonAnimation="slide-up"
background={{ variant: "sparkles-gradient" }} background={{ variant: "sparkles-gradient" }}
@@ -536,66 +360,39 @@ export default function HomePage() {
copyrightText="© 2025 CardBattle. All rights reserved." copyrightText="© 2025 CardBattle. All rights reserved."
columns={[ columns={[
{ {
title: "Game", title: "Game", items: [
items: [
{ {
label: "Play", label: "Play", href: "/play"},
href: "/play",
},
{ {
label: "Deck Builder", label: "Deck Builder", href: "/deck-builder"},
href: "/deck-builder",
},
{ {
label: "Leaderboard", label: "Leaderboard", href: "/leaderboard"},
href: "/leaderboard",
},
{ {
label: "Tutorials", label: "Tutorials", href: "#features"},
href: "#features",
},
], ],
}, },
{ {
title: "Community", title: "Community", items: [
items: [
{ {
label: "Discord", label: "Discord", href: "https://discord.gg/cardbattle"},
href: "https://discord.gg/cardbattle",
},
{ {
label: "Forums", label: "Forums", href: "https://forums.cardbattle.example.com"},
href: "https://forums.cardbattle.example.com",
},
{ {
label: "Events", label: "Events", href: "/community"},
href: "/community",
},
{ {
label: "Guilds", label: "Guilds", href: "https://app.cardbattle.example.com/guilds"},
href: "https://app.cardbattle.example.com/guilds",
},
], ],
}, },
{ {
title: "Support", title: "Support", items: [
items: [
{ {
label: "Help Center", label: "Help Center", href: "https://support.cardbattle.example.com"},
href: "https://support.cardbattle.example.com",
},
{ {
label: "Report Issue", label: "Report Issue", href: "https://support.cardbattle.example.com/report"},
href: "https://support.cardbattle.example.com/report",
},
{ {
label: "Privacy Policy", label: "Privacy Policy", href: "#"},
href: "#",
},
{ {
label: "Terms of Service", label: "Terms of Service", href: "#"},
href: "#",
},
], ],
}, },
]} ]}