// Header.jsx — sticky nav
const Header = () => {
  return (
    <header className="bx-header">
      <div className="container bx-header-inner">
        <a className="bx-logo" href="#top" aria-label="BYTEC — inicio">
          <img src="assets/bytec-logo-light.png" alt="BYTEC" className="bx-logo-img"/>
        </a>
        <nav className="bx-nav">
          <a href="#solucion">Solución</a>
          <a href="#industrias">Industrias</a>
          <a href="#prueba">Casos</a>
          <a href="#precios">Precios</a>
          <a href="https://wa.me/50660495999">Contacto</a>
        </nav>
        <div className="bx-nav-cta">
          <a href="#precios" className="btn" style={{color:'#cfd6e0',fontSize:14,fontWeight:500}}>Ver precios</a>
          <a href="https://wa.me/50660495999" className="btn btn-primary">
            <Icon name="message-circle" size={16} />WhatsApp
          </a>
        </div>
      </div>
    </header>
  );
};
window.Header = Header;