import Link from 'next/link';
import { routes } from '@/lib/site';

export default function NotFound() {
  return (
    <div className="container-x mx-auto flex max-w-[1600px] flex-col items-start justify-center py-24 md:py-40">
      <p className="eyebrow">404 · Object not catalogued</p>
      <h1 className="display mt-3 text-4xl md:text-6xl">This page is not in orbit.</h1>
      <p className="mt-4 max-w-md text-ink-2">The page you asked for does not exist, or the object was renamed. Try a search by name, NORAD or COSPAR id.</p>
      <div className="mt-8 flex gap-3">
        <Link href={routes.home()} className="rounded-md bg-accent px-4 py-2.5 text-sm font-medium text-accent-ink">Back to the index</Link>
        <Link href={routes.search()} className="rounded-md border border-rule-strong px-4 py-2.5 text-sm text-ink hover:bg-plane-2">Search</Link>
      </div>
    </div>
  );
}