Merge version_2_1782181050831 into main #1

Merged
bender merged 1 commits from version_2_1782181050831 into main 2026-06-23 02:19:39 +00:00
9 changed files with 289 additions and 200 deletions

View File

@@ -5,15 +5,15 @@
:root {
/* @colorThemes/lightTheme/grayNavyBlue */
--background: #f5f4ef;
--card: #dad6cd;
--foreground: #2a2928;
--primary-cta: #2a2928;
--primary-cta-text: #f5f4ef;
--secondary-cta: #ecebea;
--secondary-cta-text: #2a2928;
--background: #ffffff;
--card: #f0f4f8;
--foreground: #1e3a8a;
--primary-cta: #1e3a8a;
--primary-cta-text: #ffffff;
--secondary-cta: #e0e7ff;
--secondary-cta-text: #1e3a8a;
--accent: #ffffff;
--background-accent: #c6b180;
--background-accent: #bfdbfe;
/* @layout/border-radius/rounded */
--radius: 1.5rem;

View File

@@ -1,203 +1,33 @@
import AboutTestimonial from '@/components/sections/about/AboutTestimonial';
import ContactCta from '@/components/sections/contact/ContactCta';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import { CheckCircle } 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 FeaturesSection from './HomePage/sections/Features';
import MetricsSection from './HomePage/sections/Metrics';
import TestimonialsSection from './HomePage/sections/Testimonials';
import FaqSection from './HomePage/sections/Faq';
import ContactSection from './HomePage/sections/Contact';
export default function HomePage(): React.JSX.Element {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardCarousel
tag="Estudio Jurídico Especializado"
title="Soluciones Legales Rápidas y Confiables"
description="Expertos en seguridad social, jubilaciones y derecho laboral. Acompañamos a nuestros clientes con compromiso, profesionalismo y resultados expeditivos."
primaryButton={{
text: "Agenda tu consulta",
href: "#contact",
}}
secondaryButton={{
text: "Ver servicios",
href: "#features",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-signing-business-contract_53876-65436.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pile-papers-table_1098-3881.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-sitting-desk_23-2149445776.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-pen-contract_1098-3667.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-signing-documents-modern-office_158595-5382.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-electric-guitar-notebook-speaker-closeup_169016-51444.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<>
<HeroSection />
<div id="about" data-section="about">
<SectionErrorBoundary name="about">
<AboutTestimonial
tag="Nuestra Filosofía"
quote="El compromiso con cada caso y la empatía con la situación del cliente es nuestro mayor valor profesional. En AG Estudio Jurídico, transformamos la preocupación en soluciones claras."
author="Dra. Alejandra Genua"
role="Titular del Estudio"
imageSrc="http://img.b2bpic.net/free-photo/business-advisor-working-with-documentation_1098-15366.jpg"
/>
</SectionErrorBoundary>
</div>
<AboutSection />
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBorderGlow
tag="Servicios Profesionales"
title="Áreas de Especialización"
description="Brindamos asesoramiento integral y personalizado para garantizar la defensa de sus derechos."
features={[
{
icon: CheckCircle,
title: "Jubilaciones",
description: "Gestión completa de trámites jubilatorios y moratorias previsionales.",
},
{
icon: CheckCircle,
title: "Seguridad Social",
description: "Asesoramiento experto en temas previsionales para asegurar tu futuro.",
},
{
icon: CheckCircle,
title: "Derecho Laboral",
description: "Defensa en casos de despidos, reclamos laborales y acuerdos.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FeaturesSection />
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Nuestro Impacto"
title="Confianza avalada por nuestros clientes"
metrics={[
{
value: "118+",
description: "Reseñas positivas en Google",
},
{
value: "4.9/5",
description: "Calificación promedio",
},
{
value: "100%",
description: "Compromiso profesional",
},
]}
description="Calidad, transparencia y resultados comprobados."
/>
</SectionErrorBoundary>
</div>
<MetricsSection />
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Opiniones"
title="Lo que dicen nuestros clientes"
description="Tu tranquilidad es nuestra prioridad. Gracias por confiar en nosotros."
testimonials={[
{
name: "Vicenta Franco",
role: "Cliente",
quote: "Excelente profesional, me ayudó con toda la moratoria. Eternamente agradecida.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
},
{
name: "Claudio Colombo",
role: "Local Guide",
quote: "Excelente en todos los aspectos. Consejo profesional sincero y acertado.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
},
{
name: "Nelly Sosa",
role: "Cliente",
quote: "Gran conocimiento y compromiso en mi caso. Asesoramiento claro y constante.",
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg",
},
{
name: "Usuario Google",
role: "Cliente",
quote: "Realmente conforme, todo se solucionó muy rápido. Recomiendo 100%.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg",
},
{
name: "Cliente Distinguido",
role: "Cliente",
quote: "Excelente trato tanto de la Dra. Genua como de su secretaria.",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-asian-woman-entrepreneur-red-blazer-having-idea-suggesting-something-raising-finger_1258-156964.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
<TestimonialsSection />
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Preguntas"
title="Preguntas frecuentes"
description="Información clave sobre nuestros servicios y procesos."
items={[
{
question: "¿Atienden casos de jubilación?",
answer: "Sí, somos especialistas en jubilaciones y moratorias previsionales.",
},
{
question: "¿Puedo hacer una consulta presencial?",
answer: "Sí, estamos ubicados en Luis Sáenz Peña 20 3º G, CABA. Requiere cita previa.",
},
{
question: "¿Cómo es el trato profesional?",
answer: "Priorizamos la atención personalizada y un trato cercano con nuestros clientes.",
},
{
question: "¿Es posible resolver trámites rápidamente?",
answer: "Nuestro objetivo es la mayor eficiencia posible para reducir tiempos de espera.",
},
]}
/>
</SectionErrorBoundary>
</div>
<FaqSection />
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contacto"
text="¿Necesitás asesoramiento legal especializado? Ponete en contacto con nosotros hoy mismo."
primaryButton={{
text: "Llamar al estudio",
href: "tel:01154556401",
}}
secondaryButton={{
text: "Enviar WhatsApp",
href: "https://wa.me/5491154556401",
}}
/>
</SectionErrorBoundary>
</div>
<ContactSection />
</>
);
}

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="El compromiso con cada caso y la empatía con la situación del cliente es nuestro mayor valor profesional. En AG Estudio Jurídico, transformamos la preocupación en soluciones claras."
author="Dra. Alejandra Genua"
role="Titular del Estudio"
imageSrc="http://img.b2bpic.net/free-photo/business-advisor-working-with-documentation_1098-15366.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 "contact" section.
import React from 'react';
import ContactCta from '@/components/sections/contact/ContactCta';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function ContactSection(): React.JSX.Element {
return (
<div id="contact" data-section="contact">
<SectionErrorBoundary name="contact">
<ContactCta
tag="Contacto"
text="¿Necesitás asesoramiento legal especializado? Ponete en contacto con nosotros hoy mismo."
primaryButton={{
text: "Llamar al estudio",
href: "tel:01154556401",
}}
secondaryButton={{
text: "Enviar WhatsApp",
href: "https://wa.me/5491154556401",
}}
/>
</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 "faq" section.
import React from 'react';
import FaqTwoColumn from '@/components/sections/faq/FaqTwoColumn';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FaqSection(): React.JSX.Element {
return (
<div id="faq" data-section="faq">
<SectionErrorBoundary name="faq">
<FaqTwoColumn
tag="Preguntas"
title="Preguntas frecuentes"
description="Información clave sobre nuestros servicios y procesos."
items={[
{
question: "¿Atienden casos de jubilación?",
answer: "Sí, somos especialistas en jubilaciones y moratorias previsionales.",
},
{
question: "¿Puedo hacer una consulta presencial?",
answer: "Sí, estamos ubicados en Luis Sáenz Peña 20 3º G, CABA. Requiere cita previa.",
},
{
question: "¿Cómo es el trato profesional?",
answer: "Priorizamos la atención personalizada y un trato cercano con nuestros clientes.",
},
{
question: "¿Es posible resolver trámites rápidamente?",
answer: "Nuestro objetivo es la mayor eficiencia posible para reducir tiempos de espera.",
},
]}
/>
</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 "features" section.
import React from 'react';
import FeaturesBorderGlow from '@/components/sections/features/FeaturesBorderGlow';
import { CheckCircle } from "lucide-react";
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function FeaturesSection(): React.JSX.Element {
return (
<div id="features" data-section="features">
<SectionErrorBoundary name="features">
<FeaturesBorderGlow
tag="Servicios Profesionales"
title="Áreas de Especialización"
description="Brindamos asesoramiento integral y personalizado para garantizar la defensa de sus derechos."
features={[
{
icon: CheckCircle,
title: "Jubilaciones",
description: "Gestión completa de trámites jubilatorios y moratorias previsionales.",
},
{
icon: CheckCircle,
title: "Seguridad Social",
description: "Asesoramiento experto en temas previsionales para asegurar tu futuro.",
},
{
icon: CheckCircle,
title: "Derecho Laboral",
description: "Defensa en casos de despidos, reclamos laborales y acuerdos.",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,48 @@
// 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 HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HeroSection(): React.JSX.Element {
return (
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardCarousel
tag="Estudio Jurídico Especializado"
title="Soluciones Legales Rápidas y Confiables"
description="Expertos en seguridad social, jubilaciones y derecho laboral. Acompañamos a nuestros clientes con compromiso, profesionalismo y resultados expeditivos."
primaryButton={{
text: "Agenda tu consulta",
href: "#contact",
}}
secondaryButton={{
text: "Ver servicios",
href: "#features",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/hand-signing-business-contract_53876-65436.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-pile-papers-table_1098-3881.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/front-view-man-sitting-desk_23-2149445776.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-pen-contract_1098-3667.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/successful-business-man-signing-documents-modern-office_158595-5382.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/black-electric-guitar-notebook-speaker-closeup_169016-51444.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 "metrics" section.
import React from 'react';
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function MetricsSection(): React.JSX.Element {
return (
<div id="metrics" data-section="metrics">
<SectionErrorBoundary name="metrics">
<MetricsSimpleCards
tag="Nuestro Impacto"
title="Confianza avalada por nuestros clientes"
metrics={[
{
value: "118+",
description: "Reseñas positivas en Google",
},
{
value: "4.9/5",
description: "Calificación promedio",
},
{
value: "100%",
description: "Compromiso profesional",
},
]}
description="Calidad, transparencia y resultados comprobados."
/>
</SectionErrorBoundary>
</div>
);
}

View File

@@ -0,0 +1,52 @@
// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
// file as the canonical source for the "testimonials" section.
import React from 'react';
import TestimonialQuoteCards from '@/components/sections/testimonial/TestimonialQuoteCards';
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function TestimonialsSection(): React.JSX.Element {
return (
<div id="testimonials" data-section="testimonials">
<SectionErrorBoundary name="testimonials">
<TestimonialQuoteCards
tag="Opiniones"
title="Lo que dicen nuestros clientes"
description="Tu tranquilidad es nuestra prioridad. Gracias por confiar en nosotros."
testimonials={[
{
name: "Vicenta Franco",
role: "Cliente",
quote: "Excelente profesional, me ayudó con toda la moratoria. Eternamente agradecida.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-elegant-man-smiling_23-2148332976.jpg",
},
{
name: "Claudio Colombo",
role: "Local Guide",
quote: "Excelente en todos los aspectos. Consejo profesional sincero y acertado.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-businesswoman-smiling-looking-camera-successful-confident-grey-haired-manager-sitting-office-room-workplace-business-management-concept_74855-7343.jpg",
},
{
name: "Nelly Sosa",
role: "Cliente",
quote: "Gran conocimiento y compromiso en mi caso. Asesoramiento claro y constante.",
imageSrc: "http://img.b2bpic.net/free-photo/laughing-woman-speaking-phone_23-2147779739.jpg",
},
{
name: "Usuario Google",
role: "Cliente",
quote: "Realmente conforme, todo se solucionó muy rápido. Recomiendo 100%.",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-salon_23-2149220534.jpg",
},
{
name: "Cliente Distinguido",
role: "Cliente",
quote: "Excelente trato tanto de la Dra. Genua como de su secretaria.",
imageSrc: "http://img.b2bpic.net/free-photo/elderly-asian-woman-entrepreneur-red-blazer-having-idea-suggesting-something-raising-finger_1258-156964.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
);
}