diff --git a/src/app/page.tsx b/src/app/page.tsx
index eb5e32e..290a369 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -6,7 +6,7 @@ import ContactCTA from '@/components/sections/contact/ContactCTA';
 import FeatureCardNineteen from '@/components/sections/feature/FeatureCardNineteen';
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
-import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import PricingCardFive from '@/components/sections/pricing/PricingCardFive';
 import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
 import TeamCardFive from '@/components/sections/team/TeamCardFive';
@@ -29,7 +29,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
       navItems={[
         { name: "Home", id: "hero" },
         { name: "Journey", id: "about" },
@@ -38,6 +38,7 @@ export default function LandingPage() {
         { name: "Contact", id: "contact" },
       ]}
       brandName="Mir Legacy"
+      button={{ text: "Contact", href: "#contact" }}
     />
   </div>