Stage M1

apps/storefront/src/app/[locale]/not-found.tsx

@@ -0,0 +1,21 @@
+import { useTranslations } from 'next-intl';
+
+import { Button } from '@sport/ui';
+
+import { Link } from '@/i18n/navigation';
+import { routes } from '@/lib/routes';
+
+export default function NotFound() {
+  const t = useTranslations('notFound');
+
+  return (
+    <div className="max-w-page px-gutter mx-auto flex min-h-screen flex-col items-center justify-center text-center">
+      <p className="text-ink-400 text-xs font-semibold uppercase tracking-widest">{t('code')}</p>
+      <h1 className="mt-4 text-5xl font-black uppercase">{t('title')}</h1>
+      <p className="text-ink-500 mt-4 max-w-md">{t('body')}</p>
+      <Link href={routes.home()} className="mt-8">
+        <Button>{t('cta')}</Button>
+      </Link>
+    </div>
+  );
+}