From 98a4d573b2c8b291ccc0e4630c6f360e8f2d18ce Mon Sep 17 00:00:00 2001 From: bender Date: Mon, 9 Mar 2026 15:43:49 +0000 Subject: [PATCH] Update src/app/page.tsx --- src/app/page.tsx | 403 ++++++++++++----------------------------------- 1 file changed, 100 insertions(+), 303 deletions(-) diff --git a/src/app/page.tsx b/src/app/page.tsx index 574344f..4a83c3e 100644 --- a/src/app/page.tsx +++ b/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"}, ]} /> @@ -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"}, ]} /> @@ -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"}, ]} />
@@ -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"}, ]} />
@@ -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: "#"}, ], }, ]} -- 2.49.1