From 3695515aff04683456490438a27fee49845e898d Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Tue, 23 Jun 2026 01:46:43 +0000
Subject: [PATCH] Bob AI: Adjusted z-index and positioning of the logo in the
 NavbarIn

---
 src/components/ui/NavbarInline.tsx            |   4 +-
 src/pages/HomePage.tsx                        | 244 ++----------------
 src/pages/HomePage/sections/About.tsx         |  22 ++
 src/pages/HomePage/sections/Contacto.tsx      |  27 ++
 src/pages/HomePage/sections/Faq.tsx           |  34 +++
 src/pages/HomePage/sections/Hero.tsx          |  36 +++
 src/pages/HomePage/sections/Metricas.tsx      |  34 +++
 src/pages/HomePage/sections/Servicios.tsx     |  38 +++
 src/pages/HomePage/sections/ServiciosGrid.tsx |  64 +++++
 src/pages/HomePage/sections/Testimonios.tsx   |  42 +++
 10 files changed, 323 insertions(+), 222 deletions(-)
 create mode 100644 src/pages/HomePage/sections/About.tsx
 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/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Metricas.tsx
 create mode 100644 src/pages/HomePage/sections/Servicios.tsx
 create mode 100644 src/pages/HomePage/sections/ServiciosGrid.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonios.tsx

diff --git a/src/components/ui/NavbarInline.tsx b/src/components/ui/NavbarInline.tsx
index c7c7415..aa65908 100644
--- a/src/components/ui/NavbarInline.tsx
+++ b/src/components/ui/NavbarInline.tsx
@@ -19,9 +19,9 @@ const NavbarInline = ({ logo, navItems, ctaButton }: NavbarInlineProps) => {
   return (
     <nav data-section="navbar" className="fixed z-1000 top-5 left-1/2 -translate-x-1/2 w-content-width">
       <div className="flex items-center justify-between p-2 xl:p-3 2xl:p-4 rounded backdrop-blur-sm card">
-        <a href="/" className="pl-2 text-xl font-medium text-foreground">{logo}</a>
+        <a href="/" className="pl-2 text-xl font-medium text-foreground z-50 relative">{logo}</a>
 
-        <div className="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center gap-6">
+        <div className="hidden md:flex absolute left-1/2 -translate-x-1/2 items-center gap-6 z-40">
           {navItems.map((item) => (
             <a
               key={item.name}
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 01478c6..5ebe80d 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,232 +1,36 @@
-import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FaqSimple from '@/components/sections/faq/FaqSimple';
-import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
-import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
-import HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
-import MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-import { Briefcase, Heart, Scale } from "lucide-react";
-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 AboutSection from './HomePage/sections/About';
+import ServiciosSection from './HomePage/sections/Servicios';
+import ServiciosGridSection from './HomePage/sections/ServiciosGrid';
+import MetricasSection from './HomePage/sections/Metricas';
+import TestimoniosSection from './HomePage/sections/Testimonios';
+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">
-          <HeroSplitMediaGrid
-      tag="Más de 30 años de experiencia"
-      title="Su tranquilidad jurídica, nuestra misión"
-      description="El Estudio Jurídico Diz brinda asesoramiento legal integral en CABA y áreas metropolitanas. Expertos en derecho civil, laboral, familia y sucesiones."
-      primaryButton={{
-        text: "Ver Servicios",
-        href: "#servicios",
-      }}
-      secondaryButton={{
-        text: "Contacto",
-        href: "#contacto",
-      }}
-      items={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292776.jpg",
-        },
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/man-shaking-hands-with-lady_53876-25146.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="about" data-section="about">
-    <SectionErrorBoundary name="about">
-          <AboutTestimonial
-      tag="Nuestra Filosofía"
-      quote="La calidez humana y la responsabilidad son los pilares que nos guían en cada proceso legal. Entendemos que detrás de cada caso hay una persona esperando una solución real."
-      author="Dra. Hermida"
-      role="Directora Legal"
-      imageSrc="http://img.b2bpic.net/free-photo/top-view-desktop-with-laptop-paper-clips_23-2148430844.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AboutSection />
 
-  <div id="servicios" data-section="servicios">
-    <SectionErrorBoundary name="servicios">
-          <FeaturesBorderGlow
-      tag="Áreas de Práctica"
-      title="Soluciones legales integrales"
-      description="Contamos con oficinas estratégicamente ubicadas y un equipo especializado en múltiples ramas del derecho."
-      features={[
-        {
-          icon: Scale,
-          title: "Derecho Civil",
-          description: "Sucesiones, desalojos, usucapiones, divisiones de condominio y más.",
-        },
-        {
-          icon: Briefcase,
-          title: "Derecho Laboral",
-          description: "Despidos, reclamos ante ART y accidentes laborales.",
-        },
-        {
-          icon: Heart,
-          title: "Derecho de Familia",
-          description: "Divorcios y asesoramiento integral familiar con enfoque humano.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ServiciosSection />
 
-  <div id="servicios-grid" data-section="servicios-grid">
-    <SectionErrorBoundary name="servicios-grid">
-          <FeaturesRevealCardsBento
-      tag="Especialidades"
-      title="Todo lo que podemos gestionar"
-      description="Resolución rápida y efectiva ante situaciones complejas."
-      items={[
-        {
-          title: "Despidos",
-          description: "Defensa de derechos laborales.",
-          href: "#contacto",
-          imageSrc: "http://img.b2bpic.net/free-vector/law-justice-infographic-process-diagram-with-scales-justice-with-books-stack-with-dark-background-bright-outline-style-2-points_82472-6144.jpg",
-        },
-        {
-          title: "Desalojos",
-          description: "Gestión eficiente de desalojos.",
-          href: "#contacto",
-          imageSrc: "http://img.b2bpic.net/free-photo/png-gavel-justice-stethoscope-isolated-white-background_185193-165632.jpg",
-        },
-        {
-          title: "Usucapión",
-          description: "Regularización de dominio.",
-          href: "#contacto",
-          imageSrc: "http://img.b2bpic.net/free-vector/creative-digital-law-sound-studio-25-blue-icon-pack-such-as-imagination-creativity-law-law-court_1142-24901.jpg",
-        },
-        {
-          title: "ART",
-          description: "Reclamos ante aseguradoras.",
-          href: "#contacto",
-          imageSrc: "http://img.b2bpic.net/free-vector/set-de-elementos-de-derecho-y-justicia_23-2147811800.jpg",
-        },
-        {
-          title: "Accidentes",
-          description: "Daños y perjuicios.",
-          href: "#contacto",
-          imageSrc: "http://img.b2bpic.net/free-vector/illustration-law-concept_53876-43972.jpg",
-        },
-        {
-          title: "Sucesiones",
-          description: "Herencias y sucesiones.",
-          href: "#contacto",
-          imageSrc: "http://img.b2bpic.net/free-vector/20-digital-law-sound-studio-flat-color-icon-pack-like-open-free-business-content-records_1142-16626.jpg",
-        },
-        {
-          title: "Divorcios",
-          description: "Asesoramiento legal familiar.",
-          href: "#contacto",
-          imageSrc: "http://img.b2bpic.net/free-vector/set-de-elementos-de-derecho-y-justicia_23-2147800839.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ServiciosGridSection />
 
-  <div id="metricas" data-section="metricas">
-    <SectionErrorBoundary name="metricas">
-          <MetricsMediaCards
-      tag="Logros"
-      title="Resultados que respaldan nuestra trayectoria"
-      description="Comprometidos con la excelencia y la satisfacción del cliente."
-      metrics={[
-        {
-          value: "30+",
-          title: "Años de Trayectoria",
-          description: "Experiencia legal consolidada.",
-          imageSrc: "http://img.b2bpic.net/free-photo/wide-corridor-with-unfocused-effect_1203-1063.jpg",
-        },
-        {
-          value: "7",
-          title: "Sedes",
-          description: "Atención personalizada en CABA y GBA.",
-          imageSrc: "http://img.b2bpic.net/free-photo/content-businesspeople-greeting-meeting-smiling-successful-indian-ceo-eyeglasses-handshaking-with-grey-haired-businesswoman-talking-looking-her-business-partnership-concept_74855-11638.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <MetricasSection />
 
-  <div id="testimonios" data-section="testimonios">
-    <SectionErrorBoundary name="testimonios">
-          <TestimonialTrustCard
-      quote="Fui atendido muy bien, son responsables y atentos en cada detalle del proceso."
-      rating={5}
-      author="Fernando Guidara"
-      avatars={[
-        {
-          name: "Fernando",
-          imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",
-        },
-        {
-          name: "Alejandra",
-          imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
-        },
-        {
-          name: "Carlos",
-          imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
-        },
-        {
-          name: "María",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
-        },
-        {
-          name: "Lucía",
-          imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-happy-lawyer-sitting-with-client_23-2147898446.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimoniosSection />
 
-  <div id="faq" data-section="faq">
-    <SectionErrorBoundary name="faq">
-          <FaqSimple
-      tag="Ayuda"
-      title="Preguntas frecuentes"
-      description="Estamos listos para resolver tus dudas."
-      items={[
-        {
-          question: "¿Dónde están ubicados?",
-          answer: "Nuestra oficina central se encuentra en el Palacio Barolo, Av. de Mayo 1370, CABA.",
-        },
-        {
-          question: "¿Cómo solicito una cita?",
-          answer: "Puedes contactarnos directamente vía telefónica o agendar un turno online en nuestra web.",
-        },
-        {
-          question: "¿Atienden en otras zonas?",
-          answer: "Sí, tenemos oficinas en Lanús, San Justo, Morón, San Isidro y La Plata.",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FaqSection />
 
-  <div id="contacto" data-section="contacto">
-    <SectionErrorBoundary name="contacto">
-          <ContactCta
-      tag="Contacto"
-      text="Agenda tu consulta profesional hoy mismo y recibe asesoramiento personalizado."
-      primaryButton={{
-        text: "Llamar al 5263-0851",
-        href: "tel:52630851",
-      }}
-      secondaryButton={{
-        text: "Agendar Cita",
-        href: "https://estudiojuridicodiz.com.ar",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ContactoSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/About.tsx b/src/pages/HomePage/sections/About.tsx
new file mode 100644
index 0000000..499df79
--- /dev/null
+++ b/src/pages/HomePage/sections/About.tsx
@@ -0,0 +1,22 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "about" section.
+
+import React from 'react';
+import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function AboutSection(): React.JSX.Element {
+  return (
+    <div id="about" data-section="about">
+        <SectionErrorBoundary name="about">
+              <AboutTestimonial
+          tag="Nuestra Filosofía"
+          quote="La calidez humana y la responsabilidad son los pilares que nos guían en cada proceso legal. Entendemos que detrás de cada caso hay una persona esperando una solución real."
+          author="Dra. Hermida"
+          role="Directora Legal"
+          imageSrc="http://img.b2bpic.net/free-photo/top-view-desktop-with-laptop-paper-clips_23-2148430844.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Contacto.tsx b/src/pages/HomePage/sections/Contacto.tsx
new file mode 100644
index 0000000..e39f50c
--- /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="Agenda tu consulta profesional hoy mismo y recibe asesoramiento personalizado."
+          primaryButton={{
+            text: "Llamar al 5263-0851",
+            href: "tel:52630851",
+          }}
+          secondaryButton={{
+            text: "Agendar Cita",
+            href: "https://estudiojuridicodiz.com.ar",
+          }}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Faq.tsx b/src/pages/HomePage/sections/Faq.tsx
new file mode 100644
index 0000000..a68d626
--- /dev/null
+++ b/src/pages/HomePage/sections/Faq.tsx
@@ -0,0 +1,34 @@
+// 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 FaqSimple from '@/components/sections/faq/FaqSimple';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function FaqSection(): React.JSX.Element {
+  return (
+    <div id="faq" data-section="faq">
+        <SectionErrorBoundary name="faq">
+              <FaqSimple
+          tag="Ayuda"
+          title="Preguntas frecuentes"
+          description="Estamos listos para resolver tus dudas."
+          items={[
+            {
+              question: "¿Dónde están ubicados?",
+              answer: "Nuestra oficina central se encuentra en el Palacio Barolo, Av. de Mayo 1370, CABA.",
+            },
+            {
+              question: "¿Cómo solicito una cita?",
+              answer: "Puedes contactarnos directamente vía telefónica o agendar un turno online en nuestra web.",
+            },
+            {
+              question: "¿Atienden en otras zonas?",
+              answer: "Sí, tenemos oficinas en Lanús, San Justo, Morón, San Isidro y La Plata.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..243d3a9
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,36 @@
+// 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 HeroSplitMediaGrid from '@/components/sections/hero/HeroSplitMediaGrid';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroSplitMediaGrid
+          tag="Más de 30 años de experiencia"
+          title="Su tranquilidad jurídica, nuestra misión"
+          description="El Estudio Jurídico Diz brinda asesoramiento legal integral en CABA y áreas metropolitanas. Expertos en derecho civil, laboral, familia y sucesiones."
+          primaryButton={{
+            text: "Ver Servicios",
+            href: "#servicios",
+          }}
+          secondaryButton={{
+            text: "Contacto",
+            href: "#contacto",
+          }}
+          items={[
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292776.jpg",
+            },
+            {
+              imageSrc: "http://img.b2bpic.net/free-photo/man-shaking-hands-with-lady_53876-25146.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..3096300
--- /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 MetricsMediaCards from '@/components/sections/metrics/MetricsMediaCards';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function MetricasSection(): React.JSX.Element {
+  return (
+    <div id="metricas" data-section="metricas">
+        <SectionErrorBoundary name="metricas">
+              <MetricsMediaCards
+          tag="Logros"
+          title="Resultados que respaldan nuestra trayectoria"
+          description="Comprometidos con la excelencia y la satisfacción del cliente."
+          metrics={[
+            {
+              value: "30+",
+              title: "Años de Trayectoria",
+              description: "Experiencia legal consolidada.",
+              imageSrc: "http://img.b2bpic.net/free-photo/wide-corridor-with-unfocused-effect_1203-1063.jpg",
+            },
+            {
+              value: "7",
+              title: "Sedes",
+              description: "Atención personalizada en CABA y GBA.",
+              imageSrc: "http://img.b2bpic.net/free-photo/content-businesspeople-greeting-meeting-smiling-successful-indian-ceo-eyeglasses-handshaking-with-grey-haired-businesswoman-talking-looking-her-business-partnership-concept_74855-11638.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Servicios.tsx b/src/pages/HomePage/sections/Servicios.tsx
new file mode 100644
index 0000000..4a842cc
--- /dev/null
+++ b/src/pages/HomePage/sections/Servicios.tsx
@@ -0,0 +1,38 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "servicios" section.
+
+import React from 'react';
+import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
+import { Briefcase, Heart, Scale } from "lucide-react";
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ServiciosSection(): React.JSX.Element {
+  return (
+    <div id="servicios" data-section="servicios">
+        <SectionErrorBoundary name="servicios">
+              <FeaturesBorderGlow
+          tag="Áreas de Práctica"
+          title="Soluciones legales integrales"
+          description="Contamos con oficinas estratégicamente ubicadas y un equipo especializado en múltiples ramas del derecho."
+          features={[
+            {
+              icon: Scale,
+              title: "Derecho Civil",
+              description: "Sucesiones, desalojos, usucapiones, divisiones de condominio y más.",
+            },
+            {
+              icon: Briefcase,
+              title: "Derecho Laboral",
+              description: "Despidos, reclamos ante ART y accidentes laborales.",
+            },
+            {
+              icon: Heart,
+              title: "Derecho de Familia",
+              description: "Divorcios y asesoramiento integral familiar con enfoque humano.",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/ServiciosGrid.tsx b/src/pages/HomePage/sections/ServiciosGrid.tsx
new file mode 100644
index 0000000..d812c03
--- /dev/null
+++ b/src/pages/HomePage/sections/ServiciosGrid.tsx
@@ -0,0 +1,64 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "servicios-grid" section.
+
+import React from 'react';
+import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function ServiciosGridSection(): React.JSX.Element {
+  return (
+    <div id="servicios-grid" data-section="servicios-grid">
+        <SectionErrorBoundary name="servicios-grid">
+              <FeaturesRevealCardsBento
+          tag="Especialidades"
+          title="Todo lo que podemos gestionar"
+          description="Resolución rápida y efectiva ante situaciones complejas."
+          items={[
+            {
+              title: "Despidos",
+              description: "Defensa de derechos laborales.",
+              href: "#contacto",
+              imageSrc: "http://img.b2bpic.net/free-vector/law-justice-infographic-process-diagram-with-scales-justice-with-books-stack-with-dark-background-bright-outline-style-2-points_82472-6144.jpg",
+            },
+            {
+              title: "Desalojos",
+              description: "Gestión eficiente de desalojos.",
+              href: "#contacto",
+              imageSrc: "http://img.b2bpic.net/free-photo/png-gavel-justice-stethoscope-isolated-white-background_185193-165632.jpg",
+            },
+            {
+              title: "Usucapión",
+              description: "Regularización de dominio.",
+              href: "#contacto",
+              imageSrc: "http://img.b2bpic.net/free-vector/creative-digital-law-sound-studio-25-blue-icon-pack-such-as-imagination-creativity-law-law-court_1142-24901.jpg",
+            },
+            {
+              title: "ART",
+              description: "Reclamos ante aseguradoras.",
+              href: "#contacto",
+              imageSrc: "http://img.b2bpic.net/free-vector/set-de-elementos-de-derecho-y-justicia_23-2147811800.jpg",
+            },
+            {
+              title: "Accidentes",
+              description: "Daños y perjuicios.",
+              href: "#contacto",
+              imageSrc: "http://img.b2bpic.net/free-vector/illustration-law-concept_53876-43972.jpg",
+            },
+            {
+              title: "Sucesiones",
+              description: "Herencias y sucesiones.",
+              href: "#contacto",
+              imageSrc: "http://img.b2bpic.net/free-vector/20-digital-law-sound-studio-flat-color-icon-pack-like-open-free-business-content-records_1142-16626.jpg",
+            },
+            {
+              title: "Divorcios",
+              description: "Asesoramiento legal familiar.",
+              href: "#contacto",
+              imageSrc: "http://img.b2bpic.net/free-vector/set-de-elementos-de-derecho-y-justicia_23-2147800839.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonios.tsx b/src/pages/HomePage/sections/Testimonios.tsx
new file mode 100644
index 0000000..3a9c264
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonios.tsx
@@ -0,0 +1,42 @@
+// 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 TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimoniosSection(): React.JSX.Element {
+  return (
+    <div id="testimonios" data-section="testimonios">
+        <SectionErrorBoundary name="testimonios">
+              <TestimonialTrustCard
+          quote="Fui atendido muy bien, son responsables y atentos en cada detalle del proceso."
+          rating={5}
+          author="Fernando Guidara"
+          avatars={[
+            {
+              name: "Fernando",
+              imageSrc: "http://img.b2bpic.net/free-photo/authentic-book-club-scene_23-2150104578.jpg",
+            },
+            {
+              name: "Alejandra",
+              imageSrc: "http://img.b2bpic.net/free-photo/happy-business-woman-white-shirt_23-2148095748.jpg",
+            },
+            {
+              name: "Carlos",
+              imageSrc: "http://img.b2bpic.net/free-photo/closeup-content-pretty-businesswoman-glasses_1262-1740.jpg",
+            },
+            {
+              name: "María",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiling-senior-businessman-pointing-with-finger_1262-3108.jpg",
+            },
+            {
+              name: "Lucía",
+              imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-happy-lawyer-sitting-with-client_23-2147898446.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}