import Link from "next/link";
import { Button } from "@/components/ui/button";
import { Logo } from "@/components/ui/logo";

export default function NotFound() {
  return (
    <div className="flex flex-1 flex-col items-center justify-center px-6 py-24 text-center">
      <Logo />
      <p className="mt-10 font-mono text-[12px] uppercase tracking-widest text-fg-subtle">404 · NOT_FOUND</p>
      <h1 className="mt-3 text-2xl font-semibold tracking-tight">This page could not be fetched.</h1>
      <p className="mt-2 max-w-sm text-[14px] text-fg-muted">The URL you requested does not exist on fetcha.co. Check the address or head back home.</p>
      <div className="mt-8 flex gap-2">
        <Button asChild><Link href="/">Go home</Link></Button>
        <Button asChild variant="outline"><Link href="/docs">Documentation</Link></Button>
      </div>
    </div>
  );
}