// Section 10 — CTA / kontakt
const CTASection = () => {
  return (
    <section className="screen bg-cream" data-screen-label="10 Kontakt" id="kontakt">
      <div className="wrap">
        <div className="cta-layout">
          <div>
            <div className="eyebrow reveal">Kolejny krok</div>
            <h2 className="big-title reveal reveal-d1" style={{ marginBottom: 24, maxWidth: 900 }}>
              Umów <span className="italic">bezpłatny</span><br/>
              przegląd Waszego budynku.
            </h2>
            <p className="lede reveal reveal-d2" style={{ marginBottom: 32 }}>
              Przyjedziemy do&nbsp;Waszej kotłowni, obejrzymy instalację,
              policzymy co&nbsp;i&nbsp;za&nbsp;ile. Bez zobowiązań. Po prostu
              żebyście wiedzieli, jakie macie opcje.
            </p>
            <div className="reveal reveal-d3" style={{ display: 'flex', gap: 12, flexWrap: 'wrap', marginBottom: 28 }}>
              <a href="#" className="btn btn-orange">Napisz maila →</a>
              <a href="#" className="btn btn-outline">Zadzwoń teraz</a>
            </div>
            <p className="reveal reveal-d3" style={{ fontSize: 13, color: 'var(--ink-soft)', fontFamily: "'JetBrains Mono', monospace" }}>
              LUB ODWIEDŹ REALIZACJĘ: wizyta w&nbsp;budynku na Malczewskiego 13 — po umówieniu.
            </p>
          </div>

          <div className="cta-card reveal reveal-d4">
            <h4>Limańczyk Sp. J. · od 1991</h4>
            <div className="cta-item">
              <span className="k">Telefon</span>
              <span className="v">+48 000 000 000<small>pon–pt 8:00–16:00</small></span>
            </div>
            <div className="cta-item">
              <span className="k">E-mail</span>
              <span className="v">kontakt@limanczyk.pl<small>odpowiadamy w 24h</small></span>
            </div>
            <div className="cta-item">
              <span className="k">Adres</span>
              <span className="v">Bielsko-Biała<small>woj. śląskie</small></span>
            </div>
            <div className="cta-item">
              <span className="k">Projekty</span>
              <span className="v">pompy ciepła CWU<small>budynki wielorodzinne</small></span>
            </div>
          </div>
        </div>

        <div className="cta-footer reveal reveal-d4">
          <span>© 2026 LIMAŃCZYK SP. J. · BIELSKO-BIAŁA</span>
          <span>MATERIAŁ INFORMACYJNY DLA SPÓŁDZIELNI I WSPÓLNOT</span>
        </div>
      </div>
    </section>
  );
};
window.CTASection = CTASection;