Update src/app/page.tsx

Merge version_3 into main

src/app/admin/dashboard/page.tsx

@@ -0,0 +1,65 @@
+"use client";
+
+import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import ReactLenis from "lenis/react";
+import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import { Twitter } from "lucide-react";
+
+export default function AdminDashboardPage() {
+  return (
+    <ThemeProvider
+        defaultButtonVariant="text-shift"
+        defaultTextAnimation="reveal-blur"
+        borderRadius="pill"
+        contentWidth="smallMedium"
+        sizing="mediumSizeLargeTitles"
+        background="none"
+        cardStyle="subtle-shadow"
+        primaryButtonStyle="shadow"
+        secondaryButtonStyle="glass"
+        headingFontWeight="normal"
+    >
+      <ReactLenis root>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Admin Dashboard", id: "/admin/dashboard" },
+              ]}
+              brandName="APEX REGION"
+            />
+        </div>
+
+        <div className="py-20 px-6 max-w-7xl mx-auto" id="admin-dashboard">
+            <MetricCardEleven
+                title="Admin Control Center"
+                description="Manage your elite esports ecosystem, monitor performance, and oversee tournaments."
+                animationType="slide-up"
+                textboxLayout="default"
+                useInvertedBackground={true}
+                metrics={[
+                    {
+                        id: "m1",                        value: "42",                        title: "Pending Applications",                        description: "Review new player submissions",                        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-yl74h2po.png?_wi=1"
+                    },
+                    {
+                        id: "m2",                        value: "12",                        title: "Active Tournaments",                        description: "Monitor ongoing competitions",                        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-2otekcey.png?_wi=1"
+                    },
+                    {
+                        id: "m3",                        value: "99.9%",                        title: "System Health",                        description: "All servers operational",                        imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-ihovjeah.png?_wi=1"
+                    }
+                ]}
+            />
+        </div>
+
+        <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="APEX REGION"
+              socialLinks={[{ icon: Twitter, href: "https://x.com/ApexRGN", ariaLabel: "Twitter" }]}
+            />
+        </div>
+      </ReactLenis>
+    </ThemeProvider>
+  );
+}

src/app/admin/page.tsx

@@ -2,10 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import PricingCardThree from '@/components/sections/pricing/PricingCardThree';
+import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
+import { Twitter } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -25,18 +26,10 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Dashboard",
-          id: "/dashboard",
-        },
-        {
-          name: "Admin",
-          id: "/admin",
-        },
+        { name: "Home", id: "/" },
+        { name: "Login", id: "/login" },
+        { name: "Sign Up", id: "/signup" },
+        { name: "Admin", id: "/admin" },
       ]}
       brandName="APEX REGION"
     />
@@ -51,18 +44,13 @@ export default function LandingPage() {
       description="Admin overview."
       metrics={[
         {
-          id: "p1",
-          value: "99.9%",
-          title: "Uptime",
-          description: "Server stability",
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-34438.jpg",
-        },
+          id: "p1",          value: "99.9%",          title: "Uptime",          description: "Server stability",          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-f2car36a.png?_wi=1"},
       ]}
     />
   </div>
 
   <div id="pricing" data-section="pricing">
-      <PricingCardThree
+      <PricingCardTwo
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
@@ -70,56 +58,23 @@ export default function LandingPage() {
       description="Manage user plans."
       plans={[
         {
-          id: "pl1",
-          price: "$0",
-          name: "Standard",
-          buttons: [
-            {
-              text: "Manage",
-              href: "#",
-            },
+          id: "pl1",          price: "$0",          badge: "Basic",          subtitle: "Standard Plan",          buttons: [
+            { text: "Manage", href: "#" },
           ],
           features: [
-            "Basic Stats",
-            "Standard Support",
-          ],
+            "Basic Stats", "Standard Support"],
         },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Community",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterCard
       logoText="APEX REGION"
+      socialLinks={[{ icon: Twitter, href: "https://x.com/ApexRGN", ariaLabel: "Twitter" }]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/dashboard/page.tsx

@@ -2,12 +2,11 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
-import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import FooterCard from '@/components/sections/footer/FooterCard';
+import { Twitter } from "lucide-react";
 
-export default function LandingPage() {
+export default function DashboardPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -22,94 +21,47 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Dashboard",
-          id: "/dashboard",
-        },
-        {
-          name: "Admin",
-          id: "/admin",
-        },
-      ]}
-      brandName="APEX REGION"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Dashboard", id: "/dashboard" },
+                { name: "Admin Dashboard", id: "/admin/dashboard" },
+              ]}
+              brandName="APEX REGION"
+            />
+        </div>
 
-  <div id="metric" data-section="metric">
-      <MetricCardEleven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Performance Overview"
-      description="Your current season statistics."
-      metrics={[
-        {
-          id: "m1",
-          value: "1.8",
-          title: "K/D Ratio",
-          description: "Recent performance",
-          imageSrc: "http://img.b2bpic.net/free-photo/red-themed-circuit-board-with-chip-close-up_23-2148284294.jpg",
-        },
-      ]}
-    />
-  </div>
+        <div className="min-h-screen pt-32 pb-20 container mx-auto px-6">
+            <h1 className="text-4xl font-bold mb-8">User Dashboard</h1>
+            <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
+                <div className="p-8 bg-card rounded-2xl shadow-sm border border-border flex flex-col items-center">
+                    <img 
+                        src="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802877782-ljmgt63y.png" 
+                        alt="Profile" 
+                        className="w-32 h-32 rounded-full mb-4 object-cover"
+                    />
+                    <h2 className="text-xl font-semibold">Player Profile</h2>
+                    <p className="text-muted-foreground">Manage your account details and social links.</p>
+                </div>
+                <div className="p-8 bg-card rounded-2xl shadow-sm border border-border md:col-span-2">
+                    <h2 className="text-xl font-semibold mb-4">Settings</h2>
+                    <p className="text-muted-foreground mb-6">Configure your preferences, notification settings, and privacy options.</p>
+                    <div className="space-y-4">
+                        <button className="w-full px-4 py-2 bg-primary text-primary-foreground rounded-lg">Edit Profile</button>
+                        <button className="w-full px-4 py-2 bg-secondary text-secondary-foreground rounded-lg">Privacy Settings</button>
+                    </div>
+                </div>
+            </div>
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardSeven
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Training Modules"
-      description="Improve your skills."
-      features={[
-        {
-          title: "Aim Lab",
-          description: "Sharpen your reflexes.",
-          imageSrc: "http://img.b2bpic.net/free-photo/steel-machinery-illuminates-workshop-indoors-with-creativity-generated-by-ai_188544-29933.jpg",
-        },
-      ]}
-    />
-  </div>
-
-  <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Community",
-              href: "#",
-            },
-          ],
-        },
-      ]}
-      logoText="APEX REGION"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterCard
+              logoText="APEX REGION"
+              socialLinks={[{ icon: Twitter, href: "https://x.com/ApexRGN", ariaLabel: "Twitter" }]}
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/page.tsx

@@ -3,12 +3,13 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FooterCard from '@/components/sections/footer/FooterCard';
 import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
 import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import SplitAbout from '@/components/sections/about/SplitAbout';
-import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
+import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
+import { Twitter } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -19,8 +20,8 @@ export default function LandingPage() {
         contentWidth="smallMedium"
         sizing="mediumSizeLargeTitles"
         background="none"
-        cardStyle="subtle-shadow"
-        primaryButtonStyle="shadow"
+        cardStyle="glass-depth"
+        primaryButtonStyle="primary-glow"
         secondaryButtonStyle="glass"
         headingFontWeight="normal"
     >
@@ -28,18 +29,8 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarStyleFullscreen
       navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Dashboard",
-          id: "/dashboard",
-        },
-        {
-          name: "Admin",
-          id: "/admin",
-        },
+        { name: "Home", id: "/" },
+        { name: "Admin Dashboard", id: "/admin/dashboard" },
       ]}
       brandName="APEX REGION"
     />
@@ -47,110 +38,13 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroSplitDoubleCarousel
-      background={{
-        variant: "glowing-orb",
-      }}
+      background={{ variant: "glowing-orb" }}
       title="Enter the Apex Region"
       description="Competitive. Elite. Unmatched. Join the most advanced esports ecosystem on the planet."
-      leftCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448300-o6mvx0vz.png?_wi=1",
-          imageAlt: "Apex Region Hero 1",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448301-tkq7cf93.png?_wi=1",
-          imageAlt: "Apex Region Logo",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-neon-hallway-with-glowing-lights_23-2151966374.jpg?_wi=1",
-          imageAlt: "Apex Region Hero 2",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=1",
-          imageAlt: "Apex Region Logo",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=1",
-          imageAlt: "Apex Region Hero 3",
-        },
-      ]}
-      rightCarouselItems={[
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448301-tkq7cf93.png?_wi=2",
-          imageAlt: "Apex Region Logo",
-        },
-        {
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776802448300-o6mvx0vz.png?_wi=2",
-          imageAlt: "Apex Region Hero 4",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-neon-hallway-with-glowing-lights_23-2151966374.jpg?_wi=2",
-          imageAlt: "Apex Region Logo",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=2",
-          imageAlt: "Apex Region Hero 5",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=2",
-          imageAlt: "Apex Region Logo",
-        },
-      ]}
+      leftCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-yl74h2po.png?_wi=1", imageAlt: "Apex Region Hero 1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-2otekcey.png?_wi=1", imageAlt: "Apex Region Logo" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-ihovjeah.png?_wi=1", imageAlt: "Apex Region Hero 2" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-f2car36a.png?_wi=1", imageAlt: "Apex Region Hero 3" }]} 
+      rightCarouselItems={[{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-f2car36a.png?_wi=2", imageAlt: "Apex Region Logo" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-ihovjeah.png?_wi=2", imageAlt: "Apex Region Hero 4" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-2otekcey.png?_wi=2", imageAlt: "Apex Region Logo" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-yl74h2po.png?_wi=2", imageAlt: "Apex Region Hero 5" }]} 
       tag="EST. 2026"
-      buttons={[
-        {
-          text: "Join Now",
-          href: "/signup",
-        },
-        {
-          text: "Explore",
-          href: "#features",
-        },
-      ]}
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-casino-architecture_23-2150926915.jpg",
-          alt: "Pro Player 1",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/futuristic-tunnel-corridor-with-neon-glowing-lights-3d-rendering-background_181624-21200.jpg",
-          alt: "Pro Player 2",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591379.jpg",
-          alt: "Pro Player 3",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/bright-colorful-neon-background_23-2150689410.jpg",
-          alt: "Pro Player 4",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/modern-monitor-elegant-table_23-2150706407.jpg",
-          alt: "Pro Player 5",
-        },
-      ]}
-      marqueeItems={[
-        {
-          type: "text",
-          text: "GLOBAL RANKINGS",
-        },
-        {
-          type: "text",
-          text: "ELITE TOURNAMENTS",
-        },
-        {
-          type: "text",
-          text: "PROFESSIONAL STATS",
-        },
-        {
-          type: "text",
-          text: "TEAM MANAGEMENT",
-        },
-        {
-          type: "text",
-          text: "LIVE MATCHES",
-        },
-      ]}
+      buttons={[{ text: "Join Now", href: "/signup" }, { text: "Explore", href: "#features" }]}
     />
   </div>
 
@@ -160,21 +54,8 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Built for Competitors"
       description="Apex Region provides the infrastructure for professional esports, high-stakes tournaments, and an elite community of players who demand excellence."
-      bulletPoints={[
-        {
-          title: "Elite Competition",
-          description: "Compete against the best players worldwide.",
-        },
-        {
-          title: "Advanced Stats",
-          description: "Detailed tracking for all your game performance.",
-        },
-        {
-          title: "Global Community",
-          description: "Engage with like-minded professional players.",
-        },
-      ]}
-      imageSrc="http://img.b2bpic.net/free-photo/futuristic-neon-hallway-with-glowing-lights_23-2151966374.jpg?_wi=3"
+      bulletPoints={[{ title: "Elite Competition", description: "Compete against the best players worldwide." }, { title: "Advanced Stats", description: "Detailed tracking for all your game performance." }, { title: "Global Community", description: "Engage with like-minded professional players." }]} 
+      imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-yl74h2po.png?_wi=2"
     />
   </div>
 
@@ -183,23 +64,7 @@ export default function LandingPage() {
       animationType="slide-up"
       textboxLayout="default"
       useInvertedBackground={false}
-      features={[
-        {
-          title: "Competitive Play",
-          description: "Automated matchmaking and event management.",
-          imageSrc: "http://img.b2bpic.net/free-photo/cosmic-background-with-colorful-geometric-laser-lights_181624-26247.jpg",
-        },
-        {
-          title: "Instant Rewards",
-          description: "Earn prestige and prizes for victory.",
-          imageSrc: "http://img.b2bpic.net/free-photo/side-view-gamer-sitting-chair_23-2149829177.jpg?_wi=3",
-        },
-        {
-          title: "Discord Integration",
-          description: "Seamless connection with your team.",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746583.jpg?_wi=3",
-        },
-      ]}
+      features={[{ title: "Competitive Play", description: "Automated matchmaking and event management.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-2otekcey.png?_wi=2" }, { title: "Instant Rewards", description: "Earn prestige and prizes for victory.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-ihovjeah.png?_wi=2" }, { title: "Discord Integration", description: "Seamless connection with your team.", imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgLlXOagsJs717z6byrfTfBUdK/uploaded-1776803028642-f2car36a.png?_wi=2" }]} 
       title="Platform Capabilities"
       description="Unleash your potential with our cutting-edge feature set."
     />
@@ -210,101 +75,28 @@ export default function LandingPage() {
       useInvertedBackground={true}
       title="Proven Excellence"
       tag="Statistics"
-      metrics={[
-        {
-          id: "m1",
-          value: "10K+",
-          description: "Active Competitive Members",
-        },
-        {
-          id: "m2",
-          value: "500+",
-          description: "Tournaments Hosted",
-        },
-        {
-          id: "m3",
-          value: "1M+",
-          description: "Matches Tracked",
-        },
-      ]}
+      metrics={[{ id: "m1", value: "10K+", description: "Active Competitive Members" }, { id: "m2", value: "500+", description: "Tournaments Hosted" }, { id: "m3", value: "1M+", description: "Matches Tracked" }]} 
     />
   </div>
 
   <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTen
+      <TestimonialCardTwo
+      animationType="slide-up"
       textboxLayout="default"
-      useInvertedBackground={false}
+      useInvertedBackground={true}
       title="Elite Voices"
       description="Hear from the professionals who define the arena."
-      testimonials={[
-        {
-          id: "t1",
-          title: "Game Changer",
-          quote: "Apex Region is the gold standard for competitive play.",
-          name: "Vexor",
-          role: "Pro Player",
-          imageSrc: "http://img.b2bpic.net/free-photo/cool-gaming-setup-indoors-still-life_23-2149829153.jpg",
-        },
-        {
-          id: "t2",
-          title: "Incredible Stats",
-          quote: "The data tracking here is unmatched.",
-          name: "Luna",
-          role: "Team Captain",
-          imageSrc: "http://img.b2bpic.net/free-photo/spacious-apartment-with-modern-home-office-setup-featuring-cozy-decor_482257-120763.jpg",
-        },
-        {
-          id: "t3",
-          title: "Total Control",
-          quote: "Perfect for managing high-stakes matches.",
-          name: "Kael",
-          role: "Analyst",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746584.jpg",
-        },
-        {
-          id: "t4",
-          title: "Professional Grade",
-          quote: "The ecosystem is built for champions.",
-          name: "Jax",
-          role: "Tournament Organizer",
-          imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746614.jpg",
-        },
-      ]}
+      testimonials={[{ id: "t1", name: "Vexor", role: "Pro Player", testimonial: "Apex Region is the gold standard for competitive play." }, { id: "t2", name: "Luna", role: "Team Captain", testimonial: "The data tracking here is unmatched." }, { id: "t3", name: "Kael", role: "Analyst", testimonial: "Perfect for managing high-stakes matches." }, { id: "t4", name: "Jax", role: "Tournament Organizer", testimonial: "The ecosystem is built for champions." }]} 
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoEmphasis
-      columns={[
-        {
-          items: [
-            {
-              label: "About",
-              href: "#",
-            },
-            {
-              label: "Privacy Policy",
-              href: "#",
-            },
-          ],
-        },
-        {
-          items: [
-            {
-              label: "Terms of Service",
-              href: "#",
-            },
-            {
-              label: "Community",
-              href: "#",
-            },
-          ],
-        },
-      ]}
+      <FooterCard
       logoText="APEX REGION"
+      socialLinks={[{ icon: Twitter, href: "https://x.com/ApexRGN", ariaLabel: "Twitter" }]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}

src/app/styles/variables.css

@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #050505;
-  --card: #0f0f0f;
+  --background: #000000;
+  --card: #0c0c0c;
   --foreground: #ffffff;
-  --primary-cta: #e63946;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #000000;
   --secondary-cta-text: #e63946;
-  --accent: #330000;
-  --background-accent: #e63946;
+  --accent: #535353;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);