/* global React, PROGRAMS, eur, TRAINER, Icon, Button, Badge, LevelChip, Eyebrow */
const { useState: useStatePD } = React;
/* ========================================
Featured program detail — tabbed
======================================== */
function ProgramDetail() {
const [active, setActive] = useStatePD('p1');
const p = PROGRAMS.find(x => x.id === active);
const levelColor =
p.level === 'i' ? 'var(--lh-cyan)' :
p.level === 'a' ? 'var(--lh-blue)' : '#9A9F00';
return (
// Explora el contenido
Mira por dentro cada programa.
Selecciona un programa para ver los módulos, el perfil objetivo y las condiciones de la edición.
{/* Sidebar — program list */}
{PROGRAMS.map(item => {
const isActive = item.id === active;
const lc = item.level === 'i' ? 'var(--lh-cyan)'
: item.level === 'a' ? 'var(--lh-blue)' : '#9A9F00';
return (
);
})}
{/* Detail panel */}
{/* Faint blueprint */}
{p.code}
nivel ({p.level})
{p.title}
{p.subtitle}
{p.summary}
Módulos
{p.modules.map((m, i)=>(
-
0{i+1}
{m}
))}
Perfil objetivo
{p.audience}
Inversión
{eur(p.price)}
por persona · IVA no incluido
Bonificable FUNDAE para empresas — gestionamos el trámite.
{/* Trainer */}
);
}
function DetailRow({ icon, label, value, sub }) {
return (
{label}
{value}
{sub &&
{sub}
}
);
}
Object.assign(window, { ProgramDetail });
/* ========================================
Trainer card — appears under the Inversión block.
Eugenio Trillo León — CTO Lean Hydrogen.
======================================== */
function TrainerCard() {
return (
Imparte
{/* Trainer portrait. Falls back to initials avatar if photo missing. */}
{TRAINER.photo ? (

) : (
{TRAINER.initials}
)}
{TRAINER.shortBio}
{TRAINER.credentials.map(c => (
{c}
))}
);
}
Object.assign(window, { TrainerCard });