// Urgencies.jsx — hidden urgencies list
const URGENCIES = [
  ["Você lê carta há anos, mas no fundo sente que ainda tá falando o óbvio."],
  ["Você atende, a pessoa chora, agradece — e na semana seguinte tá no mesmo lugar. Faltou intervenção, não faltou leitura."],
  ["Você sente coisas fortes no atendimento, mas não sabe separar o que é seu do que é do cliente. Sai quebrada, com dor de cabeça, absorvendo."],
  ["Você tem clientes recorrentes que não evoluem — viraram muleta. E você não sabe como cortar isso sem parecer rude."],
  ["Você cobra pouco. Não porque seu trabalho vale pouco — mas porque não tem método nomeado pra cobrar como método."],
  ["Você sabe que tem sensibilidade real. Mas sensibilidade sem sistema é desgaste. E você tá cansada de se desgastar."],
];

function Urgencies() {
  return (
    <section className="section urgencies" data-reveal>
      <div className="container container-narrow">
        <h2 className="h2 center">
          Se você se reconhece em qualquer uma dessas,<br /><em>continua lendo.</em>
        </h2>
        <ul className="urg-list">
          {URGENCIES.map(([t], i) => (
            <li key={i} data-reveal style={{"--reveal-delay": `${120 + i * 70}ms`}}><span className="glyph">◆</span><span>{t}</span></li>
          ))}
        </ul>
        <p className="urg-close">Nenhum desses problemas se resolve decorando mais significado de carta.</p>
      </div>
    </section>
  );
}
window.Urgencies = Urgencies;