Compare commits
4 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| bb5e80a30f | |||
| 4e4ed901f2 | |||
| 9cfeea2aa0 | |||
| 86ecca2ad9 |
257
src/app/page.tsx
257
src/app/page.tsx
@@ -34,21 +34,13 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Tournaments",
|
||||
id: "tournaments",
|
||||
},
|
||||
name: "Tournaments", id: "tournaments"},
|
||||
{
|
||||
name: "Pricing",
|
||||
id: "pricing",
|
||||
},
|
||||
name: "Pricing", id: "pricing"},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
name: "FAQ", id: "faq"},
|
||||
]}
|
||||
brandName="Gamefy Academy"
|
||||
/>
|
||||
@@ -57,48 +49,27 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardRotatedCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Master the E-Sports Arena"
|
||||
description="Join Gamefy Academy and compete in professional-grade tournaments designed to help you climb the leaderboards."
|
||||
tag="LEVEL UP NOW"
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#tournaments",
|
||||
},
|
||||
text: "Get Started", href: "#tournaments"},
|
||||
]}
|
||||
carouselItems={[
|
||||
{
|
||||
id: "h1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746576.jpg",
|
||||
imageAlt: "Arena",
|
||||
},
|
||||
id: "h1", imageSrc: "https://img.freepik.com/free-photo/gaming-tournament-venue-with-pro-players_23-2149746576.jpg?t=st=1710921000~exp=1710924600~hmac=c4b8e5c8e9b6a5d4c3b2a1f0e9d8c7b6a5f4e3d2c1b0a9f8e7d6c5b4a3f2e1d0", imageAlt: "Arena"},
|
||||
{
|
||||
id: "h2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg",
|
||||
imageAlt: "Player",
|
||||
},
|
||||
id: "h2", imageSrc: "https://img.freepik.com/free-photo/pro-gamer-focused-competition_23-2149451234.jpg?t=st=1710921000~exp=1710924600~hmac=a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z6a7b8c9d0e1f2", imageAlt: "Player"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg",
|
||||
imageAlt: "Crowd",
|
||||
},
|
||||
id: "h3", imageSrc: "https://img.freepik.com/free-photo/crowd-cheering-esports-arena_23-2149746599.jpg?t=st=1710921000~exp=1710924600~hmac=1a2b3c4d5e6f7g8h9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z7a8b9c0d1e2f", imageAlt: "Crowd"},
|
||||
{
|
||||
id: "h4",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg",
|
||||
imageAlt: "Controller",
|
||||
},
|
||||
id: "h4", imageSrc: "https://img.freepik.com/free-photo/gaming-peripherals-neon-lights_23-2149451345.jpg?t=st=1710921000~exp=1710924600~hmac=5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z6a7b8c9d0e1f2g3h4i5j6", imageAlt: "Controller"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-120070.jpg",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
id: "h5", imageSrc: "https://img.freepik.com/free-photo/esports-dashboard-stats_23-2149451456.jpg?t=st=1710921000~exp=1710924600~hmac=9i0j1k2l3m4n5o6p7q8r9s0t1u2v3w4x5y6z7a8b9c0d1e2f3g4h5i6j7k8l9m0", imageAlt: "Dashboard"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg",
|
||||
imageAlt: "Victory",
|
||||
},
|
||||
id: "h6", imageSrc: "https://img.freepik.com/free-photo/winner-pro-gamer-victory_23-2149451567.jpg?t=st=1710921000~exp=1710924600~hmac=1m2n3o4p5q6r7s8t9u0v1w2x3y4z5a6b7c8d9e0f1g2h3i4j5k6l7m8n9o0p1q", imageAlt: "Victory"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -110,19 +81,13 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Users,
|
||||
label: "Active Players",
|
||||
value: "15,000+",
|
||||
},
|
||||
label: "Active Players", value: "15,000+"},
|
||||
{
|
||||
icon: Trophy,
|
||||
label: "Tournaments Won",
|
||||
value: "2,400",
|
||||
},
|
||||
label: "Tournaments Won", value: "2,400"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Pro Contracts",
|
||||
value: "450",
|
||||
},
|
||||
label: "Pro Contracts", value: "450"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -135,17 +100,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
negativeCard={{
|
||||
items: [
|
||||
"No toxic gaming environments",
|
||||
"No amateur management",
|
||||
"No unverified results",
|
||||
],
|
||||
"No toxic gaming environments", "No amateur management", "No unverified results"],
|
||||
}}
|
||||
positiveCard={{
|
||||
items: [
|
||||
"Verified rank tracking",
|
||||
"Pro-level tournament structures",
|
||||
"Cash prize pools",
|
||||
],
|
||||
"Verified rank tracking", "Pro-level tournament structures", "Cash prize pools"],
|
||||
}}
|
||||
title="Why Compete Here?"
|
||||
description="Gamefy Academy provides the infrastructure, coaching, and exposure you need to transition from casual gamer to esports professional."
|
||||
@@ -160,41 +119,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Formula E Racing",
|
||||
price: "$10 Buy-in",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837586.jpg",
|
||||
},
|
||||
id: "t1", name: "League of Legends", price: "$10 Buy-in", imageSrc: "https://img.freepik.com/free-photo/league-legends-arena-competition_23-2149451111.jpg?t=st=1710921000~exp=1710924600~hmac=a1b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z6a7b8c9d0e1f2"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Tactical Shooters",
|
||||
price: "$25 Buy-in",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fire-burning-smoke-nature-destructive-inferno-unleashed-generative-ai_188544-12515.jpg",
|
||||
},
|
||||
id: "t2", name: "Valorant", price: "$25 Buy-in", imageSrc: "https://img.freepik.com/free-photo/valorant-pro-match-action_23-2149451222.jpg?t=st=1710921000~exp=1710924600~hmac=b2c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z6a7b8c9d0e1f2g3"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Card Strategy Masters",
|
||||
price: "Free Entry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-poker-together_23-2149342801.jpg",
|
||||
},
|
||||
id: "t3", name: "Hearthstone", price: "Free Entry", imageSrc: "https://img.freepik.com/free-photo/hearthstone-card-game-tournament_23-2149451333.jpg?t=st=1710921000~exp=1710924600~hmac=c3d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z6a7b8c9d0e1f2g3h4"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "MOBA Champions",
|
||||
price: "$50 Buy-in",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-guardian-neon-city_23-2152031318.jpg",
|
||||
},
|
||||
id: "t4", name: "Dota 2", price: "$50 Buy-in", imageSrc: "https://img.freepik.com/free-photo/dota2-esports-arena-match_23-2149451444.jpg?t=st=1710921000~exp=1710924600~hmac=d4e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z6a7b8c9d0e1f2g3h4i5"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Space Combat League",
|
||||
price: "$15 Buy-in",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/fantasy-house-moon-illustration_23-2151627917.jpg",
|
||||
},
|
||||
id: "t5", name: "StarCraft II", price: "$15 Buy-in", imageSrc: "https://img.freepik.com/free-photo/starcraft-tournament-screen_23-2149451555.jpg?t=st=1710921000~exp=1710924600~hmac=e5f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z6a7b8c9d0e1f2g3h4i5j6"},
|
||||
{
|
||||
id: "t6",
|
||||
name: "Retro Pixel Duel",
|
||||
price: "Free Entry",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-games-device_23-2151005845.jpg",
|
||||
},
|
||||
id: "t6", name: "Rocket League", price: "Free Entry", imageSrc: "https://img.freepik.com/free-photo/rocket-league-competition-stadium_23-2149451666.jpg?t=st=1710921000~exp=1710924600~hmac=f6g7h8i9j0k1l2m3n4o5p6q7r8s9t0u1v2w3x4y5z6a7b8c9d0e1f2g3h4i5j6k7"},
|
||||
]}
|
||||
title="Upcoming Tournaments"
|
||||
description="Pick your favorite game and join the bracket today."
|
||||
@@ -208,37 +143,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "p1",
|
||||
badge: "Beginner",
|
||||
price: "$9/mo",
|
||||
subtitle: "Basic access to free tournaments.",
|
||||
features: [
|
||||
"Rank tracking",
|
||||
"Community Discord",
|
||||
"Basic workshops",
|
||||
],
|
||||
id: "p1", badge: "Beginner", price: "$9/mo", subtitle: "Basic access to free tournaments.", features: [
|
||||
"Rank tracking", "Community Discord", "Basic workshops"],
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
badge: "Pro",
|
||||
price: "$29/mo",
|
||||
subtitle: "Serious competitive access.",
|
||||
features: [
|
||||
"Cash tournament entry",
|
||||
"Pro coaching",
|
||||
"Stats analytics",
|
||||
],
|
||||
id: "p2", badge: "Pro", price: "$29/mo", subtitle: "Serious competitive access.", features: [
|
||||
"Cash tournament entry", "Pro coaching", "Stats analytics"],
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
badge: "Elite",
|
||||
price: "$99/mo",
|
||||
subtitle: "For future pros.",
|
||||
features: [
|
||||
"Personal coaching",
|
||||
"Priority entry",
|
||||
"Scout opportunities",
|
||||
],
|
||||
id: "p3", badge: "Elite", price: "$99/mo", subtitle: "For future pros.", features: [
|
||||
"Personal coaching", "Priority entry", "Scout opportunities"],
|
||||
},
|
||||
]}
|
||||
title="Subscription Tiers"
|
||||
@@ -254,23 +168,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
members={[
|
||||
{
|
||||
id: "m1",
|
||||
name: "Alex 'Apex' River",
|
||||
role: "Head Coach",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-feeling-positive_114579-17673.jpg",
|
||||
},
|
||||
id: "m1", name: "Alex 'Apex' River", role: "Head Coach", imageSrc: "http://img.b2bpic.net/free-photo/pink-hair-girl-avantgarde-style-feeling-positive_114579-17673.jpg"},
|
||||
{
|
||||
id: "m2",
|
||||
name: "Jordan 'Zen' Lee",
|
||||
role: "Tactical Analyst",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-playing-videogames_23-2149349983.jpg",
|
||||
},
|
||||
id: "m2", name: "Jordan 'Zen' Lee", role: "Tactical Analyst", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-playing-videogames_23-2149349983.jpg"},
|
||||
{
|
||||
id: "m3",
|
||||
name: "Casey 'Strike' Ray",
|
||||
role: "Strategy Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-playing-videogame_23-2149350033.jpg",
|
||||
},
|
||||
id: "m3", name: "Casey 'Strike' Ray", role: "Strategy Lead", imageSrc: "http://img.b2bpic.net/free-photo/full-shot-young-man-playing-videogame_23-2149350033.jpg"},
|
||||
]}
|
||||
title="Academy Coaches"
|
||||
description="Learn from the best to become the best."
|
||||
@@ -283,45 +185,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Game Changer",
|
||||
quote: "The best place to sharpen your skills.",
|
||||
name: "Sarah",
|
||||
role: "Pro Player",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-sporty-boy-wearing-headband-wristbands-headphones-neck-with-dental-braces-looking-front-pointing-isolated-pink-wall-with-copy-space_141793-85532.jpg",
|
||||
},
|
||||
id: "t1", title: "Game Changer", quote: "The best place to sharpen your skills.", name: "Sarah", role: "Pro Player", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-sporty-boy-wearing-headband-wristbands-headphones-neck-with-dental-braces-looking-front-pointing-isolated-pink-wall-with-copy-space_141793-85532.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Incredible Support",
|
||||
quote: "Gamefy helped me get my first pro contract.",
|
||||
name: "Mark",
|
||||
role: "Tournament Winner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg",
|
||||
},
|
||||
id: "t2", title: "Incredible Support", quote: "Gamefy helped me get my first pro contract.", name: "Mark", role: "Tournament Winner", imageSrc: "http://img.b2bpic.net/free-photo/gamer-streaming-greeting-audience-preparing-showcase-gameplay_482257-103544.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Pro Infrastructure",
|
||||
quote: "Competitive scene never felt more real.",
|
||||
name: "Leo",
|
||||
role: "Influencer",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-playing-videogames_23-2150573842.jpg",
|
||||
},
|
||||
id: "t3", title: "Pro Infrastructure", quote: "Competitive scene never felt more real.", name: "Leo", role: "Influencer", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-man-playing-videogames_23-2150573842.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Expert Guidance",
|
||||
quote: "Coaching is top tier here.",
|
||||
name: "Gina",
|
||||
role: "Team Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142688.jpg",
|
||||
},
|
||||
id: "t4", title: "Expert Guidance", quote: "Coaching is top tier here.", name: "Gina", role: "Team Lead", imageSrc: "http://img.b2bpic.net/free-photo/gamer-having-fun-while-playing-videogames_23-2149142688.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Fast Tracking",
|
||||
quote: "Climbed ranks faster than anywhere else.",
|
||||
name: "Tom",
|
||||
role: "Pro Player",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885239.jpg",
|
||||
},
|
||||
id: "t5", title: "Fast Tracking", quote: "Climbed ranks faster than anywhere else.", name: "Tom", role: "Pro Player", imageSrc: "http://img.b2bpic.net/free-photo/closeup-portrait-baseball-player_23-2150885239.jpg"},
|
||||
]}
|
||||
title="Success Stories"
|
||||
description="See why top competitors choose Gamefy Academy."
|
||||
@@ -333,20 +205,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "How do I register?",
|
||||
content: "Simply pick a tournament and click join on your profile.",
|
||||
},
|
||||
id: "f1", title: "How do I register?", content: "Simply pick a tournament and click join on your profile."},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Are prizes real cash?",
|
||||
content: "Yes, we handle all payouts through our secure banking partner.",
|
||||
},
|
||||
id: "f2", title: "Are prizes real cash?", content: "Yes, we handle all payouts through our secure banking partner."},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Is coaching 1-on-1?",
|
||||
content: "Yes, Elite tiers get weekly private sessions.",
|
||||
},
|
||||
id: "f3", title: "Is coaching 1-on-1?", content: "Yes, Elite tiers get weekly private sessions."},
|
||||
]}
|
||||
sideTitle="Common Questions"
|
||||
sideDescription="Everything you need to know about our tournaments and coaching."
|
||||
@@ -358,16 +221,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="CONTACT US"
|
||||
title="Ready to go pro?"
|
||||
description="Don't wait for your dream team, join ours today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Support",
|
||||
href: "#",
|
||||
},
|
||||
text: "Contact Support", href: "#"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -377,42 +237,27 @@ export default function LandingPage() {
|
||||
logoText="Gamefy Academy"
|
||||
columns={[
|
||||
{
|
||||
title: "Platform",
|
||||
items: [
|
||||
title: "Platform", items: [
|
||||
{
|
||||
label: "Tournaments",
|
||||
href: "#tournaments",
|
||||
},
|
||||
label: "Tournaments", href: "#tournaments"},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#pricing",
|
||||
},
|
||||
label: "Pricing", href: "#pricing"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#faq",
|
||||
},
|
||||
label: "FAQ", href: "#faq"},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
label: "Support", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
{
|
||||
label: "Terms of Service",
|
||||
href: "#",
|
||||
},
|
||||
label: "Terms of Service", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
@@ -10,15 +10,15 @@
|
||||
--accent: #ffffff;
|
||||
--background-accent: #ffffff; */
|
||||
|
||||
--background: #ffffff;
|
||||
--card: #f9f9f9;
|
||||
--foreground: #000612e6;
|
||||
--primary-cta: #15479c;
|
||||
--background: #0a0a0a;
|
||||
--card: #1a1a1a;
|
||||
--foreground: #ffffff;
|
||||
--primary-cta: #8b5cf6;
|
||||
--primary-cta-text: #ffffff;
|
||||
--secondary-cta: #f9f9f9;
|
||||
--secondary-cta: #1a1a1a;
|
||||
--secondary-cta-text: #000612e6;
|
||||
--accent: #e2e2e2;
|
||||
--background-accent: #c4c4c4;
|
||||
--accent: #5e35b1;
|
||||
--background-accent: #2d1b4e;
|
||||
|
||||
/* text sizing - set by ThemeProvider */
|
||||
/* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);
|
||||
|
||||
Reference in New Issue
Block a user