// Header — sticky, premium law-firm feel
const Header = () => {
  return (
    <header className="site-header">
      <div className="site-header-top">
        <div className="trust-row">
          <span><span className="pilcrow">§</span> Pripravené advokátskou kanceláriou</span>
          <span><a href="https://www.sak.sk/web/sk/cms/lawyer/adv/proxy/list/form/row/row/367725/attr/adv_full_name/display" target="_blank" rel="noopener noreferrer">SAK č. zápisu 5144</a></span>
          <span>Bratislava - Slovenská republika</span>
        </div>
        <div className="trust-row">
          <span>+421 800 223 230 </span>
          <span>advokat@ficek.sk</span>
        </div>
      </div>
      <div className="site-header-main">
        <a href={window.SITE_URL} className="logo">
          <span className="mark">F</span>
          <span>
            Ficek &amp; Partners
            <small>Advokátska kancelária</small>
          </span>
        </a>
        <nav className="nav">
          <a href="vzor.html" className="active">Vzor zadarmo</a>
          <a href="#ako-funguje">Ako to funguje</a>
          <a href="#typy">Typy zmlúv</a>
          <a href="#autor">Autor</a>
          <a href="#faq">Otázky a odpovede</a>
          <a href={window.CONTACT_URL}>Kontakt</a>
        </nav>
        <div className="header-cta">
          <a href="vzor.html" className="btn btn-primary btn-sm">Vytvoriť zmluvu</a>
        </div>
      </div>
    </header>
  );
};

window.Header = Header;