const Testimonials = () => {
  const items = [
    { q: "Entregaram o MVP em 5 semanas. O que antes eram 3 fornecedores virou uma única conversa — e o produto finalmente saiu do papel.", nm: "Renata M.", ro: "CEO · Órion Logística", a: "R" },
    { q: "O Connect mudou nossa operação. A equipe de atendimento escalou 4×, sem contratar ninguém novo.", nm: "Pedro L.", ro: "Diretor comercial · Clínica Vitta", a: "P" },
    { q: "Branding, site, redes — tudo falando a mesma língua. Parece óbvio, mas a gente nunca tinha tido isso.", nm: "Ana S.", ro: "Fundadora · Casa Norte", a: "A" },
  ];
  return (
    <section className="section" id="testimonials">
      <div className="container">
        <div className="sec-head">
          <div>
            <div className="eyebrow">O que dizem · 06</div>
            <h2 style={{marginTop:20}}>Gente que<br/><em className="grad-text" style={{fontWeight:400}}>ficou.</em></h2>
          </div>
          <div className="body">A maioria dos nossos clientes volta pra um segundo projeto. O melhor indicador de trabalho bom é o telefone tocando de novo.</div>
        </div>
        <div className="testis">
          {items.map((t,i)=>(
            <div className="testi" key={i}>
              <div className="q">&ldquo;{t.q}&rdquo;</div>
              <div className="au">
                <div className="av">{t.a}</div>
                <div>
                  <div className="nm">{t.nm}</div>
                  <div className="ro">{t.ro}</div>
                </div>
              </div>
            </div>
          ))}
        </div>
      </div>
    </section>
  );
};
window.Testimonials = Testimonials;