// SiteHeader.jsx — Top nav for ROSTA marketing site
function SiteHeader({ active = 'inicio' }) {
  const items = [
    { id: 'inicio', label: 'Início' },
    { id: 'servicos', label: 'Serviços' },
    { id: 'segmentos', label: 'Segmentos' },
    { id: 'blog', label: 'Conteúdo' },
    { id: 'contato', label: 'Contato' }
  ];
  return (
    <header className="rs-header">
      <a className="rs-logo" href="index.html">
        <img src="assets/logo-normal.png" alt="RO.ST Contadores" height="58"/>
      </a>
      <nav className="rs-nav">
        {items.map(i => (
          <a key={i.id} href={i.id === 'blog' ? 'blog.html' : i.id === 'inicio' ? 'index.html' : `#${i.id}`} className={`rs-nav-link ${active === i.id ? 'active' : ''}`}>{i.label}</a>
        ))}
      </nav>
      <div className="rs-header-cta">
        <a className="rs-btn rs-btn-ghost" href="area-do-cliente.html">Área do cliente</a>
        <a className="rs-btn rs-btn-primary" href="https://web.whatsapp.com/send?phone=5547992871181&text=Ol%C3%A1%2C+quero+conversar+com+um+Contador+especialista." target="_blank" rel="noopener noreferrer">Pedir proposta</a>
      </div>
    </header>
  );
}

window.SiteHeader = SiteHeader;