From 5d4a0912cd6aeb288366ed620549b538bdf47d91 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Mon, 15 Jun 2026 20:44:00 +0000
Subject: [PATCH] Bob AI: Update global typography to Inter for a modern
 corporate loo

---
 src/index.css                               |   4 +-
 src/pages/HomePage.tsx                      | 310 ++------------------
 src/pages/HomePage/sections/Contacto.tsx    |  27 ++
 src/pages/HomePage/sections/Faq.tsx         |  35 +++
 src/pages/HomePage/sections/Features.tsx    |  43 +++
 src/pages/HomePage/sections/Hero.tsx        |  28 ++
 src/pages/HomePage/sections/Metricas.tsx    |  34 +++
 src/pages/HomePage/sections/Pricing.tsx     |  61 ++++
 src/pages/HomePage/sections/Productos.tsx   |  57 ++++
 src/pages/HomePage/sections/SocialProof.tsx |  29 ++
 src/pages/HomePage/sections/Testimonios.tsx |  57 ++++
 11 files changed, 399 insertions(+), 286 deletions(-)
 create mode 100644 src/pages/HomePage/sections/Contacto.tsx
 create mode 100644 src/pages/HomePage/sections/Faq.tsx
 create mode 100644 src/pages/HomePage/sections/Features.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Metricas.tsx
 create mode 100644 src/pages/HomePage/sections/Pricing.tsx
 create mode 100644 src/pages/HomePage/sections/Productos.tsx
 create mode 100644 src/pages/HomePage/sections/SocialProof.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonios.tsx

diff --git a/src/index.css b/src/index.css
index eedfc7a..65220a1 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,4 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
 @import "tailwindcss";
 @import "./styles/masks.css";
 @import "./styles/animations.css";
@@ -88,7 +88,7 @@
   --color-background-accent: var(--background-accent);
 
   /* Fonts */
-  --font-sans: 'Open Sans', sans-serif;
+  --font-sans: 'Inter', sans-serif;
   --font-tight: "Inter Tight", sans-serif;
   --font-mono: monospace;
 
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 9c5cdc8..4146482 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,297 +1,39 @@
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
-import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
-import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
-import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// AUTO-GENERATED shell by per-section-migrate.
+// Section bodies live in ./<PageBase>/sections/<X>.tsx. Edit the section
+// files directly. Non-block content (wrappers, non-inlinable sections) is
+// preserved inline; extracted section blocks become <XSection/> refs.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import SocialProofSection from './HomePage/sections/SocialProof';
+import FeaturesSection from './HomePage/sections/Features';
+import ProductosSection from './HomePage/sections/Productos';
+import MetricasSection from './HomePage/sections/Metricas';
+import TestimoniosSection from './HomePage/sections/Testimonios';
+import PricingSection from './HomePage/sections/Pricing';
+import FaqSection from './HomePage/sections/Faq';
+import ContactoSection from './HomePage/sections/Contacto';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBillboardBrand
-      brand="VHAELOR GROUP"
-      description="Estrategia que transforma empresas. Combinamos análisis profundo y ejecución ágil para llevar tu organización al siguiente nivel. Consultoría integral diseñada para líderes que no aceptan mediocridad."
-      primaryButton={{
-        text: "Conversemos ahora",
-        href: "https://wa.me/5492664371176",
-      }}
-      secondaryButton={{
-        text: "Ver servicios",
-        href: "#productos",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="social-proof" data-section="social-proof">
-    <SectionErrorBoundary name="social-proof">
-          <SocialProofMarquee
-      tag="Trusted By"
-      title="Socios Estratégicos"
-      description="Acompañamos a líderes en transformación digital."
-      names={[
-        "Alpha Corp",
-        "Beta Solutions",
-        "Gamma Tech",
-        "Delta Strategy",
-        "Epsilon Systems",
-        "Zeta Growth",
-        "Theta Consulting",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <SocialProofSection />
 
-  <div id="features" data-section="features">
-    <SectionErrorBoundary name="features">
-          <FeaturesDetailedSteps
-      tag="Proceso"
-      title="Metodología de Impacto"
-      description="Nuestros tres pilares para asegurar el ROI empresarial."
-      steps={[
-        {
-          tag: "01",
-          title: "Diagnóstico Profundo",
-          subtitle: "Análisis 360",
-          description: "Entendemos la realidad de tu organización mediante analítica de datos y entrevistas clave.",
-          imageSrc: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg",
-        },
-        {
-          tag: "02",
-          title: "Diseño Estratégico",
-          subtitle: "Hoja de ruta",
-          description: "Creamos estrategias a medida enfocadas en resultados operativos inmediatos y sostenibles.",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-people-collaborating-meeting_23-2148826947.jpg",
-        },
-        {
-          tag: "03",
-          title: "Ejecución Ágil",
-          subtitle: "Resultados tangibles",
-          description: "Implementación asistida para asegurar que los cambios se adopten en cada nivel de tu empresa.",
-          imageSrc: "http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571101.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FeaturesSection />
 
-  <div id="productos" data-section="productos">
-    <SectionErrorBoundary name="productos">
-          <FeaturesImageBento
-      tag="Soluciones"
-      title="Nuestra Consultoría"
-      description="Servicios diseñados para el mercado actual."
-      items={[
-        {
-          title: "Estrategia de Negocios",
-          description: "Liderazgo y visión.",
-          imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-businesspeople-talking-about-meeting_1098-2599.jpg",
-        },
-        {
-          title: "Optimización Operativa",
-          description: "Eficiencia de procesos.",
-          imageSrc: "http://img.b2bpic.net/free-photo/development-performance-self-improvement-ratings-icon_53876-122739.jpg",
-        },
-        {
-          title: "Transformación Digital",
-          description: "Innovación tecnológica.",
-          imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x83pao",
-        },
-        {
-          title: "Cultura Organizacional",
-          description: "Gestión del cambio.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950167.jpg",
-        },
-        {
-          title: "Desarrollo de Producto",
-          description: "Time to market reducido.",
-          imageSrc: "http://img.b2bpic.net/free-photo/colourful-shopping-packets_23-2147948109.jpg",
-        },
-        {
-          title: "Análisis de Datos",
-          description: "Inteligencia de negocios.",
-          imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-office-berating-worker-hitting-performance-targets_482257-126645.jpg",
-        },
-        {
-          title: "Compliance Legal",
-          description: "Seguridad jurídica.",
-          imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362545.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ProductosSection />
 
-  <div id="metricas" data-section="metricas">
-    <SectionErrorBoundary name="metricas">
-          <MetricsSimpleCards
-      tag="Impacto"
-      title="Resultados Cuantificables"
-      description="Nuestros números respaldan nuestro compromiso."
-      metrics={[
-        {
-          value: "150+",
-          description: "Empresas transformadas",
-        },
-        {
-          value: "40%",
-          description: "Aumento medio en eficiencia",
-        },
-        {
-          value: "20+",
-          description: "Años de experiencia global",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricasSection />
 
-  <div id="testimonios" data-section="testimonios">
-    <SectionErrorBoundary name="testimonios">
-          <TestimonialOverlayCards
-      tag="Opiniones"
-      title="Lo que dicen los líderes"
-      description="Historias de éxito que avalan nuestro trabajo."
-      testimonials={[
-        {
-          name: "Ana García",
-          role: "CEO",
-          company: "TechVision",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/business-woman-office-using-phone_1303-21362.jpg",
-        },
-        {
-          name: "Roberto Ruiz",
-          role: "CFO",
-          company: "Global Trade",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
-        },
-        {
-          name: "Elena Soto",
-          role: "COO",
-          company: "Innovación S.A.",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
-        },
-        {
-          name: "Carlos Muro",
-          role: "Director",
-          company: "Logística X",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
-        },
-        {
-          name: "Laura Paz",
-          role: "HR Manager",
-          company: "Fintech Pro",
-          rating: 5,
-          imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-10329.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimoniosSection />
 
-  <div id="pricing" data-section="pricing">
-    <SectionErrorBoundary name="pricing">
-          <PricingLayeredCards
-      tag="Engagement"
-      title="Modelos de Trabajo"
-      description="Adaptamos nuestra estructura a tus necesidades reales."
-      plans={[
-        {
-          tag: "Base",
-          price: "Consulta",
-          description: "Análisis diagnóstico inicial.",
-          primaryButton: {
-            text: "Contactar",
-            href: "https://wa.me/5492664371176",
-          },
-          features: [
-            "Diagnóstico",
-            "Reporte",
-          ],
-        },
-        {
-          tag: "Proyecto",
-          price: "Variable",
-          description: "Consultoría estratégica por proyecto.",
-          primaryButton: {
-            text: "Contactar",
-            href: "https://wa.me/5492664371176",
-          },
-          features: [
-            "Metodología",
-            "Ejecución",
-          ],
-        },
-        {
-          tag: "Socio",
-          price: "Continuo",
-          description: "Acompañamiento directivo a largo plazo.",
-          primaryButton: {
-            text: "Contactar",
-            href: "https://wa.me/5492664371176",
-          },
-          features: [
-            "Reuniones mensuales",
-            "Apoyo estratégico",
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <PricingSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqTabbedAccordion
-      tag="Dudas"
-      title="Preguntas frecuentes"
-      description="Todo lo que necesitas saber antes de empezar."
-      categories={[
-        {
-          name: "Consultoría",
-          items: [
-            {
-              question: "¿Trabajan con empresas medianas?",
-              answer: "Sí, nos especializamos en empresas de 20 a 200 empleados.",
-            },
-            {
-              question: "¿Ofrecen soporte remoto?",
-              answer: "Sí, operamos con equipos ágiles globalmente.",
-            },
-          ],
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contacto" data-section="contacto">
-    <SectionErrorBoundary name="contacto">
-          <ContactCta
-      tag="Contacto"
-      text="Tu transformación comienza con una conversación. Hablemos de los objetivos de tu empresa hoy mismo."
-      primaryButton={{
-        text: "Escríbenos por WhatsApp",
-        href: "https://wa.me/5492664371176",
-      }}
-      secondaryButton={{
-        text: "Enviar email",
-        href: "mailto:info@vhaelorgroup.com",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactoSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/Contacto.tsx b/src/pages/HomePage/sections/Contacto.tsx
new file mode 100644
index 0000000..dc584dd
--- /dev/null
+++ b/src/pages/HomePage/sections/Contacto.tsx
@@ -0,0 +1,27 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "contacto" section.
+
+import React from 'react';
+import ContactCta from '@/components/sections/contact/ContactCta';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ContactoSection(): React.JSX.Element {
+  return (
+    <div id="contacto" data-section="contacto">
+        <SectionErrorBoundary name="contacto">
+              <ContactCta
+          tag="Contacto"
+          text="Tu transformación comienza con una conversación. Hablemos de los objetivos de tu empresa hoy mismo."
+          primaryButton={{
+            text: "Escríbenos por WhatsApp",
+            href: "https://wa.me/5492664371176",
+          }}
+          secondaryButton={{
+            text: "Enviar email",
+            href: "mailto:info@vhaelorgroup.com",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..7f93866
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,35 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "faq" section.
+
+import React from 'react';
+import FaqTabbedAccordion from '@/components/sections/faq/FaqTabbedAccordion';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqTabbedAccordion
+          tag="Dudas"
+          title="Preguntas frecuentes"
+          description="Todo lo que necesitas saber antes de empezar."
+          categories={[
+            {
+              name: "Consultoría",
+              items: [
+                {
+                  question: "¿Trabajan con empresas medianas?",
+                  answer: "Sí, nos especializamos en empresas de 20 a 200 empleados.",
+                },
+                {
+                  question: "¿Ofrecen soporte remoto?",
+                  answer: "Sí, operamos con equipos ágiles globalmente.",
+                },
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Features.tsx b/src/pages/HomePage/sections/Features.tsx
new file mode 100644
index 0000000..d64b192
--- /dev/null
+++ b/src/pages/HomePage/sections/Features.tsx
@@ -0,0 +1,43 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "features" section.
+
+import React from 'react';
+import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FeaturesSection(): React.JSX.Element {
+  return (
+    <div id="features" data-section="features">
+        <SectionErrorBoundary name="features">
+              <FeaturesDetailedSteps
+          tag="Proceso"
+          title="Metodología de Impacto"
+          description="Nuestros tres pilares para asegurar el ROI empresarial."
+          steps={[
+            {
+              tag: "01",
+              title: "Diagnóstico Profundo",
+              subtitle: "Análisis 360",
+              description: "Entendemos la realidad de tu organización mediante analítica de datos y entrevistas clave.",
+              imageSrc: "http://img.b2bpic.net/free-photo/skilled-leader-meeting-strategizing-with-stakeholders-discuss-ideas_482257-118713.jpg",
+            },
+            {
+              tag: "02",
+              title: "Diseño Estratégico",
+              subtitle: "Hoja de ruta",
+              description: "Creamos estrategias a medida enfocadas en resultados operativos inmediatos y sostenibles.",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-people-collaborating-meeting_23-2148826947.jpg",
+            },
+            {
+              tag: "03",
+              title: "Ejecución Ágil",
+              subtitle: "Resultados tangibles",
+              description: "Implementación asistida para asegurar que los cambios se adopten en cada nivel de tu empresa.",
+              imageSrc: "http://img.b2bpic.net/free-photo/disabled-man-wheelchair-working-his-office-job_23-2149571101.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..bf53d9a
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,28 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboardBrand
+          brand="VHAELOR GROUP"
+          description="Estrategia que transforma empresas. Combinamos análisis profundo y ejecución ágil para llevar tu organización al siguiente nivel. Consultoría integral diseñada para líderes que no aceptan mediocridad."
+          primaryButton={{
+            text: "Conversemos ahora",
+            href: "https://wa.me/5492664371176",
+          }}
+          secondaryButton={{
+            text: "Ver servicios",
+            href: "#productos",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/businessman-working-futuristic-office_23-2151003753.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Metricas.tsx b/src/pages/HomePage/sections/Metricas.tsx
new file mode 100644
index 0000000..2db7409
--- /dev/null
+++ b/src/pages/HomePage/sections/Metricas.tsx
@@ -0,0 +1,34 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "metricas" section.
+
+import React from 'react';
+import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricasSection(): React.JSX.Element {
+  return (
+    <div id="metricas" data-section="metricas">
+        <SectionErrorBoundary name="metricas">
+              <MetricsSimpleCards
+          tag="Impacto"
+          title="Resultados Cuantificables"
+          description="Nuestros números respaldan nuestro compromiso."
+          metrics={[
+            {
+              value: "150+",
+              description: "Empresas transformadas",
+            },
+            {
+              value: "40%",
+              description: "Aumento medio en eficiencia",
+            },
+            {
+              value: "20+",
+              description: "Años de experiencia global",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Pricing.tsx b/src/pages/HomePage/sections/Pricing.tsx
new file mode 100644
index 0000000..f2abc2b
--- /dev/null
+++ b/src/pages/HomePage/sections/Pricing.tsx
@@ -0,0 +1,61 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "pricing" section.
+
+import React from 'react';
+import PricingLayeredCards from '@/components/sections/pricing/PricingLayeredCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function PricingSection(): React.JSX.Element {
+  return (
+    <div id="pricing" data-section="pricing">
+        <SectionErrorBoundary name="pricing">
+              <PricingLayeredCards
+          tag="Engagement"
+          title="Modelos de Trabajo"
+          description="Adaptamos nuestra estructura a tus necesidades reales."
+          plans={[
+            {
+              tag: "Base",
+              price: "Consulta",
+              description: "Análisis diagnóstico inicial.",
+              primaryButton: {
+                text: "Contactar",
+                href: "https://wa.me/5492664371176",
+              },
+              features: [
+                "Diagnóstico",
+                "Reporte",
+              ],
+            },
+            {
+              tag: "Proyecto",
+              price: "Variable",
+              description: "Consultoría estratégica por proyecto.",
+              primaryButton: {
+                text: "Contactar",
+                href: "https://wa.me/5492664371176",
+              },
+              features: [
+                "Metodología",
+                "Ejecución",
+              ],
+            },
+            {
+              tag: "Socio",
+              price: "Continuo",
+              description: "Acompañamiento directivo a largo plazo.",
+              primaryButton: {
+                text: "Contactar",
+                href: "https://wa.me/5492664371176",
+              },
+              features: [
+                "Reuniones mensuales",
+                "Apoyo estratégico",
+              ],
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Productos.tsx b/src/pages/HomePage/sections/Productos.tsx
new file mode 100644
index 0000000..562c4eb
--- /dev/null
+++ b/src/pages/HomePage/sections/Productos.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "productos" section.
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ProductosSection(): React.JSX.Element {
+  return (
+    <div id="productos" data-section="productos">
+        <SectionErrorBoundary name="productos">
+              <FeaturesImageBento
+          tag="Soluciones"
+          title="Nuestra Consultoría"
+          description="Servicios diseñados para el mercado actual."
+          items={[
+            {
+              title: "Estrategia de Negocios",
+              description: "Liderazgo y visión.",
+              imageSrc: "http://img.b2bpic.net/free-photo/silhouettes-businesspeople-talking-about-meeting_1098-2599.jpg",
+            },
+            {
+              title: "Optimización Operativa",
+              description: "Eficiencia de procesos.",
+              imageSrc: "http://img.b2bpic.net/free-photo/development-performance-self-improvement-ratings-icon_53876-122739.jpg",
+            },
+            {
+              title: "Transformación Digital",
+              description: "Innovación tecnológica.",
+              imageSrc: "https://storage.googleapis.com/webild/default/no-image.jpg?id=x83pao",
+            },
+            {
+              title: "Cultura Organizacional",
+              description: "Gestión del cambio.",
+              imageSrc: "http://img.b2bpic.net/free-photo/tech-people-trying-achieve-ambitious-sustainability-goals_23-2150950167.jpg",
+            },
+            {
+              title: "Desarrollo de Producto",
+              description: "Time to market reducido.",
+              imageSrc: "http://img.b2bpic.net/free-photo/colourful-shopping-packets_23-2147948109.jpg",
+            },
+            {
+              title: "Análisis de Datos",
+              description: "Inteligencia de negocios.",
+              imageSrc: "http://img.b2bpic.net/free-photo/angry-manager-office-berating-worker-hitting-performance-targets_482257-126645.jpg",
+            },
+            {
+              title: "Compliance Legal",
+              description: "Seguridad jurídica.",
+              imageSrc: "http://img.b2bpic.net/free-photo/ring-binder-used-stored-documents_23-2149362545.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/SocialProof.tsx b/src/pages/HomePage/sections/SocialProof.tsx
new file mode 100644
index 0000000..84eb30f
--- /dev/null
+++ b/src/pages/HomePage/sections/SocialProof.tsx
@@ -0,0 +1,29 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "social-proof" section.
+
+import React from 'react';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function SocialProofSection(): React.JSX.Element {
+  return (
+    <div id="social-proof" data-section="social-proof">
+        <SectionErrorBoundary name="social-proof">
+              <SocialProofMarquee
+          tag="Trusted By"
+          title="Socios Estratégicos"
+          description="Acompañamos a líderes en transformación digital."
+          names={[
+            "Alpha Corp",
+            "Beta Solutions",
+            "Gamma Tech",
+            "Delta Strategy",
+            "Epsilon Systems",
+            "Zeta Growth",
+            "Theta Consulting",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonios.tsx b/src/pages/HomePage/sections/Testimonios.tsx
new file mode 100644
index 0000000..5cf500b
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonios.tsx
@@ -0,0 +1,57 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonios" section.
+
+import React from 'react';
+import TestimonialOverlayCards from '@/components/sections/testimonial/TestimonialOverlayCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimoniosSection(): React.JSX.Element {
+  return (
+    <div id="testimonios" data-section="testimonios">
+        <SectionErrorBoundary name="testimonios">
+              <TestimonialOverlayCards
+          tag="Opiniones"
+          title="Lo que dicen los líderes"
+          description="Historias de éxito que avalan nuestro trabajo."
+          testimonials={[
+            {
+              name: "Ana García",
+              role: "CEO",
+              company: "TechVision",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/business-woman-office-using-phone_1303-21362.jpg",
+            },
+            {
+              name: "Roberto Ruiz",
+              role: "CFO",
+              company: "Global Trade",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/friendly-handsome-business-leader-cafe_1262-3537.jpg",
+            },
+            {
+              name: "Elena Soto",
+              role: "COO",
+              company: "Innovación S.A.",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/studio-portrait-blond-female-dressed-white-shirt-red-eyeglasses_613910-3571.jpg",
+            },
+            {
+              name: "Carlos Muro",
+              role: "Director",
+              company: "Logística X",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/people-having-dinner-luxurious-restaurants_23-2151081912.jpg",
+            },
+            {
+              name: "Laura Paz",
+              role: "HR Manager",
+              company: "Fintech Pro",
+              rating: 5,
+              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-glasses-standing-with-arms-folded-smiling_74855-10329.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1