// Deliverables.jsx — what's included
const ITEMS = [
  { t: "12 módulos em vídeo", d: "Do fundamento mental do método à prática guiada e certificação. Gravados em estúdio, com estrutura de aula." },
  { t: "Apostilas por módulo", d: "Mapa das 5 fases, tabela de arquétipos, dicionário de ervas/banhos/cristais/florais, protocolos-modelo." },
  { t: "Manual do Terapeuta Energético", d: "Protocolo de abertura, condução e fechamento. Proteção energética. Separação energia sua vs. do cliente." },
  { t: "Grimório do Terreiro São Miguel", d: "Receitas de banhos, ervas, trabalhos e pontos de pemba que eu uso no terreiro, com finalidade clara." },
  { t: "Estudos de caso reais", d: "Atendimentos reais analisados fase por fase. Você vê o diagnóstico em camadas acontecendo." },
  { t: "Suporte direto no WhatsApp", d: "Dúvida de atendimento, de tiragem, de protocolo. Sem fila, sem formulário." },
  { t: "Certificação Método Destrava Vida", d: "Prova prática + leitura supervisionada + certificado digital. Você se posiciona como terapeuta energético formado." },
  { t: "Acesso vitalício + atualizações", d: "Toda vez que eu atualizar conteúdo, você recebe." },
];

function Deliverables() {
  return (
    <section className="section deliverables" id="bundle" data-reveal>
      <div className="container">
        <h2 className="h2 center">Você leva o sistema inteiro.</h2>
        <p className="lead center" style={{maxWidth: 700, margin: "16px auto 0", color: "var(--fg-on-linen-muted)"}}>
          Tudo o que organiza o atendimento antes, durante e depois da tiragem — aula, apostila, protocolo, grimório, prática guiada e suporte.
        </p>
        <div className="deliv-grid">
          {ITEMS.map((it, i) => (
            <div className="deliv-card" key={i} data-reveal style={{"--reveal-delay": `${120 + i * 55}ms`}}>
              <div className="deliv-n">{String(i+1).padStart(2,'0')}</div>
              <h5 className="deliv-t">{it.t}</h5>
              <p className="deliv-d">{it.d}</p>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Deliverables = Deliverables;