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 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,68 +29,37 @@ export default function LandingPage() {
         headingFontWeight="normal"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingOverlay
-      navItems={[
-        {
-          name: "Inicio",
-          id: "hero",
-        },
-        {
-          name: "Nosotros",
-          id: "about",
-        },
-        {
-          name: "Servicios",
-          id: "services",
-        },
-        {
-          name: "Clientes",
-          id: "clients",
-        },
-        {
-          name: "Contacto",
-          id: "contact",
-        },
-      ]}
+  <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" },
+        { name: "Nosotros", id: "about" },
+        { name: "Servicios", id: "services" },
+        { name: "Clientes", id: "clients" },
+        { 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."
       buttons={[
-        {
-          text: "Conversemos",
-          href: "#contact",
-        },
+        { text: "Conversemos", href: "#contact" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/successful-co-workers_1098-679.jpg"
       showBlur={true}
       textPosition="bottom"
       avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/executive-joking-meeting_1098-1814.jpg",
-          alt: "Executive joking at the meeting",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/executives-with-digital-tablet-having-meeting-office_1098-1881.jpg",
-          alt: "Executives with digital tablet having meeting in office",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/group-happy-businesspeople-having-meeting_1098-1699.jpg",
-          alt: "Group of happy businesspeople having a meeting",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/smiling-senior-leader-meeting-with-his-team_1262-2160.jpg",
-          alt: "Smiling senior leader at meeting with his team",
-        },
-        {
-          src: "http://img.b2bpic.net/free-photo/medium-shot-corporate-men_23-2148349939.jpg",
-          alt: "Medium shot of corporate men",
-        },
+        { src: "http://img.b2bpic.net/free-photo/executive-joking-meeting_1098-1814.jpg", alt: "Executive joking at the meeting" },
+        { src: "http://img.b2bpic.net/free-photo/executives-with-digital-tablet-having-meeting-office_1098-1881.jpg", alt: "Executives with digital tablet having meeting in office" },
+        { src: "http://img.b2bpic.net/free-photo/group-happy-businesspeople-having-meeting_1098-1699.jpg", alt: "Group of happy businesspeople having a meeting" },
+        { src: "http://img.b2bpic.net/free-photo/smiling-senior-leader-meeting-with-his-team_1262-2160.jpg", alt: "Smiling senior leader at meeting with his team" },
+        { src: "http://img.b2bpic.net/free-photo/medium-shot-corporate-men_23-2148349939.jpg", alt: "Medium shot of corporate men" },
       ]}
       avatarText="Confianza respaldada por +50 empresas"
     />
@@ -102,14 +71,8 @@ export default function LandingPage() {
       title="Administración estratégica del capital humano."
       description="Redefinimos la gestión humana con un enfoque boutique. Nos dedicamos a colaborar con empresas mediante una administración moderna, ética y estratégica, garantizando el uso eficiente e innovador del talento."
       metrics={[
-        {
-          value: "15+",
-          title: "Años de Experiencia",
-        },
-        {
-          value: "50+",
-          title: "Empresas Clientes",
-        },
+        { value: "15+", title: "Años de Experiencia" },
+        { value: "50+", title: "Empresas Clientes" },
       ]}
       imageSrc="http://img.b2bpic.net/free-photo/laughing-co-workers_23-2147626394.jpg"
       mediaAnimation="slide-up"
@@ -123,15 +86,9 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Servicios Transitorios (EST)",
-          description: "Soluciones ágiles para vacaciones, licencias o peaks de proyectos. Selección rigurosa y capacitación personalizada.",
-          imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg",
-        },
+          title: "Servicios Transitorios (EST)",          description: "Soluciones ágiles para vacaciones, licencias o peaks de proyectos. Selección rigurosa y capacitación personalizada.",          imageSrc: "http://img.b2bpic.net/free-photo/family-concept-with-icons-wooden-cubes-red-table-flat-lay_176474-9436.jpg"},
         {
-          title: "Outsourcing",
-          description: "Externalización estratégica de procesos auxiliares. Tu empresa focalizada en el core business mientras nosotros maximizamos la productividad.",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-people-reading-book-together_1262-5098.jpg",
-        },
+          title: "Outsourcing",          description: "Externalización estratégica de procesos auxiliares. Tu empresa focalizada en el core business mientras nosotros maximizamos la productividad.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-people-reading-book-together_1262-5098.jpg"},
       ]}
       title="Soluciones a la medida de tu negocio"
       description="Adaptabilidad total para tus desafíos actuales."
@@ -145,34 +102,10 @@ export default function LandingPage() {
       gridVariant="uniform-all-items-equal"
       useInvertedBackground={false}
       metrics={[
-        {
-          id: "1",
-          value: "Boutique",
-          title: "Trato cercano",
-          description: "Sin masividad, atención dedicada.",
-          icon: Users,
-        },
-        {
-          id: "2",
-          value: "Agilidad",
-          title: "Respuesta rápida",
-          description: "Velocidad ante requerimientos.",
-          icon: Zap,
-        },
-        {
-          id: "3",
-          value: "Expertise",
-          title: "Conocimiento legal",
-          description: "Cumplimiento normativo experto.",
-          icon: Shield,
-        },
-        {
-          id: "4",
-          value: "Red",
-          title: "Talento calificado",
-          description: "Base de datos actualizada.",
-          icon: Database,
-        },
+        { id: "1", value: "Boutique", title: "Trato cercano", description: "Sin masividad, atención dedicada.", icon: Users },
+        { id: "2", value: "Agilidad", title: "Respuesta rápida", description: "Velocidad ante requerimientos.", icon: Zap },
+        { id: "3", value: "Expertise", title: "Conocimiento legal", description: "Cumplimiento normativo experto.", icon: Shield },
+        { id: "4", value: "Red", title: "Talento calificado", description: "Base de datos actualizada.", icon: Database },
       ]}
       title="¿Por qué elegir Grupo RH?"
       description="Más que un proveedor, un socio estratégico boutique."
@@ -185,20 +118,11 @@ export default function LandingPage() {
       useInvertedBackground={true}
       features={[
         {
-          title: "Retail & Financiero",
-          description: "Gestión de dotación masiva flexible para temporadas pico.",
-          imageSrc: "http://img.b2bpic.net/free-photo/top-view-boss-day-concept_23-2148586503.jpg",
-        },
+          title: "Retail & Financiero",          description: "Gestión de dotación masiva flexible para temporadas pico.",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-boss-day-concept_23-2148586503.jpg"},
         {
-          title: "Agro & Alimentos",
-          description: "Soporte operativo eficiente en industrias productivas clave.",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-data-center-technician-inspecting-gear-doing-maintenance_482257-123366.jpg",
-        },
+          title: "Agro & Alimentos",          description: "Soporte operativo eficiente en industrias productivas clave.",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-data-center-technician-inspecting-gear-doing-maintenance_482257-123366.jpg"},
         {
-          title: "Automotriz & Seguros",
-          description: "Selección de perfiles especialistas de alto desempeño.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-elegant-business-people_23-2147626610.jpg",
-        },
+          title: "Automotriz & Seguros",          description: "Selección de perfiles especialistas de alto desempeño.",          imageSrc: "http://img.b2bpic.net/free-photo/group-elegant-business-people_23-2147626610.jpg"},
       ]}
       title="¿Para quién es Grupo RH?"
       description="Expertos en grandes desafíos sectoriales."
@@ -214,25 +138,9 @@ export default function LandingPage() {
       description="Historias de éxito con impacto real."
       blogs={[
         {
-          id: "1",
-          category: "Retail",
-          title: "40 puestos en 72 horas",
-          excerpt: "Lanzamiento de temporada exitoso para importante retail nacional.",
-          imageSrc: "http://img.b2bpic.net/free-photo/small-group-business-people-waiting-job-interview-hallway_637285-8951.jpg",
-          authorName: "Gerente RRHH",
-          authorAvatar: "http://img.b2bpic.net/free-vector/business-background-design_1200-13.jpg",
-          date: "2023",
-        },
+          id: "1",          category: "Retail",          title: "40 puestos en 72 horas",          excerpt: "Lanzamiento de temporada exitoso para importante retail nacional.",          imageSrc: "http://img.b2bpic.net/free-photo/small-group-business-people-waiting-job-interview-hallway_637285-8951.jpg",          authorName: "Gerente RRHH",          authorAvatar: "http://img.b2bpic.net/free-vector/business-background-design_1200-13.jpg",          date: "2023"},
         {
-          id: "2",
-          category: "Agroindustria",
-          title: "Productividad garantizada",
-          excerpt: "Externalización completa de procesos auxiliares logísticos.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-planning-tasks-with-sticky-notes_53876-15188.jpg",
-          authorName: "Gerente Operaciones",
-          authorAvatar: "http://img.b2bpic.net/free-photo/colleagues-laughing-together-office_482257-121163.jpg",
-          date: "2024",
-        },
+          id: "2",          category: "Agroindustria",          title: "Productividad garantizada",          excerpt: "Externalización completa de procesos auxiliares logísticos.",          imageSrc: "http://img.b2bpic.net/free-photo/businesspeople-planning-tasks-with-sticky-notes_53876-15188.jpg",          authorName: "Gerente Operaciones",          authorAvatar: "http://img.b2bpic.net/free-photo/colleagues-laughing-together-office_482257-121163.jpg",          date: "2024"},
       ]}
     />
   </div>
@@ -242,21 +150,12 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={true}
       names={[
-        "CCU",
-        "Falabella",
-        "Kunstmann",
-        "Mane",
-        "Pisquera de Chile",
-        "Santander",
-        "Agroplanet",
-        "Promet",
-        "Derco",
-        "Mapfre",
-        "Coopeuch",
-        "Autoplanet",
+        "CCU", "Falabella", "Kunstmann", "Mane", "Pisquera de Chile", "Santander", 
+        "Agroplanet", "Promet", "Derco", "Mapfre", "Coopeuch", "Autoplanet"
       ]}
       title="Empresas líderes confían en nosotros"
       description="Socios estratégicos que validan nuestro modelo."
+      buttons={[{ text: "Quiero ser cliente", href: "#contact" }]}
     />
   </div>
 
@@ -265,25 +164,14 @@ export default function LandingPage() {
       textboxLayout="default"
       useInvertedBackground={false}
       faqs={[
-        {
-          id: "c1",
-          title: "Velocidad de respuesta",
-          content: "Modelo tradicional: Procesos lentos y burocráticos. Grupo RH: Respuesta ágil y directa.",
-        },
-        {
-          id: "c2",
-          title: "Personalización",
-          content: "Modelo tradicional: Soluciones estandarizadas. Grupo RH: Procesos adaptados a tu cultura.",
-        },
-        {
-          id: "c3",
-          title: "Gestión",
-          content: "Modelo tradicional: Gestión masiva impersonal. Grupo RH: Gestión integral con interlocutores expertos.",
-        },
+        { id: "c1", title: "Velocidad de respuesta", content: "Modelo tradicional: Procesos lentos y burocráticos. Grupo RH: Respuesta ágil y directa." },
+        { id: "c2", title: "Personalización", content: "Modelo tradicional: Soluciones estandarizadas. Grupo RH: Procesos adaptados a tu cultura." },
+        { id: "c3", title: "Gestión", content: "Modelo tradicional: Gestión masiva impersonal. Grupo RH: Gestión integral con interlocutores expertos." },
       ]}
       title="Grupo RH vs. El Modelo Tradicional"
       description="La diferencia boutique se nota en la ejecución."
       faqsAnimation="slide-up"
+      buttons={[{ text: "Empezar ahora", href: "#contact" }]}
     />
   </div>
 
@@ -291,26 +179,12 @@ export default function LandingPage() {
       <ContactSplitForm
       useInvertedBackground={true}
       title="Hablemos de tus necesidades"
-      description="Estamos en Guardia Vieja 255, Providencia. Contáctanos hoy."
+      description="Estamos en Guardia Vieja 255, Providencia. Contáctanos hoy para una asesoría personalizada."
       inputs={[
-        {
-          name: "name",
-          type: "text",
-          placeholder: "Nombre",
-          required: true,
-        },
-        {
-          name: "company",
-          type: "text",
-          placeholder: "Empresa",
-          required: true,
-        },
+        { name: "name", type: "text", placeholder: "Nombre", required: true },
+        { name: "company", type: "text", placeholder: "Empresa", required: true },
       ]}
-      textarea={{
-        name: "message",
-        placeholder: "Cuéntanos más sobre tus necesidades...",
-        required: true,
-      }}
+      textarea={{ name: "message", placeholder: "Cuéntanos más sobre tus necesidades...", required: true }}
       imageSrc="http://img.b2bpic.net/free-photo/close-up-colleagues-working-together_23-2149006874.jpg"
     />
   </div>
@@ -318,17 +192,11 @@ export default function LandingPage() {
   <div id="footer" data-section="footer">
       <FooterLogoReveal
       logoText="Grupo RH"
-      leftLink={{
-        text: "LinkedIn",
-        href: "#",
-      }}
-      rightLink={{
-        text: "© 2024 Grupo RH",
-        href: "#",
-      }}
+      leftLink={{ text: "LinkedIn", href: "#" }}
+      rightLink={{ text: "Contáctanos", href: "#contact" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}