import Link from "next/link";

import { Button } from "@/components/ui/button";

export default function Home() {
  return (
    <div className="space-y-8 py-4">
      <div className="space-y-4">
        <h1 className="text-4xl font-semibold tracking-tight sm:text-5xl">
          Where it came from matters
        </h1>
        <p className="max-w-prose text-lg text-[var(--muted)]">
          Trace where you come from — your family <span className="text-bronze">and</span> your
          land — with every fact linked to a source, on infrastructure you control.
        </p>
      </div>
      <div className="flex flex-wrap gap-3">
        <Link href="/register">
          <Button>Create an account</Button>
        </Link>
        <Link href="/login">
          <Button variant="outline">Sign in</Button>
        </Link>
      </div>
    </div>
  );
}