diff --git a/src/app/page.tsx b/src/app/page.tsx
index 9b6bcd5..747ec2f 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -8,7 +8,7 @@ import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwen
 import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
 import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
 import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
 import { Crown, Sparkles, Star } from "lucide-react";
@@ -29,7 +29,7 @@ export default function LandingPage() {
     >
       <ReactLenis root>
   <div id="nav" data-section="nav">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingOverlay
       navItems={[
         {
           name: "Home",          id: "#hero"},
@@ -47,6 +47,8 @@ export default function LandingPage() {
           name: "Contactos",          id: "#contactos"},
       ]}
       brandName="Ti corpo bene"
+      logoSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3F2on1ycUMOjSBAWtZub4drpEUj/uploaded-1781283510439-b27jbfpm.jpg"
+      logoAlt="Ti corpo bene logo"
     />
   </div>