// Beauty testimonials — continuously left-scrolling marquee (craft theme).
function Testimonials() {
  const items = [
    { quote: <>Maciej przygotował dla nas pełny system, który wygląda, <em>jakby urodził się na stronie</em>. Długo szukaliśmy takiego rozwiązania!</>,
      name: "Karolina", role: "Łódź · klinika med. estetycznej", avatar: "KŁ" },
    { quote: <>System rezerwacji świetnie się sprawuje. <em>Wyeliminowaliśmy duplikację wizyt</em>, co było u nas problemem.</>,
      name: "Weronika", role: "Wrocław · klinika med. estetycznej", avatar: "WW" },
    { quote: <>Pracę z Maciejem oceniam klinicznie pozytywnie. System rezerwacji <em>odciąża pracę recepcji</em>. Klienci rezerwują teraz głównie online i nie dzwonią już tak często.</>,
      name: "Karol", role: "Zabrze · gabinet stomatologiczny", avatar: "KZ" },
    { quote: <>Maciej wdrożył u nas sekretarkę AI, która odbiera telefony i umawia wizyty. <em>Praktycznie nie obsługujemy już telefonów</em> - odpowiada też na socialach w kilka sekund.</>,
      name: "Marianna", role: "Warszawa · klinika med. estetycznej", avatar: "MA" },
  ];
  const loop = [...items, ...items];
  return (
    <section className="g-section" id="opinie">
      <SectionHeader num="05" eyebrow="Opinie klientów" title={<>Co mówią <em>klienci</em>?</>} />
      <div className="g-tm-marquee" aria-label="Opinie klientów">
        <div className="g-tm-marquee-track">
          {loop.map((t, i) => (
            <blockquote key={i} className="g-tmcard" aria-hidden={i >= items.length}>
              <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>
      </div>
    </section>
  );
}

window.Testimonials = Testimonials;
