// ─── Bolivia Joven — Página "Únete" (Funnel de Conversión) ─────────────────── const { useRef } = React; const { Navbar, Footer, useReveal, UsersIcon, GraduationIcon, BookOpenIcon, AwardIcon, CoinsIcon, CheckCircleIcon, InfoIcon, RocketIcon, BellIcon, ClockIcon, ChevronDownIcon, ArrowRightIcon, SparklesIcon, } = window; const ACC = { red: { solid:'var(--red)', bg:'rgba(162,0,50,0.13)', brd:'rgba(162,0,50,0.28)' }, gold: { solid:'var(--gold)', bg:'rgba(233,211,108,0.1)', brd:'rgba(233,211,108,0.24)' }, green: { solid:'var(--green)', bg:'rgba(31,113,67,0.14)', brd:'rgba(31,113,67,0.3)' }, }; const scrollTo = (id) => (e) => { e.preventDefault(); document.querySelector(id)?.scrollIntoView({behavior:'smooth'}); }; // ═══════════════════════════════════════════════════════════════════ // 1 · HERO EMOCIONAL // ═══════════════════════════════════════════════════════════════════ const JoinHero = () => (

El futuro de Bolivia no se espera,
se construye. ¿Estás listo?

No somos una organización más; somos la red de jóvenes líderes más ambiciosa del país. Buscamos personas dispuestas a dejar una huella imborrable. Las convocatorias abren por temporadas limitadas — descubre por qué deberías ser el próximo en ingresar.

); // ═══════════════════════════════════════════════════════════════════ // 2 · BENEFICIOS // ═══════════════════════════════════════════════════════════════════ const BENEFITS = [ { icon:UsersIcon, accent:'red', title:'Una Comunidad Imparable', text:'Una red de jóvenes bolivianos que comparten tu mismo sentimiento y urgencia de hacer de Bolivia un lugar mejor.' }, { icon:GraduationIcon,accent:'gold', title:'Voluntariados y Capacitación', text:'Participa tanto en voluntariados que te nutren el alma, como en seminarios y charlas exclusivas dictadas por expertos de diversas industrias.' }, { icon:BookOpenIcon, accent:'green', title:'Acceso Total a Clubes', text:'Entrada libre a los "Clubes Bolivia Joven": espacios dinámicos donde debatirás y aprenderás de emprendedurismo, literatura, cine y habilidades blandas.' }, { icon:AwardIcon, accent:'red', title:'Reconocimiento y Meritocracia', text:'Valoramos el esfuerzo real. Participa por premios y distinciones anuales diseñadas para los miembros más activos e impactantes de la organización.' }, ]; const Benefits = () => { const ref = useRef(null); useReveal(ref); return (

Lo que significa ser parte
de nuestra red

{BENEFITS.map((b,i)=>{ const a = ACC[b.accent]; return (
0{i+1}

{b.title}

{b.text}

); })}
); }; // ═══════════════════════════════════════════════════════════════════ // 3 · TRANSPARENCIA — APORTE MENSUAL // ═══════════════════════════════════════════════════════════════════ const Transparency = () => { const ref = useRef(null); useReveal(ref); return (
{/* Header */}

Liderazgo con corresponsabilidad

Una vez aceptados, tanto los miembros como los directores realizan un aporte mensual simbólico — un compromiso compartido, transparente y en igualdad de condiciones para todos.

{/* Content: stacks on mobile, side-by-side on wider screens */}
{/* Price card */}
Aporte mensual
30 Bs.
por miembro y director
{/* Info note */}

¿Para qué sirve este aporte?

Es el motor que nos permite financiar proyectos con mayor frecuencia, autogestión y un alcance masivo en todo el país.

); }; // ═══════════════════════════════════════════════════════════════════ // 4 · REQUISITOS // ═══════════════════════════════════════════════════════════════════ const Requirements = () => { const ref = useRef(null); useReveal(ref); const reqs = [ { accent:'red', title:'Mayoría de edad', text:'Es obligatorio ser mayor de 18 años para postular a la membresía nacional.' }, { accent:'gold', title:'CV actualizado', text:'Prepara tu currículum al día; será parte de tu proceso de postulación.' }, { accent:'green', title:'Tu propuesta de valor', text:'Ten claro cómo planeas aportar valor, talento o ideas a la asociación.' }, ]; return (

¿Cumples los requisitos?

Tres criterios simples antes de dar el paso. Si los cumples, estás a un clic de empezar.

{reqs.map((r,i)=>{ const a = ACC[r.accent]; return (

{r.title}

{r.text}

); })}
{/* Age redirect note */}

¿Eres menor de 18? No te quedas fuera.

Los menores de edad tienen un espacio hecho a su medida: nuestra división especial "Redes Estudiantiles", donde el liderazgo joven comienza a forjarse desde el colegio.

); }; // ═══════════════════════════════════════════════════════════════════ // 5 · CONVOCATORIA (estado abierto/cerrado) // ═══════════════════════════════════════════════════════════════════ // ── TOGGLE THIS to open/close the convocatoria ────────────────────── const CONVOCATORIA_ABIERTA = false; // ──────────────────────────────────────────────────────────────────── const Convocatoria = () => { const ref = useRef(null); useReveal(ref); const isOpen = CONVOCATORIA_ABIERTA; return (
{/* Status badge */}
{isOpen ? 'Convocatoria Abierta' : 'Convocatoria Cerrada'}

{isOpen ? <>Tu momento es ahora : <>Vuelve pronto}

{isOpen ? 'La postulación se realiza vía Google Forms. Necesitarás tu propuesta de valor y tu CV actualizado. El proceso toma menos de 10 minutos.' : 'Las inscripciones están cerradas por ahora. Déjanos tu correo y serás el primero en enterarte cuando abramos la próxima temporada.'}

{/* Dynamic action */} {isOpen ? ( {e.currentTarget.style.background='#f5e07a';e.currentTarget.style.transform='translateY(-3px) scale(1.02)';}} onMouseLeave={e=>{e.currentTarget.style.background='var(--gold)';e.currentTarget.style.transform='translateY(0) scale(1)';}}> Aplicar Ahora vía Google Forms ) : ( {e.currentTarget.style.background='#f5e07a';e.currentTarget.style.transform='translateY(-3px) scale(1.02)';}} onMouseLeave={e=>{e.currentTarget.style.background='var(--gold)';e.currentTarget.style.transform='translateY(0) scale(1)';}}> Registrar mi interés )} {/* Secondary info */}
{isOpen ? 'Cierre de postulaciones: plazas limitadas por temporada.' : 'Próxima temporada: por anunciar.'}
); }; // ═══════════════════════════════════════════════════════════════════ // APP // ═══════════════════════════════════════════════════════════════════ const JoinPage = () => (