From 7d64f0cf3f81d6caa55c80a7574bcba1368320eb Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Sun, 29 Mar 2026 19:17:58 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 361 +++++++++++++++--------------------------------
 1 file changed, 113 insertions(+), 248 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index a031886..10f76f0 100644
--- a/src/app/page.tsx
+++ b/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>
   );