Update src/app/page.tsx
This commit is contained in:
208
src/app/page.tsx
208
src/app/page.tsx
@@ -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"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user