diff --git a/src/app/page.tsx b/src/app/page.tsx
index 8e7f426..c6d72f6 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,11 +4,11 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactText from '@/components/sections/contact/ContactText';
 import FeatureCardSeven from '@/components/sections/feature/FeatureCardSeven';
-import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import FooterBase from '@/components/sections/footer/FooterBase';
 import HeroLogo from '@/components/sections/hero/HeroLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import MetricCardTwo from '@/components/sections/metrics/MetricCardTwo';
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
 
@@ -28,16 +28,13 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarLayoutFloatingOverlay
       navItems={[
-        {
-          name: "Home",          id: "/"},
-        {
-          name: "XALPHYN",          id: "/xalphyn"},
+        { name: "Home", id: "/" },
+        { name: "XALPHYN", id: "/xalphyn" },
       ]}
       brandName="SYNTHBEATSWAVES"
-      button={{
-        text: "Get Access",        href: "#contact"}}
+      button={{ text: "Get Access", href: "#contact" }}
     />
   </div>
 
@@ -46,10 +43,8 @@ export default function LandingPage() {
       logoText="SYNTHBEATSWAVES"
       description="AI-Generated Music. No Copyright. Infinite Creativity. Power your content with the future of sound."
       buttons={[
-        {
-          text: "Explore Music",          href: "#tracks"},
-        {
-          text: "Meet The Creator",          href: "/xalphyn"},
+        { text: "Explore Music", href: "#tracks" },
+        { text: "Meet The Creator", href: "/xalphyn" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/beautiful-rainbow-nature_23-2151498298.jpg"
     />
@@ -59,14 +54,11 @@ export default function LandingPage() {
       <InlineImageSplitTextAbout
       useInvertedBackground={false}
       heading={[
-        {
-          type: "text",          content: "The Digital Music Revolution"},
-        {
-          type: "image",          src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgMQVM840iKtrmj88Cn6c5EwJ5/uploaded-1776803164070-4koag6ze.jpg"},
+        { type: "text", content: "The Digital Music Revolution" },
+        { type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3CgMQVM840iKtrmj88Cn6c5EwJ5/uploaded-1776803164070-4koag6ze.jpg" },
       ]}
       buttons={[
-        {
-          text: "Learn More"},
+        { text: "Learn More" },
       ]}
     />
   </div>
@@ -77,12 +69,9 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={true}
       features={[
-        {
-          title: "AI Music Creation",          description: "Cutting-edge algorithmic compositions.",          imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139258.jpg"},
-        {
-          title: "Visual Edits",          description: "Cinematic music and visual storytelling.",          imageSrc: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-119606.jpg"},
-        {
-          title: "100% Copyright-Free",          description: "Impactful sound without the strikes.",          imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637780.jpg"},
+        { title: "AI Music Creation", description: "Cutting-edge algorithmic compositions.", imageSrc: "http://img.b2bpic.net/free-photo/blurred-night-lights_23-2148139258.jpg" },
+        { title: "Visual Edits", description: "Cinematic music and visual storytelling.", imageSrc: "http://img.b2bpic.net/free-photo/contemporary-home-office-urban-apartment-decorated-with-wooden-furniture_482257-119606.jpg" },
+        { title: "100% Copyright-Free", description: "Impactful sound without the strikes.", imageSrc: "http://img.b2bpic.net/free-photo/cyber-security-concept-digital-art_23-2151637780.jpg" },
       ]}
       title="Our Agency Ecosystem"
       description="Next-generation tools for creators."
@@ -96,18 +85,12 @@ export default function LandingPage() {
       gridVariant="four-items-2x2-equal-grid"
       useInvertedBackground={false}
       products={[
-        {
-          id: "1",          name: "Memory Reboot",          price: "Free",          variant: "Synthwave",          imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710959.jpg"},
-        {
-          id: "2",          name: "Neon Dreams",          price: "Free",          variant: "Cyberpunk",          imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930682.jpg"},
-        {
-          id: "3",          name: "Distant Echoes",          price: "Free",          variant: "Cinematic",          imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591472.jpg"},
-        {
-          id: "4",          name: "Void Pulse",          price: "Free",          variant: "Dark Synth",          imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-easter-decorative-eggs_23-2150184359.jpg"},
-        {
-          id: "5",          name: "Binary Soul",          price: "Free",          variant: "Ambient",          imageSrc: "http://img.b2bpic.net/free-photo/image-concept-study-headphones-laptop-books_185193-109619.jpg"},
-        {
-          id: "6",          name: "Zero Grid",          price: "Free",          variant: "High Energy",          imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-man-doing-kettlebells_183364-118241.jpg"},
+        { id: "1", name: "Memory Reboot", price: "Free", variant: "Synthwave", imageSrc: "http://img.b2bpic.net/free-photo/anime-car-city_23-2151710959.jpg" },
+        { id: "2", name: "Neon Dreams", price: "Free", variant: "Cyberpunk", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-moon-background_23-2150930682.jpg" },
+        { id: "3", name: "Distant Echoes", price: "Free", variant: "Cinematic", imageSrc: "http://img.b2bpic.net/free-photo/dreamy-interior-mall_23-2151591472.jpg" },
+        { id: "4", name: "Void Pulse", price: "Free", variant: "Dark Synth", imageSrc: "http://img.b2bpic.net/free-photo/3d-rendering-easter-decorative-eggs_23-2150184359.jpg" },
+        { id: "5", name: "Binary Soul", price: "Free", variant: "Ambient", imageSrc: "http://img.b2bpic.net/free-photo/image-concept-study-headphones-laptop-books_185193-109619.jpg" },
+        { id: "6", name: "Zero Grid", price: "Free", variant: "High Energy", imageSrc: "http://img.b2bpic.net/free-photo/3d-abstract-man-doing-kettlebells_183364-118241.jpg" },
       ]}
       title="Featured Tracks"
       description="Infinite sounds for creators."
@@ -121,12 +104,9 @@ export default function LandingPage() {
       gridVariant="bento-grid"
       useInvertedBackground={true}
       metrics={[
-        {
-          id: "m1",          value: "500+",          description: "Tracks Created"},
-        {
-          id: "m2",          value: "12",          description: "Platforms Active"},
-        {
-          id: "m3",          value: "2.5M",          description: "Creator Streams"},
+        { id: "m1", value: "500+", description: "Tracks Created" },
+        { id: "m2", value: "12", description: "Platforms Active" },
+        { id: "m3", value: "2.5M", description: "Creator Streams" },
       ]}
       title="Impact In Numbers"
       description="Powering creators worldwide."
@@ -138,16 +118,11 @@ export default function LandingPage() {
       textboxLayout="split-description"
       useInvertedBackground={false}
       testimonials={[
-        {
-          id: "1",          title: "Essential for Edits",          quote: "SBW transformed my workflow entirely.",          name: "Sarah J.",          role: "Youtuber",          imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-headphones-filming-listening-new-album-from-favorite-artist_482257-119126.jpg"},
-        {
-          id: "2",          title: "Pure Magic",          quote: "The synthwave aesthetics are unmatched.",          name: "Mark L.",          role: "Producer",          imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-listening-headphones-enjoying-music_114579-15960.jpg"},
-        {
-          id: "3",          title: "Cinematic Impact",          quote: "Everything I need for my film edits.",          name: "Emily P.",          role: "Filmmaker",          imageSrc: "http://img.b2bpic.net/free-photo/corporate-young-woman-with-eyeglasses-holding-papers_23-2148452647.jpg"},
-        {
-          id: "4",          title: "Game Changer",          quote: "The best copyright-free library ever.",          name: "David W.",          role: "Streamer",          imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg"},
-        {
-          id: "5",          title: "Unique Sound",          quote: "My gaming montages are top-tier now.",          name: "Chris K.",          role: "Creator",          imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62908.jpg"},
+        { id: "1", title: "Essential for Edits", quote: "SBW transformed my workflow entirely.", name: "Sarah J.", role: "Youtuber", imageSrc: "http://img.b2bpic.net/free-photo/girl-wearing-headphones-filming-listening-new-album-from-favorite-artist_482257-119126.jpg" },
+        { id: "2", title: "Pure Magic", quote: "The synthwave aesthetics are unmatched.", name: "Mark L.", role: "Producer", imageSrc: "http://img.b2bpic.net/free-photo/male-dj-grey-suit-listening-headphones-enjoying-music_114579-15960.jpg" },
+        { id: "3", title: "Cinematic Impact", quote: "Everything I need for my film edits.", name: "Emily P.", role: "Filmmaker", imageSrc: "http://img.b2bpic.net/free-photo/corporate-young-woman-with-eyeglasses-holding-papers_23-2148452647.jpg" },
+        { id: "4", title: "Game Changer", quote: "The best copyright-free library ever.", name: "David W.", role: "Streamer", imageSrc: "http://img.b2bpic.net/free-photo/neon-portrait-man-wearing-glasses_158595-7929.jpg" },
+        { id: "5", title: "Unique Sound", quote: "My gaming montages are top-tier now.", name: "Chris K.", role: "Creator", imageSrc: "http://img.b2bpic.net/free-photo/young-man-works-computer-night_169016-62908.jpg" },
       ]}
       title="Community Voices"
       description="Hear from the creators we power."
@@ -157,28 +132,26 @@ export default function LandingPage() {
   <div id="contact" data-section="contact">
       <ContactText
       useInvertedBackground={true}
-      background={{
-        variant: "sparkles-gradient"}}
+      background={{ variant: "sparkles-gradient" }}
       text="Start creating with SBW today. Join our digital rebellion."
       buttons={[
-        {
-          text: "Browse Tracks"},
-        {
-          text: "Download Music"},
+        { text: "Browse Tracks" },
+        { text: "Download Music" },
       ]}
     />
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterLogoReveal
+      <FooterBase
       logoText="SYNTHBEATSWAVES"
-      leftLink={{
-        text: "YouTube",        href: "https://youtube.com"}}
-      rightLink={{
-        text: "Instagram",        href: "https://instagram.com"}}
+      columns={[
+        { title: "Platform", items: [{ label: "Tracks", href: "#tracks" }, { label: "AI Tools", href: "#features" }] },
+        { title: "Company", items: [{ label: "About", href: "#about" }, { label: "Contact", href: "#contact" }] },
+        { title: "Social", items: [{ label: "YouTube", href: "https://youtube.com" }, { label: "Instagram", href: "https://instagram.com" }] },
+      ]}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
diff --git a/src/app/styles/variables.css b/src/app/styles/variables.css
index 232f5da..5200fb4 100644
--- a/src/app/styles/variables.css
+++ b/src/app/styles/variables.css
@@ -10,10 +10,10 @@
   --accent: #ffffff;
   --background-accent: #ffffff; */
 
-  --background: #000000;
-  --card: #0f0f12;
-  --foreground: #ffffff;
-  --primary-cta: #7c3aed;
+  --background: #050505;
+  --card: #101014;
+  --foreground: #f0f0f0;
+  --primary-cta: #8b5cf6;
   --primary-cta-text: #ffffff;
   --secondary-cta: #06b6d4;
   --secondary-cta-text: #ffffff;