components/halves/SiteHeader.tsx

import Link from "next/link";
import { BrandLockup } from "./BrandLockup";

export function SiteHeader() {
  return (
    <header className="site-header">
      <Link className="site-header__brand" href="/" aria-label="Halves home">
        <BrandLockup priority />
      </Link>
      <nav aria-label="Primary navigation">
        <Link href="/#case">Current case</Link>
        <Link href="/#idea">Why halves</Link>
        <Link href="/#how">How it works</Link>
      </nav>
      <div className="site-header__end">
        <span className="site-header__drop">Drop 04 · Autumn</span>
        <Link className="site-header__join" href="/#join">Join</Link>
      </div>
    </header>
  );
}