Merge version_2 into main #1
259
src/app/page.tsx
259
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: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746576.jpg", 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: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg", imageAlt: "Player"},
|
||||
{
|
||||
id: "h3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg",
|
||||
imageAlt: "Crowd",
|
||||
},
|
||||
id: "h3", imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg", 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: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg", imageAlt: "Controller"},
|
||||
{
|
||||
id: "h5",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-120070.jpg",
|
||||
imageAlt: "Dashboard",
|
||||
},
|
||||
id: "h5", imageSrc: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-120070.jpg", imageAlt: "Dashboard"},
|
||||
{
|
||||
id: "h6",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg",
|
||||
imageAlt: "Victory",
|
||||
},
|
||||
id: "h6", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg", 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: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837586.jpg"},
|
||||
{
|
||||
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: "http://img.b2bpic.net/free-photo/fire-burning-smoke-nature-destructive-inferno-unleashed-generative-ai_188544-12515.jpg"},
|
||||
{
|
||||
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: "http://img.b2bpic.net/free-photo/friends-playing-poker-together_23-2149342801.jpg"},
|
||||
{
|
||||
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: "http://img.b2bpic.net/free-photo/cybernetic-guardian-neon-city_23-2152031318.jpg"},
|
||||
{
|
||||
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: "http://img.b2bpic.net/free-photo/fantasy-house-moon-illustration_23-2151627917.jpg"},
|
||||
{
|
||||
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: "http://img.b2bpic.net/free-photo/view-3d-video-games-device_23-2151005845.jpg"},
|
||||
]}
|
||||
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: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -421,4 +266,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
@@ -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