function Footer({ onBook }) {
  return (
    <footer className="ftr" id="kontakt">
      <div className="container">
        <h2 className="display" style={{fontSize: "clamp(48px, 7vw, 96px)", lineHeight: 0.96}}>
          Gotowy <em>na drogę</em>?<br/>
          Zaczynamy od <em>kawy</em>.
        </h2>
        <div style={{display: "flex", gap: 12, marginTop: 28, flexWrap: "wrap"}}>
          <button className="btn btn-ember" onClick={onBook}>
            Zarezerwuj kampera <window.Icon name="arrow" size={16}/>
          </button>
          <a className="btn btn-solid-paper" href="tel:+48790419336">
            <window.Icon name="phone" size={14}/> Zadzwoń teraz
          </a>
        </div>

        <div className="ftr-grid">
          <div className="ftr-col">
            <div className="brand" style={{marginBottom: 18}}>
              <img src="https://kamperland.com.pl/wp-content/uploads/2024/07/cropped-kamperland-logo-1.jpg"
                   alt="Kamperland" className="brand-logo brand-logo-light"
                   onError={(e) => { e.target.style.display = "none"; e.target.nextSibling.style.display = "inline"; }}/>
              <span className="brand-fallback" style={{color: "var(--paper)"}}>Kamperland</span>
            </div>
            <p style={{maxWidth: 36+"ch", fontSize: 14, color: "oklch(0.75 0.012 80)", lineHeight: 1.6, margin: 0}}>
              Serwis Pojazdów Kempingowych. Wynajem Kamperów. Porady. Podróże.
            </p>
            <div style={{marginTop: 20, fontFamily: "var(--mono)", fontSize: 13, color: "oklch(0.75 0.012 80)", lineHeight: 1.7}}>
              Kamperland<br/>
              ul. Panoramiczna 39C<br/>
              32-566 Brodła
            </div>
          </div>

          <div className="ftr-col">
            <h5>Nawigacja</h5>
            <ul>
              <li><a href="#flota">Kamper</a></li>
              <li><a href="#wyposazenie">Wyposażenie</a></li>
              <li><a href="#cennik">Cennik</a></li>
              <li><a href="#serwis">Mobilny serwis</a></li>
              <li><a href="#podroze">Podróże</a></li>
              <li><a href="#faq">Pytania</a></li>
            </ul>
          </div>

          <div className="ftr-col">
            <h5>Kontakt</h5>
            <div className="ftr-contact">
              <a href="tel:+48790419336">+48 790 419 336</a>
              <a href="tel:+48791691696">+48 791 691 696</a>
              <a href="mailto:serwis@kamperland.com.pl">serwis@kamperland.com.pl</a>
              <a href="https://www.facebook.com/ag.camper/">facebook.com/ag.camper</a>
            </div>
            <div className="ftr-socials" style={{marginTop: 16}}>
              <a href="https://www.facebook.com/ag.camper/" aria-label="Facebook"><window.Icon name="fb" size={16}/></a>
            </div>
          </div>

          <div className="ftr-col">
            <h5>Dla podróżników</h5>
            <ul>
              <li><a href="https://kamperland.com.pl/polska/">Polska</a></li>
              <li><a href="https://kamperland.com.pl/rumunia/">Rumunia</a></li>
              <li><a href="https://kamperland.com.pl/albania/">Albania</a></li>
              <li><a href="https://kamperland.com.pl/bulgaria/">Bułgaria</a></li>
              <li><a href="https://kamperland.com.pl/slowacja/">Słowacja</a></li>
              <li><a href="https://kamperland.com.pl/wegry/">Węgry</a></li>
            </ul>
          </div>
        </div>

        <div className="ftr-bottom">
          <span className="small">© 2026 Kamperland. Wszystkie prawa zastrzeżone.</span>
          <span className="small">Serwis Pojazdów Kempingowych · Wynajem Kamperów · Porady · Podróże</span>
        </div>
      </div>
    </footer>
  );
}

window.Footer = Footer;