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">
          For Those Who Build With Intent.
        </p>
        <h1
          className="mt-2 text-4xl md:text-5xl font-extrabold tracking-tight 
                     bg-gradient-to-r from-amber-400 via-amber-200 to-amber-400 
                     text-transparent uppercase bg-clip-text drop-shadow-[0_2px_6px_rgba(255,193,7,0.25)]"
        >
          Battl Builder&trade;
        </h1>
        <p className="mt-3 text-sm md:text-base text-zinc-400">
          Battl Builder&trade; is your command center for rifle builds. We surface live
          parts and hard-use brands, giving you a mission-ready workbench to
          design smarter, track cost, swap components, and save setups. No
          fluff. Just clean, trustworthy data.
        </p>
        <div className="mt-6">
          <Link
            href="/builder"
            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"
          >
            Launch The Builder
          </Link>
        </div>
      </div>
    </main>
  );
}
