From 95bf0e89a6629deaf6dfbb86b8c3341ba249d911 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sat, 13 Jun 2026 16:02:24 +0000
Subject: [PATCH] Bob AI: Update sections to match the new modernization plan.

---
 src/index.css                                 |  18 +-
 src/pages/HomePage.tsx                        | 215 ++----------------
 src/pages/HomePage/sections/Admisiones.tsx    |  17 ++
 src/pages/HomePage/sections/Empleabilidad.tsx |  29 +++
 src/pages/HomePage/sections/Experiencia.tsx   |  17 ++
 src/pages/HomePage/sections/Facultades.tsx    |  17 ++
 src/pages/HomePage/sections/Hero.tsx          |  28 +++
 src/pages/HomePage/sections/Innovacion.tsx    |  17 ++
 src/pages/HomePage/sections/Testimonios.tsx   |  42 ++++
 9 files changed, 198 insertions(+), 202 deletions(-)
 create mode 100644 src/pages/HomePage/sections/Admisiones.tsx
 create mode 100644 src/pages/HomePage/sections/Empleabilidad.tsx
 create mode 100644 src/pages/HomePage/sections/Experiencia.tsx
 create mode 100644 src/pages/HomePage/sections/Facultades.tsx
 create mode 100644 src/pages/HomePage/sections/Hero.tsx
 create mode 100644 src/pages/HomePage/sections/Innovacion.tsx
 create mode 100644 src/pages/HomePage/sections/Testimonios.tsx

diff --git a/src/index.css b/src/index.css
index dd79313..a764be2 100644
--- a/src/index.css
+++ b/src/index.css
@@ -5,15 +5,15 @@
 
 :root {
   /* @colorThemes/lightTheme/grayNavyBlue */
-  --background: #0a0a0a;
-  --card: #1a1a1a;
-  --foreground: #ffffffe6;
-  --primary-cta: #e6e6e6;
-  --primary-cta-text: #0a0a0a;
-  --secondary-cta: #1a1a1a;
-  --secondary-cta-text: #ffffffe6;
-  --accent: #737373;
-  --background-accent: #737373;
+  --background: #ffffff;
+  --card: #f8f9fa;
+  --foreground: #1a1a1a;
+  --primary-cta: #003366;
+  --primary-cta-text: #ffffff;
+  --secondary-cta: #e6e1d8;
+  --secondary-cta-text: #003366;
+  --accent: #0055a4;
+  --background-accent: #f0f4f8;
 
   /* @layout/border-radius/rounded */
   --radius: 1rem;
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 14035cc..8758964 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -1,204 +1,33 @@
-import ContactCta from '@/components/sections/contact/ContactCta';
-import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
-import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
-import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
-import MetricsSimpleCards from '@/components/sections/metrics/MetricsSimpleCards';
-import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
-import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
-import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+// 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.
 
-export default function HomePage() {
+import React from 'react';
+import HeroSection from './HomePage/sections/Hero';
+import ExperienciaSection from './HomePage/sections/Experiencia';
+import FacultadesSection from './HomePage/sections/Facultades';
+import InnovacionSection from './HomePage/sections/Innovacion';
+import EmpleabilidadSection from './HomePage/sections/Empleabilidad';
+import TestimoniosSection from './HomePage/sections/Testimonios';
+import AdmisionesSection from './HomePage/sections/Admisiones';
+
+export default function HomePage(): React.JSX.Element {
   return (
-    <>
-  <div id="hero" data-section="hero">
-    <SectionErrorBoundary name="hero">
-          <HeroBillboardBrand
-      brand="USMA - Smart University"
-      description="Transformamos estudiantes en líderes del futuro. Innovación, tecnología, excelencia académica y valores que impulsan tu crecimiento profesional."
-      primaryButton={{
-        text: "Explorar Carreras",
-        href: "#facultades",
-      }}
-      secondaryButton={{
-        text: "Solicitar Información",
-        href: "#admisiones",
-      }}
-      imageSrc="http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906342.jpg"
-    />
-    </SectionErrorBoundary>
-  </div>
+<>
+  <HeroSection />
 
-  <div id="experiencia" data-section="experiencia">
-    <SectionErrorBoundary name="experiencia">
-          <FeaturesDetailedSteps
-      tag="Diferenciadores"
-      title="Una experiencia universitaria diferente"
-      description="Explora cómo transformamos la educación superior mediante tecnología de punta y espacios de colaboración inteligente."
-      steps={[
-        {
-          tag: "Campus",
-          title: "Campus Inteligente",
-          subtitle: "Conectividad total",
-          description: "Entorno 100% digitalizado e integrado.",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-developing-photos-darkroom-side-view_23-2149893993.jpg",
-        },
-        {
-          tag: "Labs",
-          title: "Laboratorios de Innovación",
-          subtitle: "Tecnología aplicada",
-          description: "Equipos de última generación para tu formación.",
-          imageSrc: "http://img.b2bpic.net/free-photo/multiethnic-group-students-watching-virtual-presentation_74855-2067.jpg",
-        },
-        {
-          tag: "Networking",
-          title: "Vinculación Empresarial",
-          subtitle: "Conexión directa",
-          description: "Puentes reales con el sector productivo.",
-          imageSrc: "http://img.b2bpic.net/free-photo/group-adult-students-using-vr-headsets-computer-class_74855-1934.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <ExperienciaSection />
 
-  <div id="facultades" data-section="facultades">
-    <SectionErrorBoundary name="facultades">
-          <FeaturesImageBento
-      tag="Carreras"
-      title="Facultades de vanguardia"
-      description="Elige tu camino profesional en un entorno de innovación tecnológica."
-      items={[
-        {
-          title: "Ingeniería",
-          description: "Innovación técnica y sistemas.",
-          imageSrc: "http://img.b2bpic.net/free-photo/tile-stairs-black-white-tone_1339-6753.jpg",
-        },
-        {
-          title: "Negocios",
-          description: "Emprendimiento y liderazgo digital.",
-          imageSrc: "http://img.b2bpic.net/free-photo/businessman-with-digital-interface-data-growth_9975-22193.jpg",
-        },
-        {
-          title: "Comunicación",
-          description: "Creatividad y medios digitales.",
-          imageSrc: "http://img.b2bpic.net/free-photo/back-shot-business-womens-with-medical-face-mask-working-together-management-presentation-using-tablet-computer-while-sitting-company-office-team-respecting-social-distance_482257-17559.jpg",
-        },
-        {
-          title: "Humanidades",
-          description: "Pensamiento crítico y cultura.",
-          imageSrc: "http://img.b2bpic.net/free-photo/black-woman-student-using-vr-simulator_74855-1089.jpg",
-        },
-        {
-          title: "Derecho",
-          description: "Legal-tech y justicia.",
-          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ai-robot-trial_23-2151015310.jpg",
-        },
-        {
-          title: "Arquitectura",
-          description: "Diseño paramétrico.",
-          imageSrc: "http://img.b2bpic.net/free-photo/diverse-women-game-software-developers-creating-game-interface-sitting-startup-creative-agency-co_482257-2648.jpg",
-        },
-        {
-          title: "Salud",
-          description: "Tecnología médica avanzada.",
-          imageSrc: "http://img.b2bpic.net/free-photo/scientific-doctor-coming-medical-nurse-discussing-about-vaccine-development-equipped-laboratory-overwork_482257-546.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <FacultadesSection />
 
-  <div id="innovacion" data-section="innovacion">
-    <SectionErrorBoundary name="innovacion">
-          <MetricsSimpleCards
-      tag="Futuro"
-      title="Aprende en un entorno diseñado para el futuro"
-      description="Ecosistema de aprendizaje híbrido con IA y analítica de datos aplicada."
-      metrics={[
-        {
-          value: "100+",
-          description: "Laboratorios digitales",
-        },
-        {
-          value: "500+",
-          description: "Convenios empresariales",
-        },
-        {
-          value: "95%",
-          description: "Empleabilidad de egresados",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <InnovacionSection />
 
-  <div id="empleabilidad" data-section="empleabilidad">
-    <SectionErrorBoundary name="empleabilidad">
-          <SocialProofMarquee
-      tag="Alianzas"
-      title="Conectamos tu formación con oportunidades reales"
-      description="Networking de alto nivel con las mejores organizaciones."
-      names={[
-        "Microsoft",
-        "Google Cloud",
-        "AWS Academy",
-        "Copa Airlines",
-        "Banistmo",
-        "Deloitte",
-        "EY",
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <EmpleabilidadSection />
 
-  <div id="testimonios" data-section="testimonios">
-    <SectionErrorBoundary name="testimonios">
-          <TestimonialTrustCard
-      quote="La USMA no es solo una universidad, es el ecosistema donde mi visión profesional tomó forma gracias a la tecnología y el enfoque humano."
-      rating={5}
-      author="María González, Ingeniería de Software"
-      avatars={[
-        {
-          name: "Estudiante 1",
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-resting-steps_1153-5770.jpg",
-        },
-        {
-          name: "Estudiante 2",
-          imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg",
-        },
-        {
-          name: "Estudiante 3",
-          imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office_52683-93295.jpg",
-        },
-        {
-          name: "Estudiante 4",
-          imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg",
-        },
-        {
-          name: "Estudiante 5",
-          imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg",
-        },
-      ]}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <TestimoniosSection />
 
-  <div id="admisiones" data-section="admisiones">
-    <SectionErrorBoundary name="admisiones">
-          <ContactCta
-      tag="Admisiones"
-      text="El futuro no se espera. Se construye. Comienza tu experiencia USMA hoy mismo."
-      primaryButton={{
-        text: "Comienza tu experiencia USMA",
-        href: "#",
-      }}
-      secondaryButton={{
-        text: "Solicitar Info",
-        href: "#",
-      }}
-    />
-    </SectionErrorBoundary>
-  </div>
+  <AdmisionesSection />
     </>
   );
 }
diff --git a/src/pages/HomePage/sections/Admisiones.tsx b/src/pages/HomePage/sections/Admisiones.tsx
new file mode 100644
index 0000000..8af97a3
--- /dev/null
+++ b/src/pages/HomePage/sections/Admisiones.tsx
@@ -0,0 +1,17 @@
+// Created by add_section_from_catalog (FeaturesDetailedSteps).
+
+import React from 'react';
+import FeaturesDetailedSteps from '@/components/sections/features/FeaturesDetailedSteps';
+
+export default function AdmisionesSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="admisiones" id="admisiones">
+      <FeaturesDetailedSteps
+        title="Un proceso de ingreso moderno y eficiente"
+        steps={[{"subtitle":"01","imageSrc":"https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=2070&auto=format&fit=crop","title":"Turnos Digitales","tag":"Paso 1","description":"Olvídate de las filas tradicionales."},{"description":"Espacios diseñados para tu comodidad.","title":"Salas Ergonómicas","imageSrc":"https://images.unsplash.com/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop","subtitle":"02","tag":"Paso 2"},{"subtitle":"03","imageSrc":"https://images.unsplash.com/photo-1531482615713-2afd69097998?q=80&w=2070&auto=format&fit=crop","title":"Pantallas Interactivas","tag":"Paso 3","description":"Información clara y accesible."},{"tag":"Paso 4","subtitle":"04","imageSrc":"https://images.unsplash.com/photo-1553877522-43269d4ea984?q=80&w=2070&auto=format&fit=crop","title":"Gestión Automatizada","description":"Procesos rápidos y eficientes."}]}
+        description="Olvídate de las filas tradicionales. Nuestra nueva área de admisiones cuenta con turnos digitales, pantallas informativas y gestión automatizada."
+        tag="Admisiones Digitalizadas"
+      />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Empleabilidad.tsx b/src/pages/HomePage/sections/Empleabilidad.tsx
new file mode 100644
index 0000000..58a5c78
--- /dev/null
+++ b/src/pages/HomePage/sections/Empleabilidad.tsx
@@ -0,0 +1,29 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "empleabilidad" section.
+
+import React from 'react';
+import SocialProofMarquee from '@/components/sections/social-proof/SocialProofMarquee';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function EmpleabilidadSection(): React.JSX.Element {
+  return (
+    <div id="empleabilidad" data-section="empleabilidad">
+        <SectionErrorBoundary name="empleabilidad">
+              <SocialProofMarquee
+          tag="Alianzas"
+          title="Conectamos tu formación con oportunidades reales"
+          description="Networking de alto nivel con las mejores organizaciones."
+          names={[
+            "Microsoft",
+            "Google Cloud",
+            "AWS Academy",
+            "Copa Airlines",
+            "Banistmo",
+            "Deloitte",
+            "EY",
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Experiencia.tsx b/src/pages/HomePage/sections/Experiencia.tsx
new file mode 100644
index 0000000..1dee6de
--- /dev/null
+++ b/src/pages/HomePage/sections/Experiencia.tsx
@@ -0,0 +1,17 @@
+// Created by add_section_from_catalog (FeaturesImageBento).
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+
+export default function ExperienciaSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="experiencia" id="experiencia">
+      <FeaturesImageBento
+        tag="Centro de Experiencia Estudiantil"
+        description="Un espacio dinámico donde la tecnología, la colaboración y la tradición se encuentran. Pantallas interactivas, mobiliario modular y un entorno diseñado para tu éxito."
+        items={[{"imageSrc":"https://images.unsplash.com/photo-1541339907198-e08756dedf3f?q=80&w=2070&auto=format&fit=crop","title":"Lobby Interactivo","description":"Pantallas LED, directorios inteligentes y espacios colaborativos."},{"imageSrc":"https://images.unsplash.com/photo-1519389950473-47ba0277781c?q=80&w=2070&auto=format&fit=crop","title":"Mesas Táctiles","description":"Información académica al alcance de tu mano."}]}
+        title="El corazón de nuestra Smart University"
+      />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Facultades.tsx b/src/pages/HomePage/sections/Facultades.tsx
new file mode 100644
index 0000000..dc4fd0c
--- /dev/null
+++ b/src/pages/HomePage/sections/Facultades.tsx
@@ -0,0 +1,17 @@
+// Created by add_section_from_catalog (FeaturesImageBento).
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+
+export default function FacultadesSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="facultades" id="facultades">
+      <FeaturesImageBento
+        tag="Aulas Inteligentes"
+        description="Nuestras aulas evolucionan hacia entornos colaborativos equipados con la última tecnología para potenciar tu educación."
+        title="Espacios de aprendizaje interactivo"
+        items={[{"imageSrc":"https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=2070&auto=format&fit=crop","title":"Pantallas Digitales","description":"Formatos de gran tamaño para presentaciones inmersivas."},{"description":"Mobiliario modular que fomenta el trabajo en equipo.","imageSrc":"https://images.unsplash.com/photo-1497366216548-37526070297c?q=80&w=2069&auto=format&fit=crop","title":"Mesas Colaborativas"},{"description":"Sistemas inalámbricos y tecnología para videoconferencias.","imageSrc":"https://images.unsplash.com/photo-1531482615713-2afd69097998?q=80&w=2070&auto=format&fit=crop","title":"Conectividad Total"},{"imageSrc":"https://images.unsplash.com/photo-1553877522-43269d4ea984?q=80&w=2070&auto=format&fit=crop","title":"Iluminación Inteligente","description":"Luz natural y artificial optimizada para la concentración."}]}
+      />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Hero.tsx b/src/pages/HomePage/sections/Hero.tsx
new file mode 100644
index 0000000..0fa8467
--- /dev/null
+++ b/src/pages/HomePage/sections/Hero.tsx
@@ -0,0 +1,28 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "hero" section.
+
+import React from 'react';
+import HeroBillboardBrand from '@/components/sections/hero/HeroBillboardBrand';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function HeroSection(): React.JSX.Element {
+  return (
+    <div id="hero" data-section="hero">
+        <SectionErrorBoundary name="hero">
+              <HeroBillboardBrand
+          brand="USMA - Smart University"
+          description="Transformamos estudiantes en líderes del futuro. Innovación, tecnología, excelencia académica y valores que impulsan tu crecimiento profesional."
+          primaryButton={{
+            text: "Explorar Carreras",
+            href: "#facultades",
+          }}
+          secondaryButton={{
+            text: "Solicitar Información",
+            href: "#admisiones",
+          }}
+          imageSrc="http://img.b2bpic.net/free-photo/futuristic-view-school-classroom-with-state-art-architecture_23-2150906342.jpg"
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Innovacion.tsx b/src/pages/HomePage/sections/Innovacion.tsx
new file mode 100644
index 0000000..7500cb6
--- /dev/null
+++ b/src/pages/HomePage/sections/Innovacion.tsx
@@ -0,0 +1,17 @@
+// Created by add_section_from_catalog (FeaturesImageBento).
+
+import React from 'react';
+import FeaturesImageBento from '@/components/sections/features/FeaturesImageBento';
+
+export default function InnovacionSection(): React.JSX.Element {
+  return (
+    <div data-webild-section="innovacion" id="innovacion">
+      <FeaturesImageBento
+        items={[{"imageSrc":"https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=2047&auto=format&fit=crop","title":"Menús Digitales","description":"Menús digitales en pantallas LED"},{"imageSrc":"https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=2047&auto=format&fit=crop","title":"Autoservicio","description":"Sistema de pedidos electrónicos y autoservicio"},{"description":"Estaciones de carga para dispositivos","imageSrc":"https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=2047&auto=format&fit=crop","title":"Conectividad"},{"description":"Espacios diseñados para estudiar y socializar","imageSrc":"https://images.unsplash.com/photo-1554118811-1e0d58224f24?q=80&w=2047&auto=format&fit=crop","title":"Convivencia"}]}
+        title="Más que comida, un espacio de convivencia"
+        description="Nuestra nueva cafetería combina madera natural, vegetación interior y tecnología para ofrecerte una experiencia gastronómica moderna y eficiente."
+        tag="Cafetería Inteligente"
+      />
+    </div>
+  );
+}
diff --git a/src/pages/HomePage/sections/Testimonios.tsx b/src/pages/HomePage/sections/Testimonios.tsx
new file mode 100644
index 0000000..9134880
--- /dev/null
+++ b/src/pages/HomePage/sections/Testimonios.tsx
@@ -0,0 +1,42 @@
+// AUTO-GENERATED by per-section-migrate. Edit freely — Bob will treat this
+// file as the canonical source for the "testimonios" section.
+
+import React from 'react';
+import TestimonialTrustCard from '@/components/sections/testimonial/TestimonialTrustCard';
+import SectionErrorBoundary from "@/components/ui/SectionErrorBoundary";
+
+export default function TestimoniosSection(): React.JSX.Element {
+  return (
+    <div id="testimonios" data-section="testimonios">
+        <SectionErrorBoundary name="testimonios">
+              <TestimonialTrustCard
+          quote="La USMA no es solo una universidad, es el ecosistema donde mi visión profesional tomó forma gracias a la tecnología y el enfoque humano."
+          rating={5}
+          author="María González, Ingeniería de Software"
+          avatars={[
+            {
+              name: "Estudiante 1",
+              imageSrc: "http://img.b2bpic.net/free-photo/girl-resting-steps_1153-5770.jpg",
+            },
+            {
+              name: "Estudiante 2",
+              imageSrc: "http://img.b2bpic.net/free-photo/young-man-using-portable-notebook-cafe-sitting-table-by-window-typing-something-frowning_343059-118.jpg",
+            },
+            {
+              name: "Estudiante 3",
+              imageSrc: "http://img.b2bpic.net/free-photo/people-working-elegant-cozy-office_52683-93295.jpg",
+            },
+            {
+              name: "Estudiante 4",
+              imageSrc: "http://img.b2bpic.net/free-photo/blond-man-surprised_1194-2887.jpg",
+            },
+            {
+              name: "Estudiante 5",
+              imageSrc: "http://img.b2bpic.net/free-photo/smiley-girl-with-pink-hair-hoodie_23-2148629699.jpg",
+            },
+          ]}
+        />
+        </SectionErrorBoundary>
+      </div>
+  );
+}
-- 
2.49.1