Switch to version 1: modified src/pages/HomePage.tsx
This commit is contained in:
@@ -1,36 +1,163 @@
|
||||
// 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.
|
||||
import AboutText from '@/components/sections/about/AboutText';
|
||||
import ContactCta from '@/components/sections/contact/ContactCta';
|
||||
import FeaturesRevealCards from '@/components/sections/features/FeaturesRevealCards';
|
||||
import FeaturesRevealCardsBento from '@/components/sections/features/FeaturesRevealCardsBento';
|
||||
import HeroBrand from '@/components/sections/hero/HeroBrand';
|
||||
import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
|
||||
import PricingCenteredCards from '@/components/sections/pricing/PricingCenteredCards';
|
||||
import TestimonialMarqueeOverlayCards from '@/components/sections/testimonial/TestimonialMarqueeOverlayCards';
|
||||
import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
|
||||
|
||||
import React from 'react';
|
||||
import HeroSection from './HomePage/sections/Hero';
|
||||
import AboutSection from './HomePage/sections/About';
|
||||
import FeaturesSection from './HomePage/sections/Features';
|
||||
import StatsSection from './HomePage/sections/Stats';
|
||||
import CarrerasSection from './HomePage/sections/Carreras';
|
||||
import PricingSection from './HomePage/sections/Pricing';
|
||||
import TestimonialsSection from './HomePage/sections/Testimonials';
|
||||
import ContactoSection from './HomePage/sections/Contacto';
|
||||
|
||||
export default function HomePage(): React.JSX.Element {
|
||||
export default function HomePage() {
|
||||
return (
|
||||
<>
|
||||
<HeroSection />
|
||||
<>
|
||||
<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>
|
||||
|
||||
<AboutSection />
|
||||
<div id="about" data-section="about">
|
||||
<SectionErrorBoundary name="about">
|
||||
<AboutText
|
||||
title="Excelencia Académica y Formación Humana al Servicio de Panamá"
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<FeaturesSection />
|
||||
<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>
|
||||
|
||||
<StatsSection />
|
||||
<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"},
|
||||
{
|
||||
value: "100+", description: "Convenios Internacionales"},
|
||||
{
|
||||
value: "95%", description: "Tasa de empleabilidad"},
|
||||
]}
|
||||
/>
|
||||
</SectionErrorBoundary>
|
||||
</div>
|
||||
|
||||
<CarrerasSection />
|
||||
<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>
|
||||
|
||||
<PricingSection />
|
||||
<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>
|
||||
|
||||
<TestimonialsSection />
|
||||
<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>
|
||||
|
||||
<ContactoSection />
|
||||
<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>
|
||||
</>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user