/* v2 Header — sticky dark glass */

const V2Header = () => (
  <header className="v2-header">
    <a href="#" className="v2-header__mark" aria-label="ForestOS, inici">
      <span className="v2-header__mark-icon"><V2Mark size={18} /></span>
      <span className="v2-header__mark-text">Forest<span>OS</span></span>
    </a>
    <nav className="v2-header__nav" aria-label="Principal">
      <a href="#problema">Problema</a>
      <a href="#funcionalitats">Funcionalitats</a>
      <a href="#sider">Tràmits</a>
      <a href="#perfils">Perfils</a>
      <a href="#confianca">Confiança</a>
    </nav>
    <div className="v2-header__spacer" />
    <div className="v2-header__status">
      <span className="v2-header__status-dot" />
      <span>ACCÉS ANTICIPAT</span>
    </div>
    <V2Button variant="ghost" icon={false}>Veure una demo</V2Button>
    <V2Button variant="primary">Sol·licita accés</V2Button>
  </header>
);

window.V2Header = V2Header;