function SiteHeader() {
  return (
    <header className="site-header">
      <div className="container flex items-center justify-between">
        <div className="brand">MySite</div>
        <nav>
          <a href="/">Home</a>
          <a href="/docs">Docs</a>
          <a href="/blog">Blog</a>
        </nav>
        <div className="actions">
          <button aria-label="Search">🔍</button>
          <a href="/login">Sign in</a>
        </div>
      </div>
    </header>
  );
}