diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0c39e1a..8efbcc5 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 NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
 import FeatureCardNine from '@/components/sections/feature/FeatureCardNine';
@@ -27,7 +27,7 @@ export default function LandingPage() {
       headingFontWeight="bold"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple
+        <NavbarLayoutFloatingOverlay
           brandName="BuildWave"
           navItems={[
             { name: "Services", id: "services" },
@@ -35,6 +35,7 @@ export default function LandingPage() {
             { name: "About", id: "about" },
             { name: "Contact", id: "contact" }
           ]}
+          button={{ text: "Get Started", href: "contact" }}
         />
       </div>
 
@@ -228,4 +229,4 @@ export default function LandingPage() {
       </div>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}