Update src/app/page.tsx

Merge version_3 into main

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">
+  <div id="nav" data-section="nav" className="fixed top-0 left-0 right-0 z-50 bg-white">
-      <NavbarStyleApple
+      <NavbarLayoutFloatingInline
       brandName="Grupo RH"
       navItems={[
         { name: "Inicio", id: "hero" },
@@ -40,10 +40,11 @@ export default function LandingPage() {
         { name: "Blog", id: "cases" },
         { name: "Contacto", id: "contact" },
       ]}
+      button={{ text: "Conversemos", href: "#contact" }}
     />
   </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."