import { Link } from '@tanstack/react-router';

export function NotFound() {
  return (
    <div className="grid place-items-center py-24 text-center">
      <div>
        <p className="font-display text-5xl font-extrabold text-accent">404</p>
        <p className="mt-2 text-muted">Off the pitch — that page doesn&apos;t exist.</p>
        <Link to="/" className="mt-4 inline-block rounded-md bg-elevated px-4 py-2 text-sm font-medium text-ink hover:bg-line">
          Back to Live
        </Link>
      </div>
    </div>
  );
}
