bender/072d0bbb-0dfd-434c-80a7-77a04baedaaf
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bob AI: Update sections to match the new modernization plan.

Browse Source
This commit is contained in:
kudinDmitriyUp
2026-06-13 16:02:24 +00:00
parent e7a0bc0765
commit 95bf0e89a6
9 changed files with 198 additions and 202 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/index.css
View File

@@ -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;

215
src/pages/HomePage.tsx
View File

@@ -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 />
</>
);
}

17
src/pages/HomePage/sections/Admisiones.tsx Normal file
View File

@@ -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>
);
}

29
src/pages/HomePage/sections/Empleabilidad.tsx Normal file
View File

@@ -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>
);
}

17
src/pages/HomePage/sections/Experiencia.tsx Normal file
View File

@@ -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>
);
}

17
src/pages/HomePage/sections/Facultades.tsx Normal file
View File

@@ -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>
);
}

28
src/pages/HomePage/sections/Hero.tsx Normal file
View File

@@ -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>
);
}

17
src/pages/HomePage/sections/Innovacion.tsx Normal file
View File

@@ -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>
);
}

42
src/pages/HomePage/sections/Testimonios.tsx Normal file
View File

@@ -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>
);
}