import Link from "next/link";
import { Compass } from "lucide-react";
import { Button } from "@/components/ui/button";

export default function NotFound() {
  return (
    <main className="mx-auto flex min-h-[60vh] w-full max-w-md flex-col items-center justify-center px-4 py-16 text-center">
      <Compass className="size-10 text-primary" aria-hidden />
      <h1 className="mt-4 font-heading text-2xl font-bold">
        Böyle bir sayfa yok
      </h1>
      <p className="mt-2 text-sm leading-6 text-slate-600">
        Aradığın sayfa taşınmış ya da hiç var olmamış olabilir. Listeni
        kurmaya ana sayfadan devam edebilirsin.
      </p>
      <Button
        asChild
        className="mt-6 cursor-pointer bg-orange-500 text-white transition-colors duration-200 hover:bg-orange-600"
      >
        <Link href="/">Ana sayfaya dön</Link>
      </Button>
    </main>
  );
}