function Audience() {
  const groups = [
    { title: "Sklepy z wieloma kanałami sprzedaży", icon: "store" },
    { title: "Marki własne", icon: "tag" },
    { title: "Hurt i B2B", icon: "building-2" },
  ];
  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ę ze sklepami online, które mają dość rosnącego abonamentu BaseLinkera, ręcznej obsługi zamówień z kilku kanałów i sprzedawania produktów, których realnie nie ma na magazynie." />
      <div className="g-audience-grid">
        {groups.map((g) => (
          <article key={g.title} className="g-audience-card g-audience-card--bare">
            <span className="g-aud-ico"><i data-lucide={g.icon}></i></span>
            <h3 className="g-audience-title">{g.title}</h3>
          </article>
        ))}
      </div>
    </section>
  );
}

window.Audience = Audience;
