function Solutions() {
  const items = [
    { tag: "01", title: "Automatyczna obsługa zamówień", desc: "Statusy, faktury, etykiety, follow-upy po dostawie - wszystko leci samo. Twoja rola kończy się na pakowaniu.",                                  label: "Rozwiązanie problemu 01" },
    { tag: "02", title: "Kwalifikacja leadów przez AI",  desc: "Agent AI rozmawia z każdym, kto zostawi formularz. Zadaje pytania, oddziela poważnych od ciekawskich, do CRM trafiają tylko gotowi.",          label: "Rozwiązanie problemu 02" },
    { tag: "03", title: "Chatbot 24/7 po polsku",         desc: "Asystent obsługuje 80% powtarzających się pytań - od ręki, na każdym kanale. Resztę przekazuje Tobie z gotowym kontekstem.",                  label: "Rozwiązanie problemu 03" },
    { tag: "04", title: "Sekwencje retencyjne",           desc: "Po zakupie/usłudze klient wpada w automatyczną ścieżkę: podziękowanie, prośba o opinię, oferta dopasowana w odpowiednim momencie. Wraca sam.", label: "Rozwiązanie problemu 04" },
    { tag: "05", title: "Synchronizacja narzędzi (n8n / Make)", desc: "Łączę CRM, kalendarz, mail, Excel, Notion. Nikt już nic nie przekleja - dane lecą same i są zawsze aktualne.",                          label: "Rozwiązanie problemu 05" },
    { tag: "06", title: "Dedykowane aplikacje",           desc: "Kiedy SaaS-y się kończą, buduję pod Ciebie. Panel klienta, board projektowy, system rezerwacji - dokładnie pod Twój proces, bez kompromisów.", label: "Rozwiązanie problemu 06" },
  ];
  return (
    <section className="g-section" id="pomagam">
      <SectionHeader num="03" eyebrow="Jak pomagam" title={<>Jak wpłynę na <em>Twój wzrost</em>.</>}
                     lead="Każdy problem wyżej ma konkretne rozwiązanie. Tak wygląda mój zestaw narzędzi." />
      <div className="g-mag-grid">
        {items.map((s) => (
          <article key={s.tag} className="g-mag-card g-mag-card--solution">
            <div className="g-mag-num">{s.tag}</div>
            <h3 className="g-mag-title">{s.title}</h3>
            <p className="g-mag-desc">{s.desc}</p>
            <div className="g-mag-foot">
              <span className="g-mag-label">{s.label}</span>
              <a className="g-mag-arrow" href="#" aria-label="Więcej">
                <i data-lucide="arrow-up-right"></i>
              </a>
            </div>
          </article>
        ))}
      </div>
    </section>
  );
}

window.Solutions = Solutions;