// ============================================================================ // Home — visão geral do portal // ============================================================================ function PageHome({ go, open }) { return (
); } // ---- HERO ------------------------------------------------------------------ function HomeHero({ go }) { return (
Portal v2.4 · ciclo mai·26 Última atualização há 12 min

Portal de Instruções e Playbooks Ampexx

Centralize tudo o que sua área precisa para vender, operar e atender com o padrão Ampexx — playbooks comerciais, manuais de função, trilhas de treinamento e ferramentas, sincronizados com o Google Drive.

); } function Stat({ n, l }) { return (
{n}
{l}
); } // Ilustração original com SVG geométrico — sol, raio e malha (sem clichês) function HeroIllustration() { return (
{/* mesh background */} {Array.from({ length: 12 }).map((_, i) => ( ))} {Array.from({ length: 18 }).map((_, i) => ( ))} {/* Sol em arcos */} {/* Raio diagonal */} {/* Painéis estilizados — geométricos */} {/* Card flutuante */}
Em destaque
Playbook · Usinas de Investimento — v2.4
12 capítulos · 38 min
); } // ---- CONTINUE ESTUDANDO ---------------------------------------------------- function HomeContinue({ open, go }) { return (
{CONTINUE.map(c => { const pal = PRODUCT_PALETTES[c.pal]; return ( open && open(c)} style={{ overflow: 'hidden' }}>
{c.kind}
{c.title}
{c.chapter}
{c.progress}%
); })}
); } function CoverGlyph({ kind, color, ink }) { // Glyph minimalista representando o tipo de conteúdo if (kind === 'Playbook') { return ( ); } if (kind === 'Manual') { return ( {[14,22,30,38,46].map(y => )} ); } // Trilha return ( ); } // ---- DESTAQUES (Pílulas estilo cards verticais) ---------------------------- function HomeFeatured({ open, go }) { return (
TodasVendasOperaçõesAtendimento } action="Ver pílulas" />
{PILULAS.map(p => { const pal = PRODUCT_PALETTES[p.pal]; return (
{p.area}
{p.t}
assistir {p.d}
); })}
); } function PilulaShape({ color, ink }) { // pequeno marker geométrico aleatório-controlado para cada pílula return ( ); } function Chip({ children, active }) { return ( ); } // ---- Strip Trilhas --------------------------------------------------------- function HomeStrip({ go }) { return (
{TRILHAS.slice(0, 3).map(t => )}
); } // ---- Atalhos / Estrutura do portal ----------------------------------------- function HomeAtalhos({ go }) { const items = [ { id: 'playbooks', label: '01 · Playbooks de Vendas', sub: '4 produtos · 1 em rascunho', icon: 'book' }, { id: 'manuais', label: '02 · Manuais de Funções', sub: '7 funções comerciais', icon: 'doc' }, { id: 'manuais', label: '03 · Manuais Operacionais', sub: '9 processos cobertos', icon: 'doc' }, { id: 'trilhas', label: '04 · Treinamento e Desenvolvimento', sub: '5 trilhas ativas', icon: 'path' }, { id: 'ferramentas', label: '05 · Ferramentas e Sistemas', sub: '8 ferramentas mapeadas', icon: 'tool' }, { id: 'modelos', label: '06 · Modelos e Templates', sub: '6 modelos prontos', icon: 'tag' }, { id: 'politicas', label: '07 · Políticas internas', sub: 'Padrões Ampexx', icon: 'shield' }, { id: 'home', label: '08 · Materiais de apoio', sub: 'Apresentações e FAQ', icon: 'building' }, ]; return (
{items.map((it, i) => { const IconC = Icon[it.icon]; return ( go(it.id)} style={{ padding: 16, display: 'flex', flexDirection: 'column', gap: 14, minHeight: 120 }}>
{it.label}
{it.sub}
); })}
); } window.PageHome = PageHome; window.CoverGlyph = CoverGlyph; window.TrilhaCardHome = TrilhaCard; // also exposes function TrilhaCard({ t, go }) { const tones = { 'navy': { bg: 'var(--navy)', ink: '#fff', glow: 'var(--amber)' }, 'navy-amber': { bg: 'var(--navy-2)',ink: '#fff', glow: 'var(--amber-2)' }, 'leaf': { bg: '#1F4F37', ink: '#fff', glow: '#9CC9B0' }, 'rust': { bg: '#7B341A', ink: '#fff', glow: '#F0B656' }, }; const tone = tones[t.tone] || tones.navy; return ( go && go('trilhas')} style={{ background: tone.bg, color: tone.ink, border: 'none', padding: 22, position: 'relative', overflow: 'hidden', minHeight: 200, }}>
Trilha · {t.tag}
{t.title}
{t.desc}
{t.items} conteúdos·{t.hours}
{/* glow */}
); } window.TrilhaCard = TrilhaCard;