Update src/app/page.tsx
This commit is contained in:
361
src/app/page.tsx
361
src/app/page.tsx
@@ -26,261 +26,126 @@ export default function LandingPage() {
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Inicio",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Nosotros",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Niveles",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Inscripción",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="JOMAR"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Inicio", id: "hero" },
|
||||
{ name: "Nosotros", id: "about" },
|
||||
{ name: "Niveles", id: "features" },
|
||||
{ name: "Inscripción", id: "contact" },
|
||||
]}
|
||||
brandName="JOMAR"
|
||||
button={{ text: "Contactar", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Excelencia Académica en JOMAR"
|
||||
description="Transformamos el futuro de nuestros estudiantes con un sistema moderno, eficiente y diseñado para el éxito educativo actual."
|
||||
buttons={[
|
||||
{
|
||||
text: "Inscribirse ahora",
|
||||
href: "#contact",
|
||||
},
|
||||
{
|
||||
text: "Ver niveles",
|
||||
href: "#features",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/modern-educational-atmosphere-library-di-1774811841610-a7a0be65.png?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21894.jpg",
|
||||
alt: "Estudiante 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/vertical-portrait-attractive-caucasian-girl-jacket-standing-university-library-with-worksheets-books-smiling-happy-look-away-dreamy-studying-project-courses-pose-hall_197531-30586.jpg",
|
||||
alt: "Estudiante 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-talking-phone-while-standing-outdoors-street-business-concept_58466-11845.jpg",
|
||||
alt: "Estudiante 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-sitting-library-with-her-laptop_273609-12726.jpg",
|
||||
alt: "Estudiante 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21894.jpg",
|
||||
alt: "Estudiante 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Más de 5,000 alumnos transformando su futuro."
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Excelencia Académica",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Innovación Digital",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Liderazgo Educativo",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Formación Integral",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Tecnología de Punta",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboard
|
||||
background={{ variant: "plain" }}
|
||||
title="Excelencia Académica en JOMAR"
|
||||
description="Transformamos el futuro de nuestros estudiantes con un sistema moderno, eficiente y diseñado para el éxito educativo actual."
|
||||
buttons={[
|
||||
{ text: "Inscribirse ahora", href: "#contact" },
|
||||
{ text: "Ver niveles", href: "#features" },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/modern-educational-atmosphere-library-di-1774811841610-a7a0be65.png"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21894.jpg", alt: "Estudiante 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/vertical-portrait-attractive-caucasian-girl-jacket-standing-university-library-with-worksheets-books-smiling-happy-look-away-dreamy-studying-project-courses-pose-hall_197531-30586.jpg", alt: "Estudiante 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-talking-phone-while-standing-outdoors-street-business-concept_58466-11845.jpg", alt: "Estudiante 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/woman-sitting-library-with-her-laptop_273609-12726.jpg", alt: "Estudiante 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21894.jpg", alt: "Estudiante 5" },
|
||||
]}
|
||||
avatarText="Más de 5,000 alumnos transformando su futuro."
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Excelencia Académica" },
|
||||
{ type: "text", text: "Innovación Digital" },
|
||||
{ type: "text", text: "Liderazgo Educativo" },
|
||||
{ type: "text", text: "Formación Integral" },
|
||||
{ type: "text", text: "Tecnología de Punta" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{
|
||||
type: "text",
|
||||
content: "Educación con Propósito",
|
||||
},
|
||||
{
|
||||
type: "image",
|
||||
src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/close-up-on-a-professional-teacher-inter-1774811841257-a965a2b1.png",
|
||||
alt: "Acerca de JOMAR",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Leer más",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="about" data-section="about">
|
||||
<InlineImageSplitTextAbout
|
||||
useInvertedBackground={true}
|
||||
heading={[
|
||||
{ type: "text", content: "Educación con Propósito" },
|
||||
{ type: "image", src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/close-up-on-a-professional-teacher-inter-1774811841257-a965a2b1.png", alt: "Acerca de JOMAR" },
|
||||
]}
|
||||
buttons={[{ text: "Leer más", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Niveles Académicos"
|
||||
description="Programas diseñados para potenciar el desarrollo integral en cada etapa educativa."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Nivel Primario",
|
||||
content: "Base sólida con enfoque en valores y desarrollo cognitivo integral.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Nivel Secundario",
|
||||
content: "Preparación avanzada con enfoque en tecnología y pensamiento crítico.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Cursos Técnicos",
|
||||
content: "Capacitación especializada para el mundo laboral actual.",
|
||||
},
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/detailed-view-of-software-interface-for--1774811841947-ce5e2047.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Niveles Académicos"
|
||||
description="Programas diseñados para potenciar el desarrollo integral en cada etapa educativa."
|
||||
accordionItems={[
|
||||
{ id: "f1", title: "Nivel Primario", content: "Base sólida con enfoque en valores y desarrollo cognitivo integral." },
|
||||
{ id: "f2", title: "Nivel Secundario", content: "Preparación avanzada con enfoque en tecnología y pensamiento crítico." },
|
||||
{ id: "f3", title: "Cursos Técnicos", content: "Capacitación especializada para el mundo laboral actual." },
|
||||
]}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/detailed-view-of-software-interface-for--1774811841947-ce5e2047.png"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Excelente formación",
|
||||
quote: "La mejor decisión académica para mis hijos.",
|
||||
name: "Ana García",
|
||||
role: "Madre de familia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21894.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
title: "Tecnología de punta",
|
||||
quote: "Los recursos digitales facilitan mucho el aprendizaje.",
|
||||
name: "Carlos Ruiz",
|
||||
role: "Estudiante",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-attractive-caucasian-girl-jacket-standing-university-library-with-worksheets-books-smiling-happy-look-away-dreamy-studying-project-courses-pose-hall_197531-30586.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
title: "Profesores capacitados",
|
||||
quote: "Se nota la calidad y el compromiso de cada docente.",
|
||||
name: "Lucía Méndez",
|
||||
role: "Ex-alumna",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-talking-phone-while-standing-outdoors-street-business-concept_58466-11845.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
title: "Ambiente increíble",
|
||||
quote: "JOMAR es más que una escuela, es una segunda casa.",
|
||||
name: "Pedro López",
|
||||
role: "Estudiante",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-with-her-laptop_273609-12726.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
title: "Calidad humana",
|
||||
quote: "Valores y academia en un mismo lugar.",
|
||||
name: "Sofía Martínez",
|
||||
role: "Padre de familia",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21894.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Historias de éxito"
|
||||
description="Lo que dicen nuestros estudiantes y padres de familia sobre JOMAR."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTen
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{ id: "1", title: "Excelente formación", quote: "La mejor decisión académica para mis hijos.", name: "Ana García", role: "Madre de familia", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21894.jpg" },
|
||||
{ id: "2", title: "Tecnología de punta", quote: "Los recursos digitales facilitan mucho el aprendizaje.", name: "Carlos Ruiz", role: "Estudiante", imageSrc: "http://img.b2bpic.net/free-photo/vertical-portrait-attractive-caucasian-girl-jacket-standing-university-library-with-worksheets-books-smiling-happy-look-away-dreamy-studying-project-courses-pose-hall_197531-30586.jpg" },
|
||||
{ id: "3", title: "Profesores capacitados", quote: "Se nota la calidad y el compromiso de cada docente.", name: "Lucía Méndez", role: "Ex-alumna", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-talking-phone-while-standing-outdoors-street-business-concept_58466-11845.jpg" },
|
||||
{ id: "4", title: "Ambiente increíble", quote: "JOMAR es más que una escuela, es una segunda casa.", name: "Pedro López", role: "Estudiante", imageSrc: "http://img.b2bpic.net/free-photo/woman-sitting-library-with-her-laptop_273609-12726.jpg" },
|
||||
{ id: "5", title: "Calidad humana", quote: "Valores y academia en un mismo lugar.", name: "Sofía Martínez", role: "Padre de familia", imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-young-woman_1268-21894.jpg" },
|
||||
]}
|
||||
title="Historias de éxito"
|
||||
description="Lo que dicen nuestros estudiantes y padres de familia sobre JOMAR."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "¿Cuáles son los requisitos de inscripción?",
|
||||
content: "Necesitas acta de nacimiento, boletas anteriores y registro de identificación.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "¿Tienen clases virtuales?",
|
||||
content: "Sí, contamos con plataforma propia para sesiones en vivo y material grabado.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "¿Qué horarios tienen?",
|
||||
content: "Ofrecemos turno matutino y vespertino, adaptados a tus necesidades.",
|
||||
},
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Resolvemos tus dudas sobre el proceso de inscripción y metodología."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/modern-educational-atmosphere-library-di-1774811841610-a7a0be65.png?_wi=2"
|
||||
imageAlt="Modern educational atmosphere, library, digital learning, high tech, clean professional style, blue "
|
||||
/>
|
||||
</div>
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqSplitMedia
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{ id: "q1", title: "¿Cuáles son los requisitos de inscripción?", content: "Necesitas acta de nacimiento, boletas anteriores y registro de identificación." },
|
||||
{ id: "q2", title: "¿Tienen clases virtuales?", content: "Sí, contamos con plataforma propia para sesiones en vivo y material grabado." },
|
||||
{ id: "q3", title: "¿Qué horarios tienen?", content: "Ofrecemos turno matutino y vespertino, adaptados a tus necesidades." },
|
||||
]}
|
||||
title="Preguntas frecuentes"
|
||||
description="Resolvemos tus dudas sobre el proceso de inscripción y metodología."
|
||||
faqsAnimation="slide-up"
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/modern-educational-atmosphere-library-di-1774811841610-a7a0be65.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Inscríbete ahora"
|
||||
description="Comienza tu formación profesional con JOMAR. Déjanos tus datos y te contactaremos."
|
||||
inputs={[
|
||||
{
|
||||
name: "nombre",
|
||||
type: "text",
|
||||
placeholder: "Nombre completo",
|
||||
required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Correo electrónico",
|
||||
required: true,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "mensaje",
|
||||
placeholder: "Cuéntanos tus dudas",
|
||||
rows: 4,
|
||||
}}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/a-student-using-a-laptop-with-coffee-cup-1774811841279-82396bb9.png"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={true}
|
||||
title="Inscríbete ahora"
|
||||
description="Comienza tu formación profesional con JOMAR. Déjanos tus datos y te contactaremos."
|
||||
inputs={[
|
||||
{ name: "nombre", type: "text", placeholder: "Nombre completo", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Correo electrónico", required: true },
|
||||
]}
|
||||
textarea={{ name: "mensaje", placeholder: "Cuéntanos tus dudas", rows: 4 }}
|
||||
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BdBfqktOJi5FvgDIwTZL1n2Uoc/a-student-using-a-laptop-with-coffee-cup-1774811841279-82396bb9.png"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="JOMAR"
|
||||
copyrightText="© 2025 JOMAR Institución Educativa"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="JOMAR"
|
||||
copyrightText="© 2025 JOMAR Institución Educativa"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user