diff --git a/src/app/page.tsx b/src/app/page.tsx
index f7c47be..d3230d1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -2,7 +2,7 @@
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
-import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline/NavbarLayoutFloatingInline';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FaqBase from '@/components/sections/faq/FaqBase';
 import FeatureCardTwentySix from '@/components/sections/feature/FeatureCardTwentySix';
@@ -31,23 +31,22 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
+      <NavbarLayoutFloatingOverlay
       navItems={[
         {
-          name: "Home",          id: "#hero"},
+          name: "Home",          id: "hero"},
         {
-          name: "Listings",          id: "#listings"},
+          name: "Listings",          id: "listings"},
         {
-          name: "About",          id: "#about"},
+          name: "About",          id: "about"},
         {
-          name: "Agents",          id: "#team"},
+          name: "Agents",          id: "team"},
         {
-          name: "Contact",          id: "#contact"},
+          name: "Contact",          id: "contact"},
       ]}
       brandName="HomeFinder Pro"
       button={{
         text: "Get Started",        href: "#contact"}}
-      animateOnLoad={false}
     />
   </div>