// ============================================================================ // Página de Trilhas (Treinamento e Desenvolvimento) // ============================================================================ function PageTrilhas({ go, open }) { const [level, setLevel] = useState('todos'); return (
Trilhas de aprendizado vivas.} sub="As trilhas combinam playbooks, manuais, pílulas e role-plays em uma ordem que faz sentido. Use o Onboarding nos primeiros 30 dias e as trilhas por área para reciclagem." cta={[{ label: 'Sugerir nova trilha', kind: 'ghost' }, { label: 'Minhas trilhas', kind: 'primary' }]} /> {/* Trilha em destaque */}

Todas as trilhas

{['Todos', 'Iniciante', 'Veterano', 'Expert'].map(l => ( {l} ))}
{TRILHAS.map(t => )}
{/* Próximas aulas + estatísticas */}
); } function FeaturedTrilha() { const t = TRILHAS[1]; // Trilha Comercial return (
Trilha em destaque · {t.tag}

{t.title}

{t.desc}

{t.items} conteúdos· {t.hours}· 4 playbooks · 6 manuais
{/* progresso visual da trilha por capítulo */}
Progresso por bloco
{[100,100,100,76,40,0,0,0,0,0,0,0].map((v, i) => (
))}
{/* lado direito — lista visual de blocos */}
Programa
{[ { s: 'done', t: 'Introdução · cultura Ampexx', d: '14 min' }, { s: 'done', t: 'Os 4 produtos em 20 minutos', d: '22 min' }, { s: 'done', t: 'Playbook · Usinas de Investimento', d: '38 min' }, { s: 'now', t: 'Playbook · Energia por Assinatura', d: '24 min' }, { s: 'todo', t: 'Diagnóstico em 7 perguntas', d: '12 min' }, { s: 'todo', t: 'Objeções por produto', d: '28 min' }, { s: 'todo', t: 'Roleplay · reunião comercial', d: '45 min' }, ].map((b, i) => (
{b.t}
{b.d}
))}
); } function BlockMark({ s }) { if (s === 'done') return
; if (s === 'now') return
; return
; } function TrilhaProxAulas() { return (
{[ { d: '22·mai', h: '10:00', t: 'Roleplay · objeções em Energia por Assinatura', host: 'Coord. Comercial' }, { d: '24·mai', h: '15:00', t: 'Atualização do Wattio · novos campos', host: 'Engenharia' }, { d: '27·mai', h: '09:30', t: 'Reciclagem · padrões de WhatsApp', host: 'Atendimento' }, { d: '29·mai', h: '14:00', t: 'Cases de homologação · 1º trimestre', host: 'Engenharia' }, ].map((a, i) => (
{a.d}
{a.h}
{a.t}
{a.host}
))}
Programa Ampexx

Certificação Comercial Ampexx

Conclua a Trilha Comercial e o Roleplay com avaliação superior a 80% para liberar a certificação interna.

62% concluído
); } Object.assign(window, { PageTrilhas, TrilhaProxAulas });