function Process() {
  const steps = [
    { num: "01", title: "Bezpłatny audyt",
      desc: "30 minut online. Poznaję Twoje procesy i sprawdzamy, gdzie automatyzacja albo AI naprawdę mają sens. Wychodzimy z konkretnymi ustaleniami i diagnozą problemu." },
    { num: "02", title: "Przedstawienie rozwiązania",
      desc: "Drugie spotkanie online. Pokazuję 2–3 warianty rozwiązania dopasowane do Twojego problemu - z kosztem, czasem wdrożenia i prognozą zwrotu inwestycji." },
    { num: "03", title: "Realizacja projektu",
      desc: "Buduję i testuję. Co tydzień dostajesz mailowy raport o postępach, a na bieżąco jesteśmy w kontakcie na WhatsAppie. Wiesz, na jakim etapie jest projekt." },
    { num: "04", title: "Wsparcie",
      desc: "Nie zostawiam Cię samego po wdrożeniu. Oferuję bieżące wsparcie techniczne - reaguję na zmiany w Twoim biznesie i utrzymuję to, co zbudowałem." },
  ];
  return (
    <section className="g-section" id="proces">
      <SectionHeader num="05" eyebrow="Współpraca"
                     title={<>Jak wygląda <em>współpraca</em>?</>}
                     lead="Cztery kroki od pierwszej rozmowy do wdrożenia. Jasno, bez niespodzianek, bez przeciągania w czasie." />
      <div className="g-process-grid">
        {steps.map((s) => (
          <div key={s.num} className="g-process-step">
            <div className="g-process-num">{s.num}</div>
            <h3 className="g-process-title">{s.title}</h3>
            <p className="g-process-desc">{s.desc}</p>
          </div>
        ))}
      </div>
    </section>
  );
}

window.Process = Process;
