bender/aed52783-423d-4200-bb23-40df5c8a7338
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-03-20 18:13:14 +00:00
parent cc99d29ad5
commit 1a7bb20b6f
1 changed files with 49 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

208
src/app/page.tsx
View File

@@ -24,8 +24,7 @@ export default function HomePage() {
const footerColumns = [
{
title: "Platform",
items: [
title: "Platform", items: [
{ label: "Home", href: "/" },
{ label: "Tournaments", href: "/" },
{ label: "Leaderboard", href: "/" },
@@ -33,8 +32,7 @@ export default function HomePage() {
],
},
{
title: "Community",
items: [
title: "Community", items: [
{ label: "Discord", href: "https://discord.com" },
{ label: "Twitter", href: "https://twitter.com" },
{ label: "Twitch", href: "https://twitch.tv" },
@@ -42,8 +40,7 @@ export default function HomePage() {
],
},
{
title: "Resources",
items: [
title: "Resources", items: [
{ label: "Rules & Guidelines", href: "/" },
{ label: "Support", href: "/" },
{ label: "Blog", href: "/" },
@@ -51,8 +48,7 @@ export default function HomePage() {
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{ label: "Privacy Policy", href: "/" },
{ label: "Terms of Service", href: "/" },
{ label: "Cookie Policy", href: "/" },
@@ -63,16 +59,16 @@ export default function HomePage() {
return (
<ThemeProvider
defaultButtonVariant="text-stagger"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="smallMedium"
sizing="largeSizeMediumTitles"
background="none"
cardStyle="glass-elevated"
primaryButtonStyle="double-inset"
secondaryButtonStyle="radial-glow"
headingFontWeight="medium"
defaultButtonVariant="shift-hover"
defaultTextAnimation="background-highlight"
borderRadius="rounded"
contentWidth="medium"
sizing="largeSizeLargeTitles"
background="aurora"
cardStyle="gradient-radial"
primaryButtonStyle="radial-glow"
secondaryButtonStyle="solid"
headingFontWeight="bold"
>
<div id="nav" data-section="nav">
<NavbarStyleApple brandName="Brawl Stars Esports" navItems={navItems} />
@@ -93,29 +89,17 @@ export default function HomePage() {
buttonAnimation="slide-up"
mediaItems={[
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/dynamic-brawl-stars-competitive-gameplay-1774030148470-7b99472d.png",
imageAlt: "Intense Brawl Stars competitive match gameplay",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/dynamic-brawl-stars-competitive-gameplay-1774030148470-7b99472d.png", imageAlt: "Intense Brawl Stars competitive match gameplay"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/professional-esports-player-hands-on-gam-1774030147364-1c560528.png",
imageAlt: "Professional esports player in action",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/professional-esports-player-hands-on-gam-1774030147364-1c560528.png", imageAlt: "Professional esports player in action"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/packed-esports-stadium-filled-with-enthu-1774030147457-0aaaf7e8.png",
imageAlt: "Tournament arena packed with spectators",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/packed-esports-stadium-filled-with-enthu-1774030147457-0aaaf7e8.png", imageAlt: "Tournament arena packed with spectators"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/shiny-professional-esports-championship--1774030147236-b9ff8512.png",
imageAlt: "Championship trophy and competitive awards",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/shiny-professional-esports-championship--1774030147236-b9ff8512.png", imageAlt: "Championship trophy and competitive awards"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/esports-team-celebrating-triumphant-vict-1774030147601-9be6cab9.png",
imageAlt: "Team celebration after tournament victory",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/esports-team-celebrating-triumphant-vict-1774030147601-9be6cab9.png", imageAlt: "Team celebration after tournament victory"},
{
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/brawl-stars-character-selection-screen-s-1774030148079-c765edcb.png",
imageAlt: "Brawler character selection and strategy planning",
},
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/brawl-stars-character-selection-screen-s-1774030148079-c765edcb.png", imageAlt: "Brawler character selection and strategy planning"},
]}
mediaAnimation="slide-up"
ariaLabel="Brawl Stars esports hero section"
@@ -137,35 +121,14 @@ export default function HomePage() {
gridVariant="three-columns-all-equal-width"
products={[
{
id: "tournament-1",
brand: "Global Series",
name: "Spring Championship 2025",
price: "$50,000",
rating: 5,
reviewCount: "2.4K",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/spring-championship-2025-esports-tournam-1774030147333-15fbadea.png?_wi=1",
imageAlt: "Spring Championship tournament banner",
},
id: "tournament-1", brand: "Global Series", name: "Spring Championship 2025", price: "$50,000", rating: 5,
reviewCount: "2.4K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/spring-championship-2025-esports-tournam-1774030147333-15fbadea.png?_wi=1", imageAlt: "Spring Championship tournament banner"},
{
id: "tournament-2",
brand: "Regional Qualifier",
name: "European Regional Finals",
price: "$25,000",
rating: 4.8,
reviewCount: "1.8K",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/european-regional-finals-tournament-bann-1774030147474-16ff2890.png?_wi=1",
imageAlt: "European regional finals tournament",
},
id: "tournament-2", brand: "Regional Qualifier", name: "European Regional Finals", price: "$25,000", rating: 4.8,
reviewCount: "1.8K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/european-regional-finals-tournament-bann-1774030147474-16ff2890.png?_wi=1", imageAlt: "European regional finals tournament"},
{
id: "tournament-3",
brand: "Community Cup",
name: "Weekly Showdown",
price: "$5,000",
rating: 4.6,
reviewCount: "3.1K",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/weekly-showdown-community-cup-casual-tou-1774030147428-926abd60.png?_wi=1",
imageAlt: "Weekly community showdown tournament",
},
id: "tournament-3", brand: "Community Cup", name: "Weekly Showdown", price: "$5,000", rating: 4.6,
reviewCount: "3.1K", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BDiSzD8FgRF5AlYfhNeXqDS2qp/weekly-showdown-community-cup-casual-tou-1774030147428-926abd60.png?_wi=1", imageAlt: "Weekly community showdown tournament"},
]}
ariaLabel="Active tournaments section"
/>
@@ -184,34 +147,22 @@ export default function HomePage() {
features={[
{
icon: Trophy,
title: "Elite Tournaments",
description: "Compete in exclusive tournaments with professional prize pools and recognition.",
},
title: "Elite Tournaments", description: "Compete in exclusive tournaments with professional prize pools and recognition."},
{
icon: Users,
title: "Global Community",
description: "Connect with millions of Brawl Stars players worldwide and build your network.",
},
title: "Global Community", description: "Connect with millions of Brawl Stars players worldwide and build your network."},
{
icon: TrendingUp,
title: "Live Leaderboards",
description: "Track your ranking in real-time and compete for the top positions globally.",
},
title: "Live Leaderboards", description: "Track your ranking in real-time and compete for the top positions globally."},
{
icon: Zap,
title: "Instant Matchmaking",
description: "Get paired with similarly skilled opponents for competitive and fair gameplay.",
},
title: "Instant Matchmaking", description: "Get paired with similarly skilled opponents for competitive and fair gameplay."},
{
icon: Shield,
title: "Secure Platform",
description: "Play with confidence on our secure, anti-cheat verified competitive platform.",
},
title: "Secure Platform", description: "Play with confidence on our secure, anti-cheat verified competitive platform."},
{
icon: Award,
title: "Rewards & Badges",
description: "Earn exclusive badges, titles, and rewards for your tournament achievements.",
},
title: "Rewards & Badges", description: "Earn exclusive badges, titles, and rewards for your tournament achievements."},
]}
ariaLabel="Platform features section"
/>
@@ -227,14 +178,7 @@ export default function HomePage() {
textboxLayout="default"
useInvertedBackground={false}
names={[
"Professional Teams",
"Esports Organizations",
"Gaming Studios",
"Content Creators",
"Tournament Organizers",
"Coaching Services",
"Gaming Equipment Brands",
]}
"Professional Teams", "Esports Organizations", "Gaming Studios", "Content Creators", "Tournament Organizers", "Coaching Services", "Gaming Equipment Brands"]}
showCard={true}
ariaLabel="Social proof section"
/>
@@ -247,25 +191,13 @@ export default function HomePage() {
tagAnimation="slide-up"
metrics={[
{
id: "players",
value: "2.5M+",
description: "Active Players",
},
id: "players", value: "2.5M+", description: "Active Players"},
{
id: "tournaments",
value: "500+",
description: "Tournaments Hosted",
},
id: "tournaments", value: "500+", description: "Tournaments Hosted"},
{
id: "prizePool",
value: "$5M+",
description: "Prize Pool Distributed",
},
id: "prizePool", value: "$5M+", description: "Prize Pool Distributed"},
{
id: "matches",
value: "50M+",
description: "Matches Played",
},
id: "matches", value: "50M+", description: "Matches Played"},
]}
metricsAnimation="slide-up"
useInvertedBackground={true}
@@ -285,41 +217,17 @@ export default function HomePage() {
animationType="slide-up"
testimonials={[
{
id: "player-1",
name: "Alex Chen",
handle: "@CrimsonBrawler",
testimonial: "This platform completely transformed my competitive journey. The matchmaking is incredibly fair, and I've won three major tournaments already!",
},
id: "player-1", name: "Alex Chen", handle: "@CrimsonBrawler", testimonial: "This platform completely transformed my competitive journey. The matchmaking is incredibly fair, and I've won three major tournaments already!"},
{
id: "player-2",
name: "Maria Rodriguez",
handle: "@LunaStrike",
testimonial: "The community here is amazing. I've made lasting friendships with players from all over the world while competing at the highest level.",
},
id: "player-2", name: "Maria Rodriguez", handle: "@LunaStrike", testimonial: "The community here is amazing. I've made lasting friendships with players from all over the world while competing at the highest level."},
{
id: "player-3",
name: "David Kim",
handle: "@VortexGaming",
testimonial: "Prize pools are generous, tournaments are frequent, and the support team is always helpful. Highly recommended for serious competitors.",
},
id: "player-3", name: "David Kim", handle: "@VortexGaming", testimonial: "Prize pools are generous, tournaments are frequent, and the support team is always helpful. Highly recommended for serious competitors."},
{
id: "player-4",
name: "Sophie Turner",
handle: "@ThunderShell",
testimonial: "From casual player to tournament champion – this platform gave me the opportunity to showcase my skills and compete professionally.",
},
id: "player-4", name: "Sophie Turner", handle: "@ThunderShell", testimonial: "From casual player to tournament champion – this platform gave me the opportunity to showcase my skills and compete professionally."},
{
id: "player-5",
name: "James Mitchell",
handle: "@EchoStrike",
testimonial: "The anti-cheat system is solid, the ranking system is transparent, and matches are always competitive. Best Brawl Stars esports platform by far!",
},
id: "player-5", name: "James Mitchell", handle: "@EchoStrike", testimonial: "The anti-cheat system is solid, the ranking system is transparent, and matches are always competitive. Best Brawl Stars esports platform by far!"},
{
id: "player-6",
name: "Lisa Wong",
handle: "@NeonViper",
testimonial: "Incredible experience competing here. The platform keeps improving, events are well-organized, and the community is supportive and inclusive.",
},
id: "player-6", name: "Lisa Wong", handle: "@NeonViper", testimonial: "Incredible experience competing here. The platform keeps improving, events are well-organized, and the community is supportive and inclusive."},
]}
speed={35}
ariaLabel="Player testimonials section"
@@ -342,35 +250,17 @@ export default function HomePage() {
faqsAnimation="slide-up"
faqs={[
{
id: "faq-1",
title: "How do I register for tournaments?",
content: "Simply create an account, complete your profile, and browse available tournaments. Click 'Join Tournament' to register. Tournament entry may require a fee or qualification rounds depending on the event tier.",
},
id: "faq-1", title: "How do I register for tournaments?", content: "Simply create an account, complete your profile, and browse available tournaments. Click 'Join Tournament' to register. Tournament entry may require a fee or qualification rounds depending on the event tier."},
{
id: "faq-2",
title: "What are the eligibility requirements?",
content: "Players must be at least 13 years old and have a verified Brawl Stars account. Some tournaments may have additional ranking or skill-based requirements.",
},
id: "faq-2", title: "What are the eligibility requirements?", content: "Players must be at least 13 years old and have a verified Brawl Stars account. Some tournaments may have additional ranking or skill-based requirements."},
{
id: "faq-3",
title: "How is the ranking system calculated?",
content: "Your ranking is based on tournament placements, win-loss records, and head-to-head results. Higher placements in larger tournaments grant more ranking points.",
},
id: "faq-3", title: "How is the ranking system calculated?", content: "Your ranking is based on tournament placements, win-loss records, and head-to-head results. Higher placements in larger tournaments grant more ranking points."},
{
id: "faq-4",
title: "When and how are prizes distributed?",
content: "Prizes are typically distributed within 7-14 days after tournament completion. Funds are transferred directly to registered payment methods or deposited into your account balance.",
},
id: "faq-4", title: "When and how are prizes distributed?", content: "Prizes are typically distributed within 7-14 days after tournament completion. Funds are transferred directly to registered payment methods or deposited into your account balance."},
{
id: "faq-5",
title: "Is there anti-cheat protection?",
content: "Yes, our platform uses advanced anti-cheat systems and regular monitoring to ensure fair play. We have a strict zero-tolerance policy for cheating.",
},
id: "faq-5", title: "Is there anti-cheat protection?", content: "Yes, our platform uses advanced anti-cheat systems and regular monitoring to ensure fair play. We have a strict zero-tolerance policy for cheating."},
{
id: "faq-6",
title: "Can I stream my matches?",
content: "Absolutely! We encourage streaming and content creation. Check tournament rules for streaming requirements, and affiliate links help support your channel.",
},
id: "faq-6", title: "Can I stream my matches?", content: "Absolutely! We encourage streaming and content creation. Check tournament rules for streaming requirements, and affiliate links help support your channel."},
]}
ariaLabel="FAQ section"
/>