diff --git a/src/app/page.tsx b/src/app/page.tsx
index 64afb27..cbe8901 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroLogoCarousel from '@/components/sections/hero/HeroLogoCarousel';
 import ProductCardFour from '@/components/sections/product/ProductCardFour';
 import FeatureCardTwenty from '@/components/sections/feature/FeatureCardTwenty';
@@ -26,7 +26,7 @@ export default function LandingPage() {
       headingFontWeight="semibold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleCentered
+        <NavbarLayoutFloatingOverlay
           brandName="OddsVault"
           navItems={[
             { name: "Home", id: "hero" },
@@ -275,4 +275,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}