Update src/app/styles/variables.css

src/app/page.tsx

@@ -34,21 +34,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
+          name: "Home",          id: "hero"},
-          id: "hero",
-        },
         {
-          name: "Tournaments",
+          name: "Tournaments",          id: "tournaments"},
-          id: "tournaments",
-        },
         {
-          name: "Pricing",
+          name: "Pricing",          id: "pricing"},
-          id: "pricing",
-        },
         {
-          name: "FAQ",
+          name: "FAQ",          id: "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",
+          text: "Get Started",          href: "#tournaments"},
-          href: "#tournaments",
-        },
       ]}
       carouselItems={[
         {
-          id: "h1",
+          id: "h1",          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746576.jpg",          imageAlt: "Arena"},
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746576.jpg",
-          imageAlt: "Arena",
-        },
         {
-          id: "h2",
+          id: "h2",          imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg",          imageAlt: "Player"},
-          imageSrc: "http://img.b2bpic.net/free-photo/professional-gamer-disappointed-after-losing-livestream_482257-115598.jpg",
-          imageAlt: "Player",
-        },
         {
-          id: "h3",
+          id: "h3",          imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg",          imageAlt: "Crowd"},
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-watching-magic-night_23-2148281577.jpg",
-          imageAlt: "Crowd",
-        },
         {
-          id: "h4",
+          id: "h4",          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg",          imageAlt: "Controller"},
-          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hard-drive-red-light_23-2149417025.jpg",
-          imageAlt: "Controller",
-        },
         {
-          id: "h5",
+          id: "h5",          imageSrc: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-120070.jpg",          imageAlt: "Dashboard"},
-          imageSrc: "http://img.b2bpic.net/free-photo/gambling-football-game-bet-concept_53876-120070.jpg",
-          imageAlt: "Dashboard",
-        },
         {
-          id: "h6",
+          id: "h6",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-happy-gamer-desk_23-2149350005.jpg",          imageAlt: "Victory"},
-          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",
+          label: "Active Players",          value: "15,000+"},
-          value: "15,000+",
-        },
         {
           icon: Trophy,
-          label: "Tournaments Won",
+          label: "Tournaments Won",          value: "2,400"},
-          value: "2,400",
-        },
         {
           icon: Award,
-          label: "Pro Contracts",
+          label: "Pro Contracts",          value: "450"},
-          value: "450",
-        },
       ]}
       metricsAnimation="slide-up"
     />
@@ -135,17 +100,11 @@ export default function LandingPage() {
       useInvertedBackground={false}
       negativeCard={{
         items: [
-          "No toxic gaming environments",
+          "No toxic gaming environments",          "No amateur management",          "No unverified results"],
-          "No amateur management",
-          "No unverified results",
-        ],
       }}
       positiveCard={{
         items: [
-          "Verified rank tracking",
+          "Verified rank tracking",          "Pro-level tournament structures",          "Cash prize pools"],
-          "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",
+          id: "t1",          name: "League of Legends",          price: "$10 Buy-in",          imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837586.jpg"},
-          name: "Formula E Racing",
-          price: "$10 Buy-in",
-          imageSrc: "http://img.b2bpic.net/free-photo/retro-futuristic-space-travel_23-2151837586.jpg",
-        },
         {
-          id: "t2",
+          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"},
-          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: "t3",
+          id: "t3",          name: "Hearthstone",          price: "Free Entry",          imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-poker-together_23-2149342801.jpg"},
-          name: "Card Strategy Masters",
-          price: "Free Entry",
-          imageSrc: "http://img.b2bpic.net/free-photo/friends-playing-poker-together_23-2149342801.jpg",
-        },
         {
-          id: "t4",
+          id: "t4",          name: "Dota 2",          price: "$50 Buy-in",          imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-guardian-neon-city_23-2152031318.jpg"},
-          name: "MOBA Champions",
-          price: "$50 Buy-in",
-          imageSrc: "http://img.b2bpic.net/free-photo/cybernetic-guardian-neon-city_23-2152031318.jpg",
-        },
         {
-          id: "t5",
+          id: "t5",          name: "StarCraft II",          price: "$15 Buy-in",          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-house-moon-illustration_23-2151627917.jpg"},
-          name: "Space Combat League",
-          price: "$15 Buy-in",
-          imageSrc: "http://img.b2bpic.net/free-photo/fantasy-house-moon-illustration_23-2151627917.jpg",
-        },
         {
-          id: "t6",
+          id: "t6",          name: "Rocket League",          price: "Free Entry",          imageSrc: "http://img.b2bpic.net/free-photo/view-3d-video-games-device_23-2151005845.jpg"},
-          name: "Retro Pixel Duel",
-          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",
+          id: "p1",          badge: "Beginner",          price: "$9/mo",          subtitle: "Basic access to free tournaments.",          features: [
-          badge: "Beginner",
+            "Rank tracking",            "Community Discord",            "Basic workshops"],
-          price: "$9/mo",
-          subtitle: "Basic access to free tournaments.",
-          features: [
-            "Rank tracking",
-            "Community Discord",
-            "Basic workshops",
-          ],
         },
         {
-          id: "p2",
+          id: "p2",          badge: "Pro",          price: "$29/mo",          subtitle: "Serious competitive access.",          features: [
-          badge: "Pro",
+            "Cash tournament entry",            "Pro coaching",            "Stats analytics"],
-          price: "$29/mo",
-          subtitle: "Serious competitive access.",
-          features: [
-            "Cash tournament entry",
-            "Pro coaching",
-            "Stats analytics",
-          ],
         },
         {
-          id: "p3",
+          id: "p3",          badge: "Elite",          price: "$99/mo",          subtitle: "For future pros.",          features: [
-          badge: "Elite",
+            "Personal coaching",            "Priority entry",            "Scout opportunities"],
-          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",
+          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"},
-          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",
+          id: "m2",          name: "Jordan 'Zen' Lee",          role: "Tactical Analyst",          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-playing-videogames_23-2149349983.jpg"},
-          name: "Jordan 'Zen' Lee",
-          role: "Tactical Analyst",
-          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-people-playing-videogames_23-2149349983.jpg",
-        },
         {
-          id: "m3",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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"},
-          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",
+          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: "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",
+          id: "f1",          title: "How do I register?",          content: "Simply pick a tournament and click join on your profile."},
-          title: "How do I register?",
-          content: "Simply pick a tournament and click join on your profile.",
-        },
         {
-          id: "f2",
+          id: "f2",          title: "Are prizes real cash?",          content: "Yes, we handle all payouts through our secure banking partner."},
-          title: "Are prizes real cash?",
-          content: "Yes, we handle all payouts through our secure banking partner.",
-        },
         {
-          id: "f3",
+          id: "f3",          title: "Is coaching 1-on-1?",          content: "Yes, Elite tiers get weekly private sessions."},
-          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",
+          text: "Contact Support",          href: "#"},
-          href: "#",
-        },
       ]}
     />
   </div>
@@ -377,42 +237,27 @@ export default function LandingPage() {
       logoText="Gamefy Academy"
       columns={[
         {
-          title: "Platform",
+          title: "Platform",          items: [
-          items: [
             {
-              label: "Tournaments",
+              label: "Tournaments",              href: "#tournaments"},
-              href: "#tournaments",
-            },
             {
-              label: "Pricing",
+              label: "Pricing",              href: "#pricing"},
-              href: "#pricing",
-            },
           ],
         },
         {
-          title: "Resources",
+          title: "Resources",          items: [
-          items: [
             {
-              label: "FAQ",
+              label: "FAQ",              href: "#faq"},
-              href: "#faq",
-            },
             {
-              label: "Support",
+              label: "Support",              href: "#"},
-              href: "#",
-            },
           ],
         },
         {
-          title: "Legal",
+          title: "Legal",          items: [
-          items: [
             {
-              label: "Privacy Policy",
+              label: "Privacy Policy",              href: "#"},
-              href: "#",
-            },
             {
-              label: "Terms of Service",
+              label: "Terms of Service",              href: "#"},
-              href: "#",
-            },
           ],
         },
       ]}
@@ -421,4 +266,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #ffffff;
+  --background: #0a0a0a;
-  --card: #f9f9f9;
+  --card: #1a1a1a;
-  --foreground: #000612e6;
+  --foreground: #ffffff;
-  --primary-cta: #15479c;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #f9f9f9;
+  --secondary-cta: #1a1a1a;
   --secondary-cta-text: #000612e6;
-  --accent: #e2e2e2;
+  --accent: #5e35b1;
-  --background-accent: #c4c4c4;
+  --background-accent: #2d1b4e;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);