diff --git a/src/app/page.tsx b/src/app/page.tsx
index 2189ab8..8f22f75 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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
 import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
 import FeatureCardTwelve from '@/components/sections/feature/FeatureCardTwelve';
@@ -26,7 +26,7 @@ export default function LandingPage() {
       headingFontWeight="light"
     >
       <div id="nav" data-section="nav">
-        <NavbarStyleApple logoSrc="http://img.b2bpic.net/free-photo/tile-mosaic_1340-27958.jpg" logoAlt="North End Tiling Logo" navItems={[{ name: "Work", id: "#portfolio" }, { name: "Services", id: "#services" }, { name: "Process", id: "#process" }]} />
+        <NavbarLayoutFloatingOverlay logoSrc="http://img.b2bpic.net/free-photo/tile-mosaic_1340-27958.jpg" logoAlt="North End Tiling Logo" navItems={[{ name: "Work", id: "portfolio" }, { name: "Services", id: "services" }, { name: "Process", id: "process" }]} />
       </div>
       <div id="hero" data-section="hero">
         <HeroBillboardTestimonial