function Audience() {
  const groups = [
    { title: "Kliniki medycyny estetycznej" },
    { title: "Gabinety stomatologiczne" },
    { title: "Salony SPA i beauty" },
  ];
  return (
    <section className="g-section" id="dlakogo">
      <SectionHeader num="01" eyebrow="Dla kogo" title={<>Z kim <span style={{whiteSpace:'nowrap'}}><em>współpracuję</em>?</span></>}
                     lead="Współpracuję z placówkami, które chcą uwolnić się od ciągłych telefonów i odpowiadania na te same pytania, mają dość prowizji Booksy i Znanego Lekarza, i chcą własny system rezerwacji." />
      <div className="g-audience-grid">
        {groups.map((g) => (
          <article key={g.title} className="g-audience-card g-audience-card--bare">
            <h3 className="g-audience-title">{g.title}</h3>
          </article>
        ))}
      </div>
    </section>
  );
}

window.Audience = Audience;
