// ─── Bolivia Joven — Página "Nuestro Equipo" ───────────────────────────────── const { useRef } = React; const { Navbar, Footer, useReveal, LinkedInIcon, ArrowRightIcon, UsersIcon } = window; // ─── Accent palettes ────────────────────────────────────────────── const ACCENTS = { red: { solid:'var(--red)', grad:'linear-gradient(145deg, rgba(162,0,50,0.6) 0%, rgba(20,20,20,0.92) 72%)' }, gold: { solid:'var(--gold)', grad:'linear-gradient(145deg, rgba(233,211,108,0.42) 0%, rgba(20,20,20,0.92) 72%)' }, green: { solid:'var(--green)', grad:'linear-gradient(145deg, rgba(31,113,67,0.6) 0%, rgba(20,20,20,0.92) 72%)' }, }; // ─── Team data ──────────────────────────────────────────────────── const LEADERSHIP = [ { name:'Eduardo Larsen', role:'Presidente', accent:'red', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/eduardo-larsen-458b6833b/' }, { name:'Camila Valda', role:'Vicepresidenta', accent:'gold', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/camilavaldaestremadoyro/' }, { name:'Isabel Torrico', role:'Directora Ejecutiva', accent:'green', photo:'assets/isabeltorrico.jpeg', linkedin:'https://www.linkedin.com/in/isabel-torrico-a210102bb/' }, ]; const DIRECTORS = [ { name:'Fabian Pereira', role:'Director de Finanzas', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/fabián-pereira-gómez-05760a345/' }, { name:'Daniel Dupleich', role:'Director de Tecnología', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/daniel-dupleich-antezana-415681328/' }, { name:'Ignacio Espejo', role:'Director Medioambiental', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/ignacio-espejo-armaza-bb15a3322/' }, { name:'Oscar Varas', role:'Director de Proyectos', photo:'assets/oscarvaras.jpg', linkedin:'https://www.linkedin.com/in/oscarvarashiza/' }, { name:'Sofia Rojas', role:'Directora de Cultura', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/sofia-rojas-silva-422a18357/' }, { name:'Alba Libera', role:'Directora de Clubes', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/alba-libera/' }, { name:'Natalia Viscarra', role:'Directora de RRHH', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/natalia-viscarra-20872333b/' }, { name:'Luciana Núñez', role:'Directora de Marketing', photo:'assets/bandera.png', linkedin:'#' }, { name:'Isabel Ballesteros', role:'Directora de Emprendedurismo', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/isabel-ballesteros-roman/' }, { name:'Bernardo Aguilar', role:'Director de Relaciones Institucionales', photo:'assets/bandera.png', linkedin:'https://www.linkedin.com/in/bernardo-aguilar-molina-946b1725a/' }, ]; // rotate brand accents across the directors grid const ACCENT_CYCLE = ['red','gold','green']; DIRECTORS.forEach((d,i)=> d.accent = ACCENT_CYCLE[i % 3]); const initials = (name) => name.split(' ').slice(0,2).map(w=>w[0]).join(''); // ═══════════════════════════════════════════════════════════════════ // HERO // ═══════════════════════════════════════════════════════════════════ const TeamHero = () => (

El motor detrás
del cambio

Conoce a los jóvenes líderes que coordinan, gestionan y hacen posible cada iniciativa de Bolivia Joven a nivel nacional. Un equipo comprometido con el futuro del país.

); // ═══════════════════════════════════════════════════════════════════ // LEADERSHIP CARD (prominent) // ═══════════════════════════════════════════════════════════════════ const LeaderCard = ({ m, delay }) => { const a = ACCENTS[m.accent]; return (
{/* top accent line */}
{m.photo ? {m.name} : <>
{initials(m.name)} }
{m.role}

{m.name}

); }; // ═══════════════════════════════════════════════════════════════════ // DIRECTOR CARD (grid) // ═══════════════════════════════════════════════════════════════════ const DirectorCard = ({ m, delay }) => { const a = ACCENTS[m.accent]; return (
{m.photo ? {m.name} : <>
{initials(m.name)} }

{m.name}

{m.role}

); }; // ═══════════════════════════════════════════════════════════════════ // LEADERSHIP SECTION // ═══════════════════════════════════════════════════════════════════ const Leadership = () => { const ref = useRef(null); useReveal(ref); return (

Alta Dirección

La mesa directiva que define el rumbo estratégico de Bolivia Joven.

{LEADERSHIP.map((m,i)=>( ))}
); }; // ═══════════════════════════════════════════════════════════════════ // DIRECTORS SECTION // ═══════════════════════════════════════════════════════════════════ const Directors = () => { const ref = useRef(null); useReveal(ref); return (

Directores Nacionales

El equipo operativo que lidera cada área y convierte la visión en acción concreta en todo el país.

{DIRECTORS.map((m,i)=>( ))}
); }; // ═══════════════════════════════════════════════════════════════════ // CTA — VOLUNTARIADO // ═══════════════════════════════════════════════════════════════════ const VolunteerCTA = () => { const ref = useRef(null); useReveal(ref); return (

¿Quieres liderar el cambio con nosotros?

Siempre estamos buscando mentes brillantes y corazones dispuestos a transformar Bolivia. Los miembros más destacados tendrán la oportunidad de convertirse en directores y liderar proyectos impactantes.

Únete
); }; // ═══════════════════════════════════════════════════════════════════ // APP // ═══════════════════════════════════════════════════════════════════ const TeamPage = () => (