diff --git a/src/app/page.tsx b/src/app/page.tsx
index bcf839d..3bfe6b2 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -10,7 +10,7 @@ import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroOverlay from '@/components/sections/hero/HeroOverlay';
 import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
-import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Database, Shield, Users, Zap } from "lucide-react";
 
@@ -29,8 +29,8 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleApple
+  <div id="nav" data-section="nav" className="fixed top-0 left-0 right-0 z-50 bg-white">
+      <NavbarLayoutFloatingInline
       brandName="Grupo RH"
       navItems={[
         { name: "Inicio", id: "hero" },
@@ -43,7 +43,7 @@ export default function LandingPage() {
     />
   </div>
 
-  <div id="hero" data-section="hero">
+  <div id="hero" data-section="hero" className="pt-24">
       <HeroOverlay
       title="Tu negocio merece a las personas correctas, en el momento exacto."
       description="Somos Grupo RH, tu consultora boutique de confianza en Providencia. Agilidad y personalización estratégica para una administración moderna de tu capital humano."