/* Differentials — "Por que escolher a LABSAAS?" — 6 cards */
const LAB_DIFFS = [
  { icon: "layers", title: "SaaS Especializados", desc: "Software feito sob medida para cada nicho de mercado." },
  { icon: "brain-circuit", title: "IA Integrada", desc: "Inteligência Artificial e automações em cada produto." },
  { icon: "rocket", title: "Implementação Rápida", desc: "Sua equipe operando em dias, não meses." },
  { icon: "heart-handshake", title: "Atendimento Humanizado", desc: "Suporte próximo, dedicado e em português." },
  { icon: "trending-up", title: "Escalabilidade", desc: "Cresça sem trocar de ferramenta — a base acompanha." },
  { icon: "sparkles", title: "Tecnologia Moderna", desc: "Stack atual, segura e em evolução contínua." },
];

function Differentials() {
  return (
    <section className="lab-section" id="diferenciais">
      <div className="lab-container">
        <div className="lab-section-head">
          <Reveal><Eyebrow>Diferenciais</Eyebrow></Reveal>
          <Reveal delay={60} as="h2">Por que escolher a Lab MicroSaaS?</Reveal>
        </div>
        <div className="lab-diffs">
          {LAB_DIFFS.map((d, i) => (
            <Reveal key={d.title} delay={(i % 3) * 80}>
              <div className="lab-diff">
                <span className="ck"><Icon name={d.icon} size={19} /></span>
                <div>
                  <h4>{d.title}</h4>
                  <p>{d.desc}</p>
                </div>
              </div>
            </Reveal>
          ))}
        </div>
      </div>
    </section>
  );
}
window.Differentials = Differentials;