Merge version_3 into main #2
403
src/app/page.tsx
403
src/app/page.tsx
@@ -68,28 +68,18 @@ export default function HomePage() {
|
||||
tagAnimation="slide-up"
|
||||
buttons={[
|
||||
{
|
||||
text: "Create Account",
|
||||
href: "https://app.cardbattle.example.com/signup",
|
||||
},
|
||||
text: "Create Account", href: "https://app.cardbattle.example.com/signup"},
|
||||
{
|
||||
text: "Watch Gameplay",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Watch Gameplay", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
{
|
||||
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",
|
||||
},
|
||||
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"},
|
||||
]}
|
||||
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"
|
||||
@@ -97,25 +87,15 @@ export default function HomePage() {
|
||||
mediaAnimation="slide-up"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-Time Battles",
|
||||
},
|
||||
type: "text", text: "Real-Time Battles"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Ranking System",
|
||||
},
|
||||
type: "text", text: "Global Ranking System"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Social Features",
|
||||
},
|
||||
type: "text", text: "Social Features"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Deck Builder Tools",
|
||||
},
|
||||
type: "text", text: "Deck Builder Tools"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Competitive & Casual",
|
||||
},
|
||||
type: "text", text: "Competitive & Casual"},
|
||||
]}
|
||||
marqueeSpeed={35}
|
||||
showMarqueeCard={true}
|
||||
@@ -135,58 +115,34 @@ export default function HomePage() {
|
||||
features={[
|
||||
{
|
||||
id: 1,
|
||||
title: "User Authentication & Profiles",
|
||||
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:
|
||||
"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",
|
||||
},
|
||||
title: "User Authentication & Profiles", 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:
|
||||
"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,
|
||||
title: "Advanced Deck Builder",
|
||||
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:
|
||||
"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",
|
||||
},
|
||||
title: "Advanced Deck Builder", 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:
|
||||
"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,
|
||||
title: "Real-Time Multiplayer Battles",
|
||||
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:
|
||||
"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",
|
||||
},
|
||||
title: "Real-Time Multiplayer Battles", 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:
|
||||
"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,
|
||||
title: "Matchmaking System",
|
||||
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:
|
||||
"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",
|
||||
},
|
||||
title: "Matchmaking System", 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:
|
||||
"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,
|
||||
title: "Global Ranking Ladder",
|
||||
description:
|
||||
"Progress from Beginner through Trainer, Champion, and Master ranks. Compete on the global leaderboard and earn prestigious badges for achievements.",
|
||||
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",
|
||||
},
|
||||
title: "Global Ranking Ladder", description:
|
||||
"Progress from Beginner through Trainer, Champion, and Master ranks. Compete on the global leaderboard and earn prestigious badges for achievements.", 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,
|
||||
title: "Social & Community Features",
|
||||
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:
|
||||
"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",
|
||||
},
|
||||
title: "Social & Community Features", 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:
|
||||
"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>
|
||||
@@ -204,38 +160,17 @@ export default function HomePage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
brand: "CardBattle",
|
||||
name: "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: "1", brand: "CardBattle", name: "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",
|
||||
brand: "CardBattle",
|
||||
name: "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: "2", brand: "CardBattle", name: "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",
|
||||
brand: "CardBattle",
|
||||
name: "Health & 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",
|
||||
},
|
||||
id: "3", brand: "CardBattle", name: "Health & 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>
|
||||
@@ -255,28 +190,20 @@ export default function HomePage() {
|
||||
mediaAnimation="slide-up"
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Smart Card Search",
|
||||
description:
|
||||
"Filter cards by type, mana cost, attributes, and effects. Find perfect synergies instantly.",
|
||||
icon: Search,
|
||||
title: "Smart Card Search", description:
|
||||
"Filter cards by type, mana cost, attributes, and effects. Find perfect synergies instantly.", icon: Search,
|
||||
},
|
||||
{
|
||||
title: "Deck Statistics",
|
||||
description:
|
||||
"View mana curve, card type distribution, and win rate predictions based on meta analysis.",
|
||||
icon: BarChart3,
|
||||
title: "Deck Statistics", description:
|
||||
"View mana curve, card type distribution, and win rate predictions based on meta analysis.", icon: BarChart3,
|
||||
},
|
||||
{
|
||||
title: "Save & Share",
|
||||
description:
|
||||
"Create multiple deck templates, save builds, and share winning strategies with the community.",
|
||||
icon: Share2,
|
||||
title: "Save & Share", description:
|
||||
"Create multiple deck templates, save builds, and share winning strategies with the community.", icon: Share2,
|
||||
},
|
||||
{
|
||||
title: "Test Against AI",
|
||||
description:
|
||||
"Practice your deck against AI opponents to refine strategy before ranked matches.",
|
||||
icon: Cpu,
|
||||
title: "Test Against AI", description:
|
||||
"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"
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "50K+",
|
||||
description: "Active Players Worldwide",
|
||||
},
|
||||
id: "1", value: "50K+", description: "Active Players Worldwide"},
|
||||
{
|
||||
id: "2",
|
||||
value: "2.5M+",
|
||||
description: "Battles Played Daily",
|
||||
},
|
||||
id: "2", value: "2.5M+", description: "Battles Played Daily"},
|
||||
{
|
||||
id: "3",
|
||||
value: "15K+",
|
||||
description: "Unique Card Combinations",
|
||||
},
|
||||
id: "3", value: "15K+", description: "Unique Card Combinations"},
|
||||
{
|
||||
id: "4",
|
||||
value: "98%",
|
||||
description: "Player Satisfaction Rate",
|
||||
},
|
||||
id: "4", value: "98%", description: "Player Satisfaction Rate"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="ranking-system" data-section="ranking-system">
|
||||
<PricingCardThree
|
||||
title="Ranking Ladder System"
|
||||
description="Progress through competitive tiers and earn exclusive rewards as you climb the global leaderboard."
|
||||
title="Ranking Ladder System with Coin Rewards"
|
||||
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"
|
||||
tagIcon={Trophy}
|
||||
tagAnimation="slide-up"
|
||||
@@ -330,74 +245,37 @@ export default function HomePage() {
|
||||
animationType="slide-up"
|
||||
plans={[
|
||||
{
|
||||
id: "1",
|
||||
price: "Rank 1-10",
|
||||
name: "Beginner",
|
||||
buttons: [
|
||||
id: "1", price: "Rank 1-10", name: "Beginner", buttons: [
|
||||
{
|
||||
text: "Start Here",
|
||||
href: "https://app.cardbattle.example.com/signup",
|
||||
},
|
||||
text: "Start Here", href: "https://app.cardbattle.example.com/signup"},
|
||||
],
|
||||
features: [
|
||||
"Tutorial battles included",
|
||||
"Basic card collection",
|
||||
"Casual matchmaking",
|
||||
"Community chat access",
|
||||
],
|
||||
"50 coins per win", "Tutorial battles included", "Basic card collection", "Casual matchmaking", "Community chat access"],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
price: "Rank 11-50",
|
||||
name: "Trainer",
|
||||
badge: "Most Popular Starting Point",
|
||||
badgeIcon: Sparkles,
|
||||
id: "2", price: "Rank 11-50", name: "Trainer", badge: "Most Popular Starting Point", badgeIcon: Sparkles,
|
||||
buttons: [
|
||||
{
|
||||
text: "Challenge Yourself",
|
||||
href: "https://app.cardbattle.example.com/play",
|
||||
},
|
||||
text: "Challenge Yourself", href: "https://app.cardbattle.example.com/play"},
|
||||
],
|
||||
features: [
|
||||
"Ranked matchmaking unlocked",
|
||||
"Advanced deck builder access",
|
||||
"Daily rewards",
|
||||
"Trainer badge on profile",
|
||||
],
|
||||
"150 coins per win", "Ranked matchmaking unlocked", "Advanced deck builder access", "Daily rewards", "Trainer badge on profile"],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
price: "Rank 51-100",
|
||||
name: "Champion",
|
||||
buttons: [
|
||||
id: "3", price: "Rank 51-100", name: "Champion", buttons: [
|
||||
{
|
||||
text: "Reach Elite Status",
|
||||
href: "https://app.cardbattle.example.com/play",
|
||||
},
|
||||
text: "Reach Elite Status", href: "https://app.cardbattle.example.com/play"},
|
||||
],
|
||||
features: [
|
||||
"Exclusive rare cards",
|
||||
"Priority matchmaking",
|
||||
"Season rewards",
|
||||
"Champion leaderboard",
|
||||
],
|
||||
"350 coins per win", "Exclusive rare cards", "Priority matchmaking", "Season rewards", "Champion leaderboard"],
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
price: "Rank 101+",
|
||||
name: "Master",
|
||||
buttons: [
|
||||
id: "4", price: "Rank 101+", name: "Master", buttons: [
|
||||
{
|
||||
text: "Become Master",
|
||||
href: "https://app.cardbattle.example.com/play",
|
||||
},
|
||||
text: "Become Master", href: "https://app.cardbattle.example.com/play"},
|
||||
],
|
||||
features: [
|
||||
"Legendary card access",
|
||||
"Custom profile frames",
|
||||
"International tournaments",
|
||||
"Premium support",
|
||||
],
|
||||
"750 coins per win", "Legendary card access", "Custom profile frames", "International tournaments", "Premium support"],
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -414,71 +292,29 @@ export default function HomePage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Best Strategic Card Game Platform",
|
||||
quote:
|
||||
"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: "1", title: "Best Strategic Card Game Platform", quote:
|
||||
"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",
|
||||
title: "Perfect for Casual & Competitive Play",
|
||||
quote:
|
||||
"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: "2", title: "Perfect for Casual & Competitive Play", quote:
|
||||
"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",
|
||||
title: "Innovation in Real-Time Gaming",
|
||||
quote:
|
||||
"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: "3", title: "Innovation in Real-Time Gaming", quote:
|
||||
"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",
|
||||
title: "Community That Matters",
|
||||
quote:
|
||||
"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: "4", title: "Community That Matters", quote:
|
||||
"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",
|
||||
title: "Balanced Gameplay & Fair Ranking",
|
||||
quote:
|
||||
"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: "5", title: "Balanced Gameplay & Fair Ranking", quote:
|
||||
"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",
|
||||
title: "Next-Gen Card Gaming Experience",
|
||||
quote:
|
||||
"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",
|
||||
},
|
||||
id: "6", title: "Next-Gen Card Gaming Experience", quote:
|
||||
"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>
|
||||
@@ -493,15 +329,7 @@ export default function HomePage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Esports Chronicle",
|
||||
"Gaming Today Magazine",
|
||||
"TCG Weekly",
|
||||
"Streaming Hub Pro",
|
||||
"Card Game Central",
|
||||
"Competitive Gaming League",
|
||||
"Digital Entertainment Weekly",
|
||||
"Gaming Community Voice",
|
||||
]}
|
||||
"Esports Chronicle", "Gaming Today Magazine", "TCG Weekly", "Streaming Hub Pro", "Card Game Central", "Competitive Gaming League", "Digital Entertainment Weekly", "Gaming Community Voice"]}
|
||||
speed={40}
|
||||
showCard={true}
|
||||
/>
|
||||
@@ -513,16 +341,12 @@ export default function HomePage() {
|
||||
tagIcon={Rocket}
|
||||
tagAnimation="slide-up"
|
||||
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={[
|
||||
{
|
||||
text: "Create Free Account",
|
||||
href: "https://app.cardbattle.example.com/signup",
|
||||
},
|
||||
text: "Create Free Account", href: "https://app.cardbattle.example.com/signup"},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Learn More", href: "#features"},
|
||||
]}
|
||||
buttonAnimation="slide-up"
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
@@ -536,66 +360,39 @@ export default function HomePage() {
|
||||
copyrightText="© 2025 CardBattle. All rights reserved."
|
||||
columns={[
|
||||
{
|
||||
title: "Game",
|
||||
items: [
|
||||
title: "Game", items: [
|
||||
{
|
||||
label: "Play",
|
||||
href: "/play",
|
||||
},
|
||||
label: "Play", href: "/play"},
|
||||
{
|
||||
label: "Deck Builder",
|
||||
href: "/deck-builder",
|
||||
},
|
||||
label: "Deck Builder", href: "/deck-builder"},
|
||||
{
|
||||
label: "Leaderboard",
|
||||
href: "/leaderboard",
|
||||
},
|
||||
label: "Leaderboard", href: "/leaderboard"},
|
||||
{
|
||||
label: "Tutorials",
|
||||
href: "#features",
|
||||
},
|
||||
label: "Tutorials", href: "#features"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Community",
|
||||
items: [
|
||||
title: "Community", items: [
|
||||
{
|
||||
label: "Discord",
|
||||
href: "https://discord.gg/cardbattle",
|
||||
},
|
||||
label: "Discord", href: "https://discord.gg/cardbattle"},
|
||||
{
|
||||
label: "Forums",
|
||||
href: "https://forums.cardbattle.example.com",
|
||||
},
|
||||
label: "Forums", href: "https://forums.cardbattle.example.com"},
|
||||
{
|
||||
label: "Events",
|
||||
href: "/community",
|
||||
},
|
||||
label: "Events", href: "/community"},
|
||||
{
|
||||
label: "Guilds",
|
||||
href: "https://app.cardbattle.example.com/guilds",
|
||||
},
|
||||
label: "Guilds", href: "https://app.cardbattle.example.com/guilds"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "https://support.cardbattle.example.com",
|
||||
},
|
||||
label: "Help Center", href: "https://support.cardbattle.example.com"},
|
||||
{
|
||||
label: "Report Issue",
|
||||
href: "https://support.cardbattle.example.com/report",
|
||||
},
|
||||
label: "Report Issue", href: "https://support.cardbattle.example.com/report"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user