import Link from 'next/link';

const NotFound: React.FC = () => {
  return (
    <div className="flex min-h-[60vh] flex-col items-center justify-center">
      <h1 className="mb-3 text-3xl font-bold">Seite nicht gefunden</h1>

      <p className="mb-6 max-w-prose text-gray-600">
        Das gewünschte Buch existiert nicht oder wurde entfernt.
      </p>

      <Link
        href="/books"
        className="rounded-md bg-blue-600 px-4 py-2 text-white hover:bg-blue-700"
      >
        Zurück zur Übersicht
      </Link>
    </div>
  );
};

export default NotFound;
