/* sections-proof.jsx — Comparison + theoretical pillars */ const CMP_OTHERS = { tag: "Os outros caminhos", h: "Apps, escolas e imersões", feats: [ "Material genérico, mesmo conteúdo pra todo aluno", "Professor sem experiência de mercado executivo", "Aula em grupo ou conversação solta com nativo", 'Prazo elástico: "fluência em 2 anos"', "Imersão dá confiança que dura 30 dias", "Vocabulário sim, palco global não", ], }; const CMP_FLY = { tag: "CEO Fluente", h: "Acompanhamento 1:1 para C-level", feats: [ "Pesquisa do seu setor antes de cada aula", "Instrutor com cases reais de palco global (Bruno · Equifax)", "1:1 100% online, agenda calibrada à sua rotina", "Prazo declarado: 6 meses até apresentar em inglês", "Resultado sustentado — sem efeito Cinderela", "Reunião com matriz, board, negociação internacional", ], }; function CompareSlider() { const [pos, setPos] = React.useState(50); const [drag, setDrag] = React.useState(false); const ref = React.useRef(null); const move = React.useCallback((clientX) => { if (!ref.current) return; const r = ref.current.getBoundingClientRect(); const p = Math.max(0, Math.min(100, ((clientX - r.left) / r.width) * 100)); setPos(p); }, []); React.useEffect(() => { if (!drag) return; const onMove = (e) => move(e.clientX); const onTouch = (e) => move(e.touches[0].clientX); const stop = () => setDrag(false); window.addEventListener("mousemove", onMove); window.addEventListener("mouseup", stop); window.addEventListener("touchmove", onTouch, { passive: true }); window.addEventListener("touchend", stop); return () => { window.removeEventListener("mousemove", onMove); window.removeEventListener("mouseup", stop); window.removeEventListener("touchmove", onTouch); window.removeEventListener("touchend", stop); }; }, [drag, move]); const onTrackClick = (e) => { if (drag) return; move(e.clientX); }; return (
{CMP_OTHERS.tag}

{CMP_OTHERS.h}

    {CMP_OTHERS.feats.map((f, i) => (
  • {f}
    • ))}
{CMP_FLY.tag}

{CMP_FLY.h}

    {CMP_FLY.feats.map((f, i) => (
  • {f}
    • ))}
{ e.preventDefault(); setDrag(true); }} onTouchStart={() => setDrag(true)} role="slider" aria-valuenow={Math.round(pos)} aria-valuemin={0} aria-valuemax={100} aria-label="Arraste para comparar" tabIndex={0} onKeyDown={(e) => { if (e.key === "ArrowLeft") setPos((p) => Math.max(0, p - 4)); if (e.key === "ArrowRight") setPos((p) => Math.min(100, p + 4)); }} >
); } function Comparison() { return (
Comparativo honesto

Arraste e veja a diferença.

À esquerda, o que o mercado entrega. À direita, o que entregamos.

); } function Pillars() { const p1 = PILLARS[0], p2 = PILLARS[1], p3 = PILLARS[2], p4 = PILLARS[3]; return (
Como eu ensino

Quatro fundamentos pedagógicos. Zero achismo.

Os seis pilares acima são o que você trabalha. Estes quatro são como. Cada decisão de aula vem de métodos pedagógicos consagrados.

{/* PILLAR 01 — big number badge */}
{p1.n}

{p1.t}

{p1.p}

{/* PILLAR 02 — concentric circles with icon */}

{p2.t}

{p2.p}

{/* PILLAR 03 — sparkline level chart */}

{p3.t}

{p3.p}

{/* PILLAR 04 — wide feedback panel */}

{p4.t}

{p4.p}

); } Object.assign(window, { Comparison, Pillars });