Merge version_1_1781365587745 into main #2

Merged
bender merged 1 commits from version_1_1781365587745 into main 2026-06-13 15:47:57 +00:00

View File

@@ -14,307 +14,164 @@ import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
export default function HomePage() {
return (
<>
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<div id="hero" data-section="hero">
<SectionErrorBoundary name="hero">
<HeroBillboardTiltedCarousel
tag="Más de 90 años de trayectoria"
title="Transforma tu futuro en la USMA"
description="Excelencia académica, innovación y oportunidades globales para construir tu futuro profesional."
primaryButton={{
text: "Aplicar Ahora",
href: "#contacto",
}}
secondaryButton={{
text: "Explorar Carreras",
href: "#carreras",
}}
items={[
{
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004788.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-executives-seminar_1098-4093.jpg?_wi=1",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-protective-glasses-doing-experiments-with-electricity-laboratory_1268-23398.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/decorative-wood-background-wall_1417-1944.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-friends-playing-basketball_23-2150209903.jpg",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-company-friends-sitting-park-man-women-having-fun-together-traveling-with-camera-talking-smiling_285396-8665.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Más de 90 años de trayectoria"
title="Transforma tu futuro en la USMA"
description="Excelencia académica, innovación y oportunidades globales para construir tu futuro profesional."
primaryButton={{ text: "Aplicar Ahora", href: "#contacto" }}
secondaryButton={{ text: "Explorar Carreras", href: "#carreras" }}
items={[
{ imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004788.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-executives-seminar_1098-4093.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-protective-glasses-doing-experiments-with-electricity-laboratory_1268-23398.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/decorative-wood-background-wall_1417-1944.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-female-friends-playing-basketball_23-2150209903.jpg" },
{ imageSrc: "http://img.b2bpic.net/free-photo/happy-young-company-friends-sitting-park-man-women-having-fun-together-traveling-with-camera-talking-smiling_285396-8665.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="carreras" data-section="carreras">
<SectionErrorBoundary name="carreras">
<div id="carreras" data-section="carreras">
<SectionErrorBoundary name="carreras">
<FeaturesRevealCardsBento
tag="Admisiones"
title="¿Qué te gustaría estudiar?"
description="Explora nuestra oferta académica de clase mundial."
items={[
{
title: "Negocios y Logística",
description: "Lidera el sector logístico global.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/curious-business-people-using-modern-device_1262-3760.jpg",
},
{
title: "Ingeniería",
description: "Innovación tecnológica avanzada.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-protective-glasses-doing-experiments-robotics-laboratory-robot_1268-23400.jpg",
},
{
title: "Derecho",
description: "Formación jurídica ética.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/empty-university-library-students-work-school-assignments_482257-126907.jpg",
},
{
title: "Arquitectura",
description: "Diseña las ciudades del futuro.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/student-reading-book-steps_23-2147679204.jpg",
},
{
title: "Salud",
description: "Ciencias de la salud humana.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-meeting-up-study_23-2149064603.jpg",
},
{
title: "Educación",
description: "Formando a futuros docentes.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/group-cleaning-workers-collecting-trash-outdoors_1262-21049.jpg",
},
{
title: "Humanidades",
description: "Cultura y pensamiento crítico.",
href: "#",
imageSrc: "http://img.b2bpic.net/free-photo/students-rehashing-theater-class_23-2150960327.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Admisiones"
title="¿Qué te gustaría estudiar?"
description="Explora nuestra oferta académica de clase mundial."
items={[
{ title: "Negocios y Logística", description: "Lidera el sector logístico global.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/curious-business-people-using-modern-device_1262-3760.jpg" },
{ title: "Ingeniería", description: "Innovación tecnológica avanzada.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-man-woman-protective-glasses-doing-experiments-robotics-laboratory-robot_1268-23400.jpg" },
{ title: "Derecho", description: "Formación jurídica ética.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/empty-university-library-students-work-school-assignments_482257-126907.jpg" },
{ title: "Arquitectura", description: "Diseña las ciudades del futuro.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/student-reading-book-steps_23-2147679204.jpg" },
{ title: "Salud", description: "Ciencias de la salud humana.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-meeting-up-study_23-2149064603.jpg" },
{ title: "Educación", description: "Formando a futuros docentes.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/group-cleaning-workers-collecting-trash-outdoors_1262-21049.jpg" },
{ title: "Humanidades", description: "Cultura y pensamiento crítico.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/students-rehashing-theater-class_23-2150960327.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="facultades" data-section="facultades">
<SectionErrorBoundary name="facultades">
<div id="facultades" data-section="facultades">
<SectionErrorBoundary name="facultades">
<AboutTextSplit
title="Nuestras Facultades"
descriptions={[
"Contamos con facultades diseñadas para integrar la práctica profesional con la investigación académica. Cada espacio está equipado con tecnología de vanguardia para garantizar tu éxito.",
"Nuestro cuerpo docente está compuesto por expertos líderes en sus áreas que te guiarán en tu camino al éxito profesional.",
]}
/>
</SectionErrorBoundary>
</div>
title="Nuestras Facultades"
descriptions={[
"Contamos con facultades diseñadas para integrar la práctica profesional con la investigación académica. Cada espacio está equipado con tecnología de vanguardia para garantizar tu éxito.", "Nuestro cuerpo docente está compuesto por expertos líderes en sus áreas que te guiarán en tu camino al éxito profesional."
]}
/>
</SectionErrorBoundary>
</div>
<div id="why-usma" data-section="why-usma">
<SectionErrorBoundary name="why-usma">
<div id="why-usma" data-section="why-usma">
<SectionErrorBoundary name="why-usma">
<FeaturesBento
tag="Ventajas Competitivas"
title="¿Por qué estudiar en la USMA?"
description="La combinación perfecta entre rigor académico y experiencia práctica."
features={[
{
title: "Programas Acreditados",
description: "Calidad académica validada a nivel internacional.",
bentoComponent: "info-card-marquee",
infoCards: [
{
icon: Award,
label: "Acreditación",
value: "100%",
},
],
imageSrc: "http://img.b2bpic.net/free-photo/serious-young-blonde-lady-outdoors-with-eyes-closed_171337-19398.jpg",
imageAlt: "Serious young blonde lady outdoors with eyes closed.",
},
{
title: "Red Global",
description: "Convenios con las mejores universidades del mundo.",
bentoComponent: "orbiting-icons",
centerIcon: Globe,
orbitIcons: [
"Plane",
"Book",
"Users",
],
imageSrc: "http://img.b2bpic.net/free-photo/neo-brutalism-inspired-building_23-2151004788.jpg?_wi=2",
imageAlt: "Serious young blonde lady outdoors with eyes closed.",
},
{
title: "Alta Empleabilidad",
description: "Nuestros egresados son altamente buscados por empresas líderes.",
bentoComponent: "animated-bar-chart",
imageSrc: "http://img.b2bpic.net/free-photo/happy-executives-seminar_1098-4093.jpg?_wi=2",
imageAlt: "Serious young blonde lady outdoors with eyes closed.",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Ventajas Competitivas"
title="¿Por qué estudiar en la USMA?"
description="La combinación perfecta entre rigor académico y experiencia práctica."
features={[
{
title: "Programas Acreditados", description: "Calidad académica validada a nivel internacional.", bentoComponent: "info-card-marquee", infoCards: [{ icon: "Award", label: "Acreditación", value: "100%" }]
},
{
title: "Red Global", description: "Convenios con las mejores universidades del mundo.", bentoComponent: "orbiting-icons", centerIcon: "Globe", orbitIcons: ["Plane", "Book", "Users"]
},
{
title: "Alta Empleabilidad", description: "Nuestros egresados son altamente buscados por empresas líderes.", bentoComponent: "animated-bar-chart"
}
]}
/>
</SectionErrorBoundary>
</div>
<div id="estadisticas" data-section="estadisticas">
<SectionErrorBoundary name="estadisticas">
<div id="estadisticas" data-section="estadisticas">
<SectionErrorBoundary name="estadisticas">
<MetricsSimpleCards
tag="Impacto"
title="Nuestra Trayectoria"
description="Cifras que respaldan nuestro compromiso con la excelencia educativa."
metrics={[
{
value: "90+",
description: "Años de excelencia",
},
{
value: "15k+",
description: "Estudiantes Graduados",
},
{
value: "120+",
description: "Convenios Internacionales",
},
{
value: "95%",
description: "Empleabilidad",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Impacto"
title="Nuestra Trayectoria"
description="Cifras que respaldan nuestro compromiso con la excelencia educativa."
metrics={[
{ value: "90+", description: "Años de excelencia" },
{ value: "15k+", description: "Estudiantes Graduados" },
{ value: "120+", description: "Convenios Internacionales" },
{ value: "95%", description: "Empleabilidad" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="testimonios" data-section="testimonios">
<SectionErrorBoundary name="testimonios">
<div id="testimonios" data-section="testimonios">
<SectionErrorBoundary name="testimonios">
<TestimonialQuoteCards
tag="Historias"
title="Voces USMA"
description="Nuestros egresados son nuestra mejor carta de presentación."
testimonials={[
{
name: "Ana García",
role: "Ingeniera",
quote: "La USMA me dio las herramientas prácticas que necesitaba para triunfar en mi carrera profesional.",
imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-woman_23-2148201911.jpg",
},
{
name: "Carlos Ruiz",
role: "CEO",
quote: "Mi formación en la USMA fue clave para desarrollar mi visión de negocios y liderazgo global.",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-indian-graduate-graduation-robe-university-campus_496169-1334.jpg",
},
{
name: "Elena Paz",
role: "Arquitecta",
quote: "Excelente ambiente académico y convenios internacionales que marcaron mi futuro.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-graduate-girl-graduation-robe-shows-ok-sign-smiling-camera_496169-1324.jpg",
},
{
name: "David Soto",
role: "Docente",
quote: "La calidad humana y académica de los profesores es inigualable en todo el país.",
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-graduate-smiling-looking-camera-sitting-white-surface_176420-17015.jpg",
},
{
name: "Sofía Chen",
role: "Abogada",
quote: "La USMA es prestigio y excelencia. Totalmente recomendada.",
imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-woman_23-2148201848.jpg",
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Historias"
title="Voces USMA"
description="Nuestros egresados son nuestra mejor carta de presentación."
testimonials={[
{ name: "Ana García", role: "Ingeniera", quote: "La USMA me dio las herramientas prácticas que necesitaba para triunfar en mi carrera profesional.", imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-woman_23-2148201911.jpg" },
{ name: "Carlos Ruiz", role: "CEO", quote: "Mi formación en la USMA fue clave para desarrollar mi visión de negocios y liderazgo global.", imageSrc: "http://img.b2bpic.net/free-photo/portrait-indian-graduate-graduation-robe-university-campus_496169-1334.jpg" },
{ name: "Elena Paz", role: "Arquitecta", quote: "Excelente ambiente académico y convenios internacionales que marcaron mi futuro.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-graduate-girl-graduation-robe-shows-ok-sign-smiling-camera_496169-1324.jpg" },
{ name: "David Soto", role: "Docente", quote: "La calidad humana y académica de los profesores es inigualable en todo el país.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-female-graduate-smiling-looking-camera-sitting-white-surface_176420-17015.jpg" },
{ name: "Sofía Chen", role: "Abogada", quote: "La USMA es prestigio y excelencia. Totalmente recomendada.", imageSrc: "http://img.b2bpic.net/free-photo/graduation-concept-with-portrait-happy-woman_23-2148201848.jpg" }
]}
/>
</SectionErrorBoundary>
</div>
<div id="vida" data-section="vida">
<SectionErrorBoundary name="vida">
<div id="vida" data-section="vida">
<SectionErrorBoundary name="vida">
<SocialProofMarquee
tag="Vida"
title="Vida Universitaria"
description="Más que un aula, una experiencia que recordarás toda la vida."
names={[
"Deportes",
"Investigación",
"Voluntariado",
"Eventos Académicos",
"Cultura",
"Internacionalización",
]}
/>
</SectionErrorBoundary>
</div>
tag="Vida"
title="Vida Universitaria"
description="Más que un aula, una experiencia que recordarás toda la vida."
names={["Deportes", "Investigación", "Voluntariado", "Eventos Académicos", "Cultura", "Internacionalización"]}
/>
</SectionErrorBoundary>
</div>
<div id="admision" data-section="admision">
<SectionErrorBoundary name="admision">
<div id="admision" data-section="admision">
<SectionErrorBoundary name="admision">
<FaqTabbedAccordion
tag="Proceso"
title="Pasos para tu Admisión"
description="Inicia tu experiencia universitaria hoy mismo."
categories={[
{
name: "Admisiones",
items: [
{
question: "1. Explora",
answer: "Visita nuestro buscador de carreras.",
},
{
question: "2. Solicitud",
answer: "Completa el formulario en línea.",
},
{
question: "3. Requisitos",
answer: "Presenta tu documentación académica.",
},
{
question: "4. Inicio",
answer: "Comienza tu formación USMA.",
},
],
},
]}
/>
</SectionErrorBoundary>
</div>
tag="Proceso"
title="Pasos para tu Admisión"
description="Inicia tu experiencia universitaria hoy mismo."
categories={[
{ name: "Admisiones", items: [
{ question: "1. Explora", answer: "Visita nuestro buscador de carreras." },
{ question: "2. Solicitud", answer: "Completa el formulario en línea." },
{ question: "3. Requisitos", answer: "Presenta tu documentación académica." },
{ question: "4. Inicio", answer: "Comienza tu formación USMA." }
]}
]}
/>
</SectionErrorBoundary>
</div>
<div id="noticias" data-section="noticias">
<SectionErrorBoundary name="noticias">
<div id="noticias" data-section="noticias">
<SectionErrorBoundary name="noticias">
<BlogArticle
category="Eventos"
title="Próximos Eventos y Noticias"
excerpt="Mantente informado sobre la vida académica en nuestra institución."
content="Aquí encontrarás las últimas actualizaciones, conferencias y eventos deportivos."
imageSrc="http://img.b2bpic.net/free-photo/sport-stadium_1127-2131.jpg"
authorName="USMA Noticias"
date="2024-05-20"
/>
</SectionErrorBoundary>
</div>
category="Eventos"
title="Próximos Eventos y Noticias"
excerpt="Mantente informado sobre la vida académica en nuestra institución."
content="Aquí encontrarás las últimas actualizaciones, conferencias y eventos deportivos."
imageSrc="http://img.b2bpic.net/free-photo/sport-stadium_1127-2131.jpg"
authorName="USMA Noticias"
authorImageSrc="http://img.b2bpic.net/free-photo/young-female-student-wearing-graduation-gown-sitting-chair-pink-wall_114579-67108.jpg"
date="2024-05-20"
/>
</SectionErrorBoundary>
</div>
<div id="contacto" data-section="contacto">
<SectionErrorBoundary name="contacto">
<div id="contacto" data-section="contacto">
<SectionErrorBoundary name="contacto">
<ContactCta
tag="Contacto"
text="¿Tienes dudas sobre tu futuro? Contáctanos hoy."
primaryButton={{
text: "WhatsApp",
href: "https://wa.me/5070000000",
}}
secondaryButton={{
text: "Formulario",
href: "#",
}}
/>
</SectionErrorBoundary>
</div>
tag="Contacto"
text="¿Tienes dudas sobre tu futuro? Contáctanos hoy."
primaryButton={{ text: "WhatsApp", href: "https://wa.me/5070000000" }}
secondaryButton={{ text: "Formulario", href: "#" }}
/>
</SectionErrorBoundary>
</div>
</>
);
}