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

/** Shown for any URL outside the app's routes (previously rendered a blank shell). */
export function NotFound() {
  return (
    <div className="p-10 text-center">
      <h1 className="font-display text-2xl font-semibold text-ink">Page not found</h1>
      <p className="mt-2 text-muted">That page doesn’t exist or has moved.</p>
      <Link to="/" className="mt-4 inline-block text-accent hover:underline">Back to campaigns</Link>
    </div>
  );
}