diff --git a/src/app/page.tsx b/src/app/page.tsx
index ff4bc59..8f2d3cd 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,7 +1,7 @@
 "use client"
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import HeroLogoBillboardSplit from '@/components/sections/hero/HeroLogoBillboardSplit';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
 import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
@@ -31,15 +31,18 @@ export default function LandingPage() {
       headingFontWeight="normal"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple
+        <NavbarLayoutFloatingInline
           brandName="Crimson Seoul"
           navItems={[
-            { name: "About", id: "about" },
-            { name: "Menu", id: "menu" },
-            { name: "Experience", id: "experience" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Reserve", id: "contact" }
+            { name: "Products", id: "#products" },
+            { name: "Features", id: "#features" },
+            { name: "Gallery", id: "#gallery" }
           ]}
+          button={{
+            text: "Reserve",
+            href: "#contact",
+            variant: "primary"
+          }}
         />
       </div>