Merge version_4 into main

Merge version_4 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 NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import { Database, Shield, Users, Zap } from "lucide-react";
 
@@ -29,20 +29,22 @@ 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">
-      <NavbarLayoutFloatingOverlay
+      <NavbarLayoutFloatingInline
+      brandName="Grupo RH"
       navItems={[
         { name: "Inicio", id: "hero" },
         { name: "Nosotros", id: "about" },
         { name: "Servicios", id: "services" },
         { name: "Clientes", id: "clients" },
+        { name: "Blog", id: "cases" },
         { name: "Contacto", id: "contact" },
       ]}
-      brandName="Grupo RH"
+      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."