diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9d2b98f..6eb87e1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -7,7 +7,7 @@ import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
 
 export default function LandingPage() {
@@ -26,7 +26,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleFullscreen
+      <NavbarLayoutFloatingOverlay
       navItems={[
         {
           name: "Menu",          id: "menu"},
@@ -38,6 +38,7 @@ export default function LandingPage() {
           name: "Contact",          id: "contact"},
       ]}
       brandName="My Kashmir"
+      button={{ text: "View Menu", href: "#menu" }}
     />
   </div>