Update src/app/page.tsx

This commit is contained in:
2026-06-02 16:38:18 +00:00
parent c389d036f9
commit a530eac153

View File

@@ -31,105 +31,68 @@ export default function LandingPage() {
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Inicio",
id: "#hero",
},
name: "Inicio", id: "#hero"},
{
name: "Servicios",
id: "#practice-areas",
},
name: "Servicios", id: "#practice-areas"},
{
name: "Nosotros",
id: "#why-choose-us",
},
name: "Nosotros", id: "#why-choose-us"},
{
name: "Contacto",
id: "#contact",
},
name: "Contacto", id: "#contact"},
]}
logoSrc="http://img.b2bpic.net/free-photo/truth-concept-arrangement-with-balance_23-2149051287.jpg"
logoAlt="M&Asociados Logo"
brandName="M&Asociados"
button={{
text: "Agendar Consulta",
href: "#contact",
}}
text: "Agendar Consulta", href: "#contact"}}
/>
</div>
<div id="hero" data-section="hero">
<HeroSplit
background={{
variant: "downward-rays-animated-grid",
}}
variant: "downward-rays-animated-grid"}}
imagePosition="right"
title="Tu tranquilidad jurídica comienza aquí."
description="Protegemos patrimonio, empresas y personas mediante estrategias legales sólidas, modernas y efectivas."
buttons={[
{
text: "Agendar Consulta",
href: "#contact",
},
text: "Agendar Consulta", href: "#contact"},
{
text: "WhatsApp",
href: "https://wa.me/522222374229",
},
text: "WhatsApp", href: "https://wa.me/522222374229"},
]}
videoSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160200.jpg?_wi=1"
videoSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160200.jpg"
videoAriaLabel="City skyline with architectural blueprints and golden details"
mediaAnimation="blur-reveal"
fixedMediaHeight={true}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/young-cute-woman-portrait-outdoor_624325-1904.jpg",
alt: "Young attractive woman",
},
src: "http://img.b2bpic.net/free-photo/young-cute-woman-portrait-outdoor_624325-1904.jpg", alt: "Young attractive woman"},
{
src: "http://img.b2bpic.net/free-photo/happy-cute-woman-portrait-outdoor_624325-1864.jpg",
alt: "Portrait of young beautiful woman",
},
src: "http://img.b2bpic.net/free-photo/happy-cute-woman-portrait-outdoor_624325-1864.jpg", alt: "Portrait of young beautiful woman"},
{
src: "http://img.b2bpic.net/free-photo/stylish-african-american-business-woman-streets-city_627829-3588.jpg",
alt: "Fashionable young beautiful african american business woman",
},
src: "http://img.b2bpic.net/free-photo/stylish-african-american-business-woman-streets-city_627829-3588.jpg", alt: "Fashionable young beautiful african american business woman"},
{
src: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-blond-smiling-woman-red-blouse-summer-fashion-outfit-wearing-earrings-smiling_285396-8466.jpg",
alt: "Smiling middle-aged attractive woman",
},
src: "http://img.b2bpic.net/free-photo/portrait-attractive-stylish-blond-smiling-woman-red-blouse-summer-fashion-outfit-wearing-earrings-smiling_285396-8466.jpg", alt: "Smiling middle-aged attractive woman"},
{
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-1005.jpg",
alt: "Close up portrait of a attractive smiling woman",
},
src: "http://img.b2bpic.net/free-photo/young-pretty-woman-outdoor_624325-1005.jpg", alt: "Close up portrait of a attractive smiling woman"},
]}
avatarText="+15 años de experiencia y cientos de clientes satisfechos"
marqueeItems={[
{
type: "text-icon",
text: "Soluciones innovadoras",
icon: Lightbulb,
type: "text-icon", text: "Soluciones innovadoras", icon: Lightbulb,
},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/flat-lay-close-up-illuminating-leaf_23-2148791663.jpg",
alt: "Abstract background with golden textures",
},
type: "image", src: "http://img.b2bpic.net/free-photo/flat-lay-close-up-illuminating-leaf_23-2148791663.jpg", alt: "Abstract background with golden textures"},
{
type: "text",
text: "Expertise comprobada",
},
type: "text", text: "Expertise comprobada"},
{
type: "image",
src: "http://img.b2bpic.net/free-photo/yellow-branch-leaf-beige-surface_114579-46141.jpg",
alt: "Elegant background with golden details",
},
type: "image", src: "http://img.b2bpic.net/free-photo/yellow-branch-leaf-beige-surface_114579-46141.jpg", alt: "Elegant background with golden details"},
{
type: "text-icon",
text: "Confianza y transparencia",
icon: Shield,
type: "text-icon", text: "Confianza y transparencia", icon: Shield,
},
]}
marqueeSpeed={25}
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160200.jpg?_wi=2"
imageSrc="http://img.b2bpic.net/free-photo/business-network-background-connecting-dots-technology-design_53876-160200.jpg"
imageAlt="city skyline night architectural blueprints"
/>
</div>
@@ -141,39 +104,16 @@ export default function LandingPage() {
useInvertedBackground={false}
metrics={[
{
id: "1",
value: "+500",
title: "Asuntos atendidos",
description: "Casos exitosos que avalan nuestra capacidad.",
imageSrc: "http://img.b2bpic.net/free-photo/team-meeting-with-growth-chart-overlay_23-2152011776.jpg",
imageAlt: "Abstract legal graphic",
},
id: "1", value: "+500", title: "Asuntos atendidos", description: "Casos exitosos que avalan nuestra capacidad.", imageSrc: "http://img.b2bpic.net/free-photo/team-meeting-with-growth-chart-overlay_23-2152011776.jpg", imageAlt: "Abstract legal graphic"},
{
id: "2",
value: "+15",
title: "Años de experiencia",
description: "Trayectoria sólida en el ámbito legal.",
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599332.jpg",
imageAlt: "Abstract clock graphic",
},
id: "2", value: "+15", title: "Años de experiencia", description: "Trayectoria sólida en el ámbito legal.", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-time-machine_23-2151599332.jpg", imageAlt: "Abstract clock graphic"},
{
id: "3",
value: "98%",
title: "Clientes satisfechos",
description: "Nuestro compromiso se refleja en la lealtad de nuestros clientes.",
imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121336.jpg",
imageAlt: "Abstract satisfaction graphic",
},
id: "3", value: "98%", title: "Clientes satisfechos", description: "Nuestro compromiso se refleja en la lealtad de nuestros clientes.", imageSrc: "http://img.b2bpic.net/free-photo/feedback-results-information-satisfeaction_53876-121336.jpg", imageAlt: "Abstract satisfaction graphic"},
{
id: "4",
value: "24h",
title: "Tiempo de respuesta",
description: "Atención rápida y eficaz para sus consultas.",
imageSrc: "http://img.b2bpic.net/free-photo/white-light-stripes_23-2147798924.jpg",
imageAlt: "Abstract fast response graphic",
},
id: "4", value: "24h", title: "Tiempo de respuesta", description: "Atención rápida y eficaz para sus consultas.", imageSrc: "http://img.b2bpic.net/free-photo/white-light-stripes_23-2147798924.jpg", imageAlt: "Abstract fast response graphic"},
]}
title="La confianza se construye con resultados"
description=""
/>
</div>
@@ -184,59 +124,29 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "corp-law",
title: "Derecho Corporativo",
descriptions: [
"Protección y crecimiento empresarial",
],
imageSrc: "http://img.b2bpic.net/free-photo/contract-fair-agreement-webpage-interface_53876-124785.jpg",
imageAlt: "Corporate law icon",
},
id: "corp-law", title: "Derecho Corporativo", descriptions: [
"Protección y crecimiento empresarial"],
imageSrc: "http://img.b2bpic.net/free-photo/contract-fair-agreement-webpage-interface_53876-124785.jpg", imageAlt: "Corporate law icon"},
{
id: "civil-law",
title: "Derecho Civil",
descriptions: [
"Defensa integral de patrimonio y derechos",
],
imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fists-with-fire-womens-day-celebration_23-2151257695.jpg",
imageAlt: "Civil law icon",
},
id: "civil-law", title: "Derecho Civil", descriptions: [
"Defensa integral de patrimonio y derechos"],
imageSrc: "http://img.b2bpic.net/free-photo/view-purple-fists-with-fire-womens-day-celebration_23-2151257695.jpg", imageAlt: "Civil law icon"},
{
id: "mercantile-law",
title: "Derecho Mercantil",
descriptions: [
"Soluciones estratégicas para negocios",
],
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599250.jpg",
imageAlt: "Mercantile law icon",
},
id: "mercantile-law", title: "Derecho Mercantil", descriptions: [
"Soluciones estratégicas para negocios"],
imageSrc: "http://img.b2bpic.net/free-photo/prism-dispersing-light-concept_23-2148599250.jpg", imageAlt: "Mercantile law icon"},
{
id: "contracts",
title: "Contratos",
descriptions: [
"Prevención y seguridad jurídica",
],
imageSrc: "http://img.b2bpic.net/free-photo/woman-signing-divorce-document_23-2148536099.jpg",
imageAlt: "Contracts icon",
},
id: "contracts", title: "Contratos", descriptions: [
"Prevención y seguridad jurídica"],
imageSrc: "http://img.b2bpic.net/free-photo/woman-signing-divorce-document_23-2148536099.jpg", imageAlt: "Contracts icon"},
{
id: "litigation",
title: "Litigio",
descriptions: [
"Representación sólida ante tribunales",
],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-judges_23-2149443468.jpg",
imageAlt: "Litigation icon",
},
id: "litigation", title: "Litigio", descriptions: [
"Representación sólida ante tribunales"],
imageSrc: "http://img.b2bpic.net/free-photo/top-view-career-guidance-items-judges_23-2149443468.jpg", imageAlt: "Litigation icon"},
{
id: "consulting",
title: "Consultoría",
descriptions: [
"Acompañamiento legal permanente",
],
imageSrc: "http://img.b2bpic.net/free-photo/paper-light-bulb_23-2148519449.jpg",
imageAlt: "Consulting icon",
},
id: "consulting", title: "Consultoría", descriptions: [
"Acompañamiento legal permanente"],
imageSrc: "http://img.b2bpic.net/free-photo/paper-light-bulb_23-2148519449.jpg", imageAlt: "Consulting icon"},
]}
title="Nuestras Áreas de Práctica"
description="Ofrecemos soluciones legales estratégicas y personalizadas para cada necesidad, protegiendo sus intereses con expertise y dedicación."
@@ -261,50 +171,25 @@ export default function LandingPage() {
useInvertedBackground={false}
features={[
{
id: "step-1",
title: "01 Consulta Inicial",
descriptions: [
"Comprendemos sus necesidades y definimos el alcance de su caso.",
],
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gavel-lawyer-s-day-celebration_23-2151023352.jpg",
imageAlt: "Initial consultation icon",
},
id: "step-1", title: "01 Consulta Inicial", descriptions: [
"Comprendemos sus necesidades y definimos el alcance de su caso."],
imageSrc: "http://img.b2bpic.net/free-photo/view-3d-gavel-lawyer-s-day-celebration_23-2151023352.jpg", imageAlt: "Initial consultation icon"},
{
id: "step-2",
title: "02 Análisis Jurídico",
descriptions: [
"Evaluamos a fondo la situación legal, identificando riesgos y oportunidades.",
],
imageSrc: "http://img.b2bpic.net/free-photo/search-icon-front-side-with-white-background_187299-39962.jpg",
imageAlt: "Legal analysis icon",
},
id: "step-2", title: "02 Análisis Jurídico", descriptions: [
"Evaluamos a fondo la situación legal, identificando riesgos y oportunidades."],
imageSrc: "http://img.b2bpic.net/free-photo/search-icon-front-side-with-white-background_187299-39962.jpg", imageAlt: "Legal analysis icon"},
{
id: "step-3",
title: "03 Estrategia",
descriptions: [
"Diseñamos un plan de acción personalizado, innovador y efectivo.",
],
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898138.jpg",
imageAlt: "Strategy icon",
},
id: "step-3", title: "03 Estrategia", descriptions: [
"Diseñamos un plan de acción personalizado, innovador y efectivo."],
imageSrc: "http://img.b2bpic.net/free-photo/colorful-light-prisms-reflection_23-2148898138.jpg", imageAlt: "Strategy icon"},
{
id: "step-4",
title: "04 Implementación",
descriptions: [
"Ejecutamos la estrategia con precisión y diligencia, representándolo firmemente.",
],
imageSrc: "http://img.b2bpic.net/free-photo/target-improvement-challenge-icon-concept_53876-167103.jpg",
imageAlt: "Implementation icon",
},
id: "step-4", title: "04 Implementación", descriptions: [
"Ejecutamos la estrategia con precisión y diligencia, representándolo firmemente."],
imageSrc: "http://img.b2bpic.net/free-photo/target-improvement-challenge-icon-concept_53876-167103.jpg", imageAlt: "Implementation icon"},
{
id: "step-5",
title: "05 Resultados",
descriptions: [
"Trabajamos para alcanzar las metas establecidas, asegurando su tranquilidad y éxito.",
],
imageSrc: "http://img.b2bpic.net/free-photo/need-lawyer-advertisement_23-2147984110.jpg",
imageAlt: "Results icon",
},
id: "step-5", title: "05 Resultados", descriptions: [
"Trabajamos para alcanzar las metas establecidas, asegurando su tranquilidad y éxito."],
imageSrc: "http://img.b2bpic.net/free-photo/need-lawyer-advertisement_23-2147984110.jpg", imageAlt: "Results icon"},
]}
title="Nuestro Proceso de Éxito"
description="Cada etapa de nuestro proceso legal está diseñada para ofrecerle claridad, seguridad y resultados óptimos, guiándolo con confianza hacia sus objetivos."
@@ -319,64 +204,28 @@ export default function LandingPage() {
carouselMode="auto"
testimonials={[
{
id: "1",
name: "Mariana Gómez",
role: "Directora General",
company: "Grupo Empresarial Fénix",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900135.jpg",
imageAlt: "Portrait of Mariana Gómez",
},
id: "1", name: "Mariana Gómez", role: "Directora General", company: "Grupo Empresarial Fénix", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-composition-with-modern-style_23-2147900135.jpg", imageAlt: "Portrait of Mariana Gómez"},
{
id: "2",
name: "Javier Roldán",
role: "CEO",
company: "Inversiones Capital",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-young-girl-sitting-cafe_1157-20844.jpg",
imageAlt: "Portrait of Javier Roldán",
},
id: "2", name: "Javier Roldán", role: "CEO", company: "Inversiones Capital", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/fashion-young-girl-sitting-cafe_1157-20844.jpg", imageAlt: "Portrait of Javier Roldán"},
{
id: "3",
name: "Sofía Vargas",
role: "Empresaria",
company: "Vargas & Asociados",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2834.jpg",
imageAlt: "Portrait of Sofía Vargas",
},
id: "3", name: "Sofía Vargas", role: "Empresaria", company: "Vargas & Asociados", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/expressive-middle-aged-woman-posing_344912-2834.jpg", imageAlt: "Portrait of Sofía Vargas"},
{
id: "4",
name: "Arturo Díaz",
role: "Inversionista Privado",
company: "Díaz Wealth Management",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg",
imageAlt: "Portrait of Arturo Díaz",
},
id: "4", name: "Arturo Díaz", role: "Inversionista Privado", company: "Díaz Wealth Management", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/young-gymnast-training-competition_23-2149334432.jpg", imageAlt: "Portrait of Arturo Díaz"},
{
id: "5",
name: "Elena Morales",
role: "Gerente Legal",
company: "Constructora Sol",
rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-15137.jpg",
imageAlt: "Portrait of Elena Morales",
},
id: "5", name: "Elena Morales", role: "Gerente Legal", company: "Constructora Sol", rating: 5,
imageSrc: "http://img.b2bpic.net/free-photo/business-people-meeting_53876-15137.jpg", imageAlt: "Portrait of Elena Morales"},
]}
kpiItems={[
{
value: "5 Estrellas",
label: "Calificación Promedio",
},
value: "5 Estrellas", label: "Calificación Promedio"},
{
value: "98%",
label: "Tasa de Éxito",
},
value: "98%", label: "Tasa de Éxito"},
{
value: "+1000",
label: "Casos Resueltos",
},
value: "+1000", label: "Casos Resueltos"},
]}
title="La voz de nuestros clientes"
description="La satisfacción de quienes confían en nosotros es nuestro mayor testimonio de excelencia y compromiso."
@@ -387,16 +236,13 @@ export default function LandingPage() {
<ContactCTA
useInvertedBackground={false}
background={{
variant: "sparkles-gradient",
}}
variant: "sparkles-gradient"}}
tag="Contáctenos"
title="Hablemos de su tranquilidad legal"
description="Complete el siguiente formulario con su Nombre, Correo, Teléfono, Asunto y Mensaje para agendar una consulta personalizada. Nos pondremos en contacto a la brevedad. También puede visitarnos en nuestra oficina en Avenida 39 Poniente 317, Gabriel Pastor 1ra Sección, Puebla, México, o llamarnos directamente al (222) 237 4229."
buttons={[
{
text: "Hablar con un abogado",
href: "mailto:contacto@masociados.com",
},
text: "Hablar con un abogado", href: "mailto:contacto@masociados.com"},
]}
/>
</div>
@@ -408,50 +254,31 @@ export default function LandingPage() {
logoText="Strategic Legal Excellence"
columns={[
{
title: "Navegación",
items: [
title: "Navegación", items: [
{
label: "Inicio",
href: "#hero",
},
label: "Inicio", href: "#hero"},
{
label: "Servicios",
href: "#practice-areas",
},
label: "Servicios", href: "#practice-areas"},
{
label: "Nosotros",
href: "#why-choose-us",
},
label: "Nosotros", href: "#why-choose-us"},
{
label: "Contacto",
href: "#contact",
},
label: "Contacto", href: "#contact"},
],
},
{
title: "Contacto",
items: [
title: "Contacto", items: [
{
label: "Avenida 39 Poniente 317, Gabriel Pastor 1ra Sección, Puebla, México",
href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere",
},
label: "Avenida 39 Poniente 317, Gabriel Pastor 1ra Sección, Puebla, México", href: "https://maps.app.goo.gl/YourGoogleMapsLinkHere"},
{
label: "(222) 237 4229",
href: "tel:+522222374229",
},
label: "(222) 237 4229", href: "tel:+522222374229"},
],
},
{
title: "Legal",
items: [
title: "Legal", items: [
{
label: "Aviso de Privacidad",
href: "#",
},
label: "Aviso de Privacidad", href: "#"},
{
label: "Términos y Condiciones",
href: "#",
},
label: "Términos y Condiciones", href: "#"},
],
},
]}