spb/countryatlas

1import Link from 'next/link';2import { t } from '@/i18n';3import { routes } from '@/lib/site';45export default function NotFound() {6  return (7    <div className="mx-auto max-w-prose py-20 text-center">8      <div className="eyebrow">404</div>9      <h1 className="display mt-2 text-3xl text-ink">{t('common.notFound')}</h1>10      <p className="mt-3 text-ink-2">{t('common.notFoundHint')}</p>11      <div className="mt-6 flex flex-wrap justify-center gap-3 text-sm">12        <Link href={routes.countries()} className="inline-flex h-10 items-center rounded-sm bg-ink px-4 font-medium text-paper hover:bg-accent hover:text-accent-ink">13          {t('common.browseCountries')}14        </Link>15        <Link href={routes.home()} className="inline-flex h-10 items-center rounded-sm border border-rule px-4 text-ink hover:bg-surface-2">16          {t('common.goHome')}17        </Link>18      </div>19    </div>20  );21}22