diff --git a/src/app/page.tsx b/src/app/page.tsx
index 0b74092..cd6f754 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,4 +1,4 @@
-"use client"
+"use client";
 
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
@@ -9,6 +9,7 @@ import TestimonialCardFifteen from '@/components/sections/testimonial/Testimonia
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterCard from '@/components/sections/footer/FooterCard';
 import { Award, Clock, Croissant, Facebook, Instagram, Mail, Twitter, Users } from 'lucide-react';
+import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
 
 export default function LandingPage() {
   return (
@@ -24,21 +25,21 @@ export default function LandingPage() {
       secondaryButtonStyle="glass"
       headingFontWeight="medium"
     >
-      <div id="nav" data-section="nav">
-        <NavbarLayoutFloatingOverlay
-          brandName="Sweet Haven"
-          navItems={[
-            { name: "Home", id: "hero" },
-            { name: "About", id: "about" },
-            { name: "Products", id: "products" },
-            { name: "Testimonials", id: "testimonials" },
-            { name: "Contact", id: "contact" }
-          ]}
-          button={{
-            text: "Order Now",            href: "#contact"
-          }}
-        />
-      </div>
+       <div id="nav" data-section="nav">
+         <NavbarStyleApple
+           brandName="Sweet Haven"
+           navItems={[
+             { name: "Home", id: "hero" },
+             { name: "About", id: "about" },
+             { name: "Products", id: "products" },
+             { name: "Testimonials", id: "testimonials" },
+             { name: "Contact", id: "contact" }
+           ]}
+           button={{
+             text: "Order Now",            href: "#contact"
+           }}
+         />
+       </div>
 
       <div id="hero" data-section="hero">
         <HeroOverlay