Merge version_1_1781365767082 into main #1
@@ -11,240 +11,153 @@ 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">
|
||||
<HeroBrand
|
||||
brand="Tu futuro comienza aquí."
|
||||
description="Más de 60 años formando líderes con excelencia académica, valores y visión global."
|
||||
primaryButton={{
|
||||
text: "Conoce nuestras carreras",
|
||||
href: "#carreras",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "Solicita admisión",
|
||||
href: "#contacto",
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-three-businesswomen-working-office_23-2147955149.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
brand="Tu futuro comienza aquí."
|
||||
description="Más de 60 años formando líderes con excelencia académica, valores y visión global."
|
||||
primaryButton={{
|
||||
text: "Conoce nuestras carreras", href: "#carreras"}}
|
||||
secondaryButton={{
|
||||
text: "Solicita admisión", href: "#contacto"}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/group-three-businesswomen-working-office_23-2147955149.jpg"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Excelencia Académica y Formación Humana al Servicio de Panamá"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
title="Excelencia Académica y Formación Humana al Servicio de Panamá"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<div id="features" data-section="features">
|
||||
<SectionErrorBoundary name="features">
|
||||
<FeaturesRevealCards
|
||||
tag="USMA Innova"
|
||||
title="Pilares de la Experiencia USMA"
|
||||
description="Formación integral para el profesional del siglo XXI."
|
||||
items={[
|
||||
{
|
||||
title: "Excelencia",
|
||||
description: "Formación de clase mundial basada en valores católicos.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept-space-text_185193-109726.jpg",
|
||||
},
|
||||
{
|
||||
title: "Innovación",
|
||||
description: "Laboratorios de vanguardia y tecnología aplicada.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906164.jpg",
|
||||
},
|
||||
{
|
||||
title: "Visión Global",
|
||||
description: "Convenios con universidades internacionales líderes.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-front-their-college_23-2149038477.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="USMA Innova"
|
||||
title="Pilares de la Experiencia USMA"
|
||||
description="Formación integral para el profesional del siglo XXI."
|
||||
items={[
|
||||
{
|
||||
title: "Excelencia", description: "Formación de clase mundial basada en valores católicos.", imageSrc: "http://img.b2bpic.net/free-photo/graduation-high-school-university-concept-space-text_185193-109726.jpg"},
|
||||
{
|
||||
title: "Innovación", description: "Laboratorios de vanguardia y tecnología aplicada.", imageSrc: "http://img.b2bpic.net/free-photo/view-futuristic-classroom-students_23-2150906164.jpg"},
|
||||
{
|
||||
title: "Visión Global", description: "Convenios con universidades internacionales líderes.", imageSrc: "http://img.b2bpic.net/free-photo/colleagues-studying-together-front-their-college_23-2149038477.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="stats" data-section="stats">
|
||||
<SectionErrorBoundary name="stats">
|
||||
<div id="stats" data-section="stats">
|
||||
<SectionErrorBoundary name="stats">
|
||||
<MetricsSimpleCards
|
||||
tag="USMA en números"
|
||||
title="Impacto y Prestigio"
|
||||
description="Resultados que respaldan nuestra trayectoria."
|
||||
metrics={[
|
||||
{
|
||||
value: "60+",
|
||||
description: "Años de trayectoria",
|
||||
},
|
||||
{
|
||||
unexpected: "100+",
|
||||
description: "Convenios Internacionales",
|
||||
},
|
||||
{
|
||||
value: "95%",
|
||||
description: "Tasa de empleabilidad",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="USMA en números"
|
||||
title="Impacto y Prestigio"
|
||||
description="Resultados que respaldan nuestra trayectoria."
|
||||
metrics={[
|
||||
{
|
||||
value: "60+", description: "Años de trayectoria"},
|
||||
{
|
||||
value: "100+", description: "Convenios Internacionales"},
|
||||
{
|
||||
value: "95%", description: "Tasa de empleabilidad"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="carreras" data-section="carreras">
|
||||
<SectionErrorBoundary name="carreras">
|
||||
<div id="carreras" data-section="carreras">
|
||||
<SectionErrorBoundary name="carreras">
|
||||
<FeaturesRevealCardsBento
|
||||
tag="Facultades"
|
||||
title="Nuestras Carreras Destacadas"
|
||||
description="Explora tu vocación en nuestras 7 facultades."
|
||||
items={[
|
||||
{
|
||||
title: "Ingeniería",
|
||||
description: "Tecnología de punta.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portal-beautiful-neon-lights-with-glowing-orange-lines-tunnel_181624-17253.jpg",
|
||||
},
|
||||
{
|
||||
title: "Negocios",
|
||||
description: "Liderazgo empresarial.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906278.jpg",
|
||||
},
|
||||
{
|
||||
title: "Derecho",
|
||||
description: "Ética y justicia.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/colorful-globe-blue-books-wooden-table_23-2148207651.jpg",
|
||||
},
|
||||
{
|
||||
title: "Diseño",
|
||||
description: "Creatividad digital.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/buttons-with-certificates-awards_1308-86058.jpg",
|
||||
},
|
||||
{
|
||||
title: "Salud",
|
||||
description: "Compromiso humano.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906310.jpg",
|
||||
},
|
||||
{
|
||||
title: "Arquitectura",
|
||||
description: "Diseño urbano.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-with-social-media-addiction_23-2149324635.jpg",
|
||||
},
|
||||
{
|
||||
title: "Comunicación",
|
||||
description: "Impacto mediático.",
|
||||
href: "#",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/best-offer-golden-laurel-wreath-label-with-crown-stars-royal-luxury-award-best-busines_384344-1659.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Facultades"
|
||||
title="Nuestras Carreras Destacadas"
|
||||
description="Explora tu vocación en nuestras 7 facultades."
|
||||
items={[
|
||||
{
|
||||
title: "Ingeniería", description: "Tecnología de punta.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/portal-beautiful-neon-lights-with-glowing-orange-lines-tunnel_181624-17253.jpg"},
|
||||
{
|
||||
title: "Negocios", description: "Liderazgo empresarial.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/innovative-futuristic-classroom-students_23-2150906278.jpg"},
|
||||
{
|
||||
title: "Derecho", description: "Ética y justicia.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/colorful-globe-blue-books-wooden-table_23-2148207651.jpg"},
|
||||
{
|
||||
title: "Diseño", description: "Creatividad digital.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/buttons-with-certificates-awards_1308-86058.jpg"},
|
||||
{
|
||||
title: "Salud", description: "Compromiso humano.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906310.jpg"},
|
||||
{
|
||||
title: "Arquitectura", description: "Diseño urbano.", href: "#", imageSrc: "http://img.b2bpic.net/free-photo/young-adults-with-social-media-addiction_23-2149324635.jpg"},
|
||||
{
|
||||
title: "Comunicación", description: "Impacto mediático.", href: "#", imageSrc: "http://img.b2bpic.net/free-vector/best-offer-golden-laurel-wreath-label-with-crown-stars-royal-luxury-award-best-busines_384344-1659.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<div id="pricing" data-section="pricing">
|
||||
<SectionErrorBoundary name="pricing">
|
||||
<PricingCenteredCards
|
||||
tag="Admisiones"
|
||||
title="Inicia tu Proceso"
|
||||
description="Opciones financieras para tu crecimiento."
|
||||
plans={[
|
||||
{
|
||||
tag: "Admisión",
|
||||
price: "Matrícula",
|
||||
description: "Inversión en tu futuro.",
|
||||
features: [
|
||||
"Becas Disponibles",
|
||||
"Financiamiento IFARHU",
|
||||
"Descuentos por Mérito",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Ver Costos",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
{
|
||||
tag: "Becas",
|
||||
price: "Programa",
|
||||
description: "Talento apoyado.",
|
||||
features: [
|
||||
"Beca Excelencia",
|
||||
"Beca Deportiva",
|
||||
"Ayuda Financiera",
|
||||
],
|
||||
primaryButton: {
|
||||
text: "Postularme",
|
||||
href: "#",
|
||||
},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Admisiones"
|
||||
title="Inicia tu Proceso"
|
||||
description="Opciones financieras para tu crecimiento."
|
||||
plans={[
|
||||
{
|
||||
tag: "Admisión", price: "Matrícula", description: "Inversión en tu futuro.", features: [
|
||||
"Becas Disponibles", "Financiamiento IFARHU", "Descuentos por Mérito"],
|
||||
primaryButton: {
|
||||
text: "Ver Costos", href: "#"},
|
||||
},
|
||||
{
|
||||
tag: "Becas", price: "Programa", description: "Talento apoyado.", features: [
|
||||
"Beca Excelencia", "Beca Deportiva", "Ayuda Financiera"],
|
||||
primaryButton: {
|
||||
text: "Postularme", href: "#"},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<SectionErrorBoundary name="testimonials">
|
||||
<TestimonialMarqueeOverlayCards
|
||||
tag="Comunidad"
|
||||
title="Experiencia USMA"
|
||||
description="Lo que dicen nuestros estudiantes."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana R.",
|
||||
role: "Estudiante",
|
||||
company: "Ingeniería",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-glad-female-smiles-gently-has-hiking-tour-with-rucksack_273609-25972.jpg",
|
||||
},
|
||||
{
|
||||
name: "Juan M.",
|
||||
role: "Egresado",
|
||||
company: "Negocios",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg",
|
||||
},
|
||||
{
|
||||
name: "María D.",
|
||||
role: "Estudiante",
|
||||
company: "Derecho",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-student-man-notebook_1149-1788.jpg",
|
||||
},
|
||||
{
|
||||
name: "Pedro L.",
|
||||
role: "Egresado",
|
||||
company: "Arquitectura",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12453.jpg",
|
||||
},
|
||||
{
|
||||
name: "Lucía P.",
|
||||
role: "Estudiante",
|
||||
company: "Diseño",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Comunidad"
|
||||
title="Experiencia USMA"
|
||||
description="Lo que dicen nuestros estudiantes."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Ana R.", role: "Estudiante", company: "Ingeniería", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cropped-image-glad-female-smiles-gently-has-hiking-tour-with-rucksack_273609-25972.jpg"},
|
||||
{
|
||||
name: "Juan M.", role: "Egresado", company: "Negocios", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-woman-library_23-2149204737.jpg"},
|
||||
{
|
||||
name: "María D.", role: "Estudiante", company: "Derecho", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cool-student-man-notebook_1149-1788.jpg"},
|
||||
{
|
||||
name: "Pedro L.", role: "Egresado", company: "Arquitectura", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-african-beautiful-woman-student-smiling-holding-books-university-education-concept_176420-12453.jpg"},
|
||||
{
|
||||
name: "Lucía P.", role: "Estudiante", company: "Diseño", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-man-travelling-by-city-bus_23-2148958101.jpg"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<div id="contacto" data-section="contacto">
|
||||
<SectionErrorBoundary name="contacto">
|
||||
<div id="contacto" data-section="contacto">
|
||||
<SectionErrorBoundary name="contacto">
|
||||
<ContactCta
|
||||
tag="Contacto"
|
||||
text="Estamos listos para orientarte. Agenda una visita al campus."
|
||||
primaryButton={{
|
||||
text: "Agenda tu visita",
|
||||
href: "#",
|
||||
}}
|
||||
secondaryButton={{
|
||||
text: "USMA Asiste (IA)",
|
||||
href: "#",
|
||||
}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
tag="Contacto"
|
||||
text="Estamos listos para orientarte. Agenda una visita al campus."
|
||||
primaryButton={{
|
||||
text: "Agenda tu visita", href: "#"}}
|
||||
secondaryButton={{
|
||||
text: "USMA Asiste (IA)", href: "#"}}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user