// 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>
          {/* Anchory absolútne na landing page (/) — na inej stránke (napr.
              /tabulkove-vyzivne) je relatívny "#anchor" zlomený, lebo sekcia
              tam neexistuje. Forma "/#anchor" funguje na obi: na landing page
              browser len scrollne (URL sa nemení), na inej stránke naviguje
              na / a scrollne na sekciu. */}
          <a href="/#ako-funguje">Ako to funguje</a>
          <a href="/#typy">Typy dokumentov</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ť návrh</a>
        </div>
      </div>
    </header>
  );
};

window.Header = Header;