// Beauty "Jak pomagam?" in the craft mag-grid (3 cards, no branch picker).
function Solutions() {
  const items = [
    { tag: "01", title: "Rezerwacje, które zostają u Ciebie",
      desc: "Buduję system rezerwacji, w którym klientki rezerwują wizyty bezpośrednio u Ciebie. Nie płacisz prowizji i możesz kierować tu reklamy, nie płacąc za nowych klientów. Booksy może zostać obok, ale przestaje być Twoim jedynym kanałem.",
      label: "Rozwiązanie problemu 01" },
    { tag: "02", title: "Pusty termin zapełnia się sam",
      desc: "Wpinam automatyczne przypomnienia SMS i e-mail. Klientka potwierdza wizytę kliknięciem. Gdy ktoś odwoła, system proponuje termin osobom z listy oczekujących. Pusty termin wraca do Twojego grafiku, a nie jest spisany na straty.",
      label: "Rozwiązanie problemu 02" },
    { tag: "03", title: "Klientka dostaje odpowiedź, Ty robisz swoje",
      desc: "Wpinam agenta AI - odbiera telefony i odpowiada na pytania na Instagramie i Messengerze. Mówi naturalnym głosem, działa 24/7, umie umówić wizytę. Klientki dostają odpowiedź od razu, a recepcja jest odciążona z powtarzalnej roboty.",
      label: "Rozwiązanie problemu 03" },
  ];
  return (
    <section className="g-section" id="pomagam">
      <SectionHeader num="03" eyebrow="Jak pomagam" title={<>Jak <em>pomagam</em>?</>} />
      <div className="g-mag-grid">
        {items.map((s) => (
          <article key={s.tag} className="g-mag-card g-mag-card--solution">
            <h3 className="g-mag-title">{s.title}</h3>
            <p className="g-mag-desc">{s.desc}</p>
          </article>
        ))}
      </div>
    </section>
  );
}

window.Solutions = Solutions;
