Update src/app/page.tsx

Merge version_2 into main

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: "#"},
           ],
         },
       ]}

src/app/styles/variables.css

@@ -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);