import Link from "next/link";

export default function HomePage() {
  return (
    <main className="min-h-screen bg-black text-zinc-50 flex items-center justify-center px-4">
      <div className="max-w-xl text-center">
        <p className="text-xs font-semibold tracking-[0.2em] uppercase text-zinc-500">
          Shadow Standard Co.
        </p>
        <h1 className="mt-2 text-3xl md:text-4xl font-semibold tracking-tight">
          The Build Bench
        </h1>
        <p className="mt-3 text-sm md:text-base text-zinc-400">
          This is a minimal Next.js + Tailwind prototype of the Gunbuilder
          concept. Click below to open the builder and start selecting parts
          for an AR-15 build.
        </p>
        <div className="mt-6">
          <Link
            href="/gunbuilder"
            className="inline-flex items-center justify-center rounded-md border border-amber-400/70 bg-amber-400/10 px-4 py-2 text-sm font-medium text-amber-200 hover:bg-amber-400/15"
          >
            Open The Build Bench
          </Link>
        </div>
      </div>
    </main>
  );
}