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

export function NotFound() {
  const t = useT();
  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">{t.notFound.message}</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">
          {t.notFound.backToLive}
        </Link>
      </div>
    </div>
  );
}
