diff --git a/src/app/admin/dashboard/page.tsx b/src/app/admin/dashboard/page.tsx
index 93b5335..6f92466 100644
--- a/src/app/admin/dashboard/page.tsx
+++ b/src/app/admin/dashboard/page.tsx
@@ -3,9 +3,11 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
-import { ShieldCheck, Users, BarChart3, Settings } from "lucide-react";
+import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
+import { LayoutDashboard, Users, Trophy, Settings } from "lucide-react";
 
-export default function AdminDashboard() {
+export default function AdminDashboardPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="text-shift"
@@ -20,44 +22,43 @@ export default function AdminDashboard() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Admin Dashboard", id: "/admin/dashboard" }
-          ]}
-          brandName="ADMIN CONSOLE"
-        />
-        
-        <main className="pt-32 pb-20 px-6 max-w-7xl mx-auto">
-          <header className="mb-12">
-            <h1 className="text-4xl font-bold mb-4">Administrator Dashboard</h1>
-            <p className="text-lg opacity-80">Secure system management and oversight.</p>
-          </header>
+        <div id="nav" data-section="nav">
+            <NavbarStyleFullscreen
+              navItems={[
+                { name: "Home", id: "/" },
+                { name: "Admin Dashboard", id: "/admin/dashboard" },
+              ]}
+              brandName="APEX REGION"
+            />
+        </div>
 
-          <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
-            {[ 
-              { title: "User Management", icon: Users },
-              { title: "Access Controls", icon: ShieldCheck },
-              { title: "System Analytics", icon: BarChart3 },
-              { title: "Configuration", icon: Settings }
-            ].map((item, i) => (
-              <div key={i} className="p-6 rounded-2xl border border-white/10 bg-white/5 hover:bg-white/10 transition-colors">
-                <item.icon className="w-8 h-8 mb-4" />
-                <h3 className="text-xl font-semibold">{item.title}</h3>
-              </div>
-            ))}
-          </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: "http://img.b2bpic.net/free-photo/cool-gaming-setup-indoors-still-life_23-2149829153.jpg"
+                    },
+                    {
+                        id: "m2",                        value: "12",                        title: "Active Tournaments",                        description: "Monitor ongoing competitions",                        imageSrc: "http://img.b2bpic.net/free-photo/spacious-apartment-with-modern-home-office-setup-featuring-cozy-decor_482257-120763.jpg"
+                    },
+                    {
+                        id: "m3",                        value: "99.9%",                        title: "System Health",                        description: "All servers operational",                        imageSrc: "http://img.b2bpic.net/free-photo/still-life-seat-gamers_23-2149746584.jpg"
+                    }
+                ]}
+            />
+        </div>
 
-          <section className="mt-12 p-8 rounded-2xl border border-white/10 bg-white/[0.02]">
-             <h2 className="text-2xl font-semibold mb-6">System Overview</h2>
-             <div className="space-y-4">
-                <p className="opacity-70">Authorization required for all administrative modifications.</p>
-                <button className="px-6 py-2 bg-white text-black rounded-full font-medium hover:opacity-90">
-                  Generate Audit Logs
-                </button>
-             </div>
-          </section>
-        </main>
+        <div id="footer" data-section="footer">
+            <FooterLogoEmphasis
+              columns={[{ items: [{ label: "Dashboard", href: "/admin/dashboard" }, { label: "Settings", href: "#" }] }, { items: [{ label: "Home", href: "/" }, { label: "Community", href: "#" }] }]}
+              logoText="APEX REGION"
+            />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
diff --git a/src/app/admin/page.tsx b/src/app/admin/page.tsx
index c054e5c..2cd6303 100644
--- a/src/app/admin/page.tsx
+++ b/src/app/admin/page.tsx
@@ -26,17 +26,13 @@ export default function LandingPage() {
       <NavbarStyleFullscreen
       navItems={[
         {
-          name: "Home",
-          id: "/",
-        },
+          name: "Home",          id: "/"},
         {
-          name: "Dashboard",
-          id: "/dashboard",
-        },
+          name: "Login",          id: "/login"},
         {
-          name: "Admin",
-          id: "/admin",
-        },
+          name: "Sign Up",          id: "/signup"},
+        {
+          name: "Admin",          id: "/admin"},
       ]}
       brandName="APEX REGION"
     />
@@ -51,12 +47,7 @@ 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: "http://img.b2bpic.net/free-photo/futuristic-background-with-glowing-abstract-neon-light-patterns-great-cosmic-background_181624-34438.jpg"},
       ]}
     />
   </div>
@@ -70,19 +61,12 @@ export default function LandingPage() {
       description="Manage user plans."
       plans={[
         {
-          id: "pl1",
-          price: "$0",
-          name: "Standard",
-          buttons: [
+          id: "pl1",          price: "$0",          name: "Standard",          buttons: [
             {
-              text: "Manage",
-              href: "#",
-            },
+              text: "Manage",              href: "#"},
           ],
           features: [
-            "Basic Stats",
-            "Standard Support",
-          ],
+            "Basic Stats",            "Standard Support"],
         },
       ]}
     />
@@ -94,25 +78,17 @@ export default function LandingPage() {
         {
           items: [
             {
-              label: "About",
-              href: "#",
-            },
+              label: "About",              href: "#"},
             {
-              label: "Privacy Policy",
-              href: "#",
-            },
+              label: "Privacy Policy",              href: "#"},
           ],
         },
         {
           items: [
             {
-              label: "Terms of Service",
-              href: "#",
-            },
+              label: "Terms of Service",              href: "#"},
             {
-              label: "Community",
-              href: "#",
-            },
+              label: "Community",              href: "#"},
           ],
         },
       ]}
@@ -122,4 +98,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/dashboard/page.tsx b/src/app/dashboard/page.tsx
index ec13957..5c09679 100644
--- a/src/app/dashboard/page.tsx
+++ b/src/app/dashboard/page.tsx
@@ -4,51 +4,64 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
 import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
+import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
 
 export default function DashboardPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="text-stagger"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="medium"
-      sizing="medium"
-      background="circleGradient"
-      cardStyle="glass-elevated"
-      primaryButtonStyle="gradient"
-      secondaryButtonStyle="glass"
-      headingFontWeight="normal"
+        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>
-        <NavbarStyleFullscreen
-          navItems={[
-            { name: "Home", id: "/" },
-            { name: "Dashboard", id: "/dashboard" },
-            { name: "Admin", id: "/admin" },
-          ]}
-          brandName="APEX REGION"
-        />
-        <main className="min-h-screen pt-32 px-8">
-          <h1 className="text-4xl font-bold mb-8">User Dashboard</h1>
-          <div className="grid gap-6">
-            <div className="p-6 rounded-xl border border-border bg-card">
-              <h2 className="text-xl font-semibold">Profile Management</h2>
-              <p className="mt-2 text-muted-foreground">Manage your account settings, preferences and security.</p>
+        <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 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 className="p-6 rounded-xl border border-border bg-card">
-              <h2 className="text-xl font-semibold">Your Content</h2>
-              <p className="mt-2 text-muted-foreground">Access your matches and performance stats.</p>
-            </div>
-          </div>
-        </main>
-        <FooterLogoEmphasis
-          logoText="APEX REGION"
-          columns={[
-            { items: [{ label: "Home", href: "/" }, { label: "Dashboard", href: "/dashboard" }] },
-            { items: [{ label: "Admin", href: "/admin" }, { label: "Support", href: "#" }] }
-          ]}
-        />
+        </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>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}
diff --git a/src/app/page.tsx b/src/app/page.tsx
index 84df876..33a95aa 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -3,12 +3,12 @@
 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 FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 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';
 
 export default function LandingPage() {
   return (
@@ -19,8 +19,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"
     >
@@ -79,19 +79,19 @@ export default function LandingPage() {
   </div>
 
   <div id="testimonial" data-section="testimonial">
-      <TestimonialCardTen
+      <TestimonialCardTwo
       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: "#" }] }]}
+      <FooterBaseReveal
       logoText="APEX REGION"
+      columns={[{ title: "Resources", items: [{ label: "About", href: "#" }, { label: "Privacy Policy", href: "#" }] }, { title: "Support", items: [{ label: "Terms of Service", href: "#" }, { label: "Community", href: "#" }] }]}
     />
   </div>
       </ReactLenis>
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index c6ba565..0d067a1 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,15 +10,15 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #0a0a0a;
-  --card: #1a1a1a;
+  --background: #000000;
+  --card: #0c0c0c;
   --foreground: #ffffff;
-  --primary-cta: #c89bff;
+  --primary-cta: #106EFB;
   --primary-cta-text: #ffffff;
-  --secondary-cta: #1a1a1a;
+  --secondary-cta: #000000;
   --secondary-cta-text: #e63946;
-  --accent: #8b5cf6;
-  --background-accent: #5b21b6;
+  --accent: #535353;
+  --background-accent: #106EFB;
 
   /* text sizing - set by ThemeProvider */
   /* --text-2xs: clamp(0.465rem, 0.62vw, 0.62rem);