Merge version_2_1782179158502 into main

Merge version_2_1782179158502 into main
This commit was merged in pull request #1.
This commit is contained in:
2026-06-23 01:47:24 +00:00
10 changed files with 323 additions and 222 deletions

View File

@@ -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}

View File

@@ -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 />
</>
);
}

View File

@@ -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>
);
}

View File

@@ -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>
);
}

View File

@@ -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>
);
}

View File

@@ -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>
);
}

View File

@@ -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>
);
}

View File

@@ -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>
);
}

View File

@@ -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>
);
}

View File

@@ -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>
);
}