import Link from 'next/link';

export default function Custom404Page() {
  return (
    <main className="min-h-screen flex items-center justify-center bg-deep-graphite text-white px-6">
      <div className="max-w-md text-center space-y-4">
        <h1 className="text-3xl font-semibold">404</h1>
        <p className="text-sm text-gray-400">
          This page doesn't exist.
        </p>
        <div className="pt-2">
          <Link
            href="/"
            className="inline-flex items-center justify-center rounded-md bg-primary-blue px-4 py-2 text-sm font-medium text-white hover:bg-primary-blue/80 transition-colors"
          >
            Drive home
          </Link>
        </div>
      </div>
    </main>
  );
}