function Testimonials() {
  const items = [
    { quote: <>Maciej w tydzień zbudował chatbota, który obsługuje 80% zapytań. <em>Reszta to ja mam czas na rzeczy ważne.</em></>,
      name: "Anna Kowalska", role: "Founderka · StudioWnętrz", avatar: "AK" },
    { quote: <>Wreszcie kalendarz, faktury i CRM <em>gadają ze sobą</em>. Przestałem przepisywać dane między okienkami.</>,
      name: "Tomasz Nowak", role: "Właściciel · Klinika Estetyczna 3D", avatar: "TN" },
    { quote: <>Zero korpomowy, konkretna robota, terminy dotrzymane. <em>Wreszcie ktoś, kto mówi po ludzku.</em></>,
      name: "Karolina Wiśniewska", role: "Head of Ops · ShopGo", avatar: "KW" },
  ];
  return (
    <section className="g-section" id="opinie">
      <SectionHeader num="05" eyebrow="Opinie klientów" title={<>Co mówią ludzie, <em>dla których pracowałem</em>.</>} />
      <div className="g-testimonials-grid">
        {items.map((t, i) => (
          <blockquote key={i} className="g-tmcard">
            <i data-lucide="quote" className="g-tmcard-mark"></i>
            <p className="g-tmcard-text">{t.quote}</p>
            <footer className="g-tmcard-by">
              <div className="g-tmcard-avatar">{t.avatar}</div>
              <div>
                <div className="g-tmcard-name">{t.name}</div>
                <div className="g-tmcard-role">{t.role}</div>
              </div>
            </footer>
          </blockquote>
        ))}
      </div>
    </section>
  );
}

window.Testimonials = Testimonials;
