import Link from 'next/link';
import { Logo } from '@/components/chrome/Logo';

export default function NotFound() {
  return (
    <div className="mx-auto flex min-h-[60vh] max-w-[720px] flex-col items-start justify-center gap-4 px-5 py-16">
      <Logo size={28} />
      <p className="label">404 · not observed</p>
      <h1 className="text-2xl font-medium tracking-tight">This scope is not part of the observatory.</h1>
      <p className="text-ink-2">We only publish pages for countries, ASNs, services and incidents where we hold real measurements. Nothing is pretended.</p>
      <Link href="/" className="text-accent hover:underline">
        ← Back to the gauge
      </Link>
    </div>
  );
}