import { SiteHeader } from "@/components/SiteHeader";
import { SiteFooter } from "@/components/SiteFooter";

export const metadata = { title: "Contact" };

export default function ContactPage() {
  return (
    <>
      <SiteHeader />
      <main className="mx-auto max-w-3xl px-6 py-24">
        <span className="mb-6 block font-label text-xs uppercase tracking-[0.4em] text-primary">
          05 // CONTACT
        </span>
        <h1 className="mb-8 font-headline text-5xl font-bold tracking-tighter md:text-7xl">
          Open channel
        </h1>
        <p className="font-body text-xl text-on-surface-variant">
          Form wiring, Turnstile, and Payload submission persistence land in a
          follow-up PR (UI-06). For now, direct email lives in the Payload{" "}
          <code className="font-label text-primary">contact</code> global.
        </p>
      </main>
      <SiteFooter />
    </>
  );
}
