import Link from 'next/link';

export function SiteHeader() {
  return (
    <header className="site-header">
      <Link className="brand" href="/" aria-label="MotorSignal home">
        <span className="brand-mark">M</span>
        <span>MotorSignal</span>
      </Link>
      <nav aria-label="Primary navigation">
        <Link href="/features">Features</Link>
        <Link href="/pricing">Pricing</Link>
        <Link href="/download">Download</Link>
        <Link href="/support">Support</Link>
      </nav>
      <div className="header-actions">
        <Link className="quiet-link" href="/login">Sign in</Link>
        <Link className="button button-small" href="/register">Create account</Link>
      </div>
    </header>
  );
}