components/halves/SiteFooter.tsx

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

export function SiteFooter() {
  return (
    <footer className="site-footer">
      <div className="site-footer__brand">
        <BrandLockup />
        <p>Good wine, in a bottle sized for tonight.</p>
      </div>
      <nav aria-label="Club links">
        <span>The club</span>
        <Link href="/#idea">Why halves</Link>
        <Link href="/#case">Current case</Link>
        <Link href="/#join">Join Drop 04</Link>
      </nav>
      <nav aria-label="Company links">
        <span>Company</span>
        <Link href="/#how">Shipping</Link>
        <a href="mailto:hello@halves.wine">Contact</a>
        <Link href="/system">Design system</Link>
      </nav>
      <p className="site-footer__colophon">
        Halves Wine Club · United States · 375 ml only · Please drink a little,
        and drink well.
      </p>
    </footer>
  );
}