Schneller, Ramez

app/not-found.tsx

@@ -0,0 +1,28 @@
+import GradientText from '@/components/GradientText';
+import { getTranslations } from 'next-intl/server';
+import { Link } from '@/i18n/navigation';
+
+export default async function Page() {
+	const t = await getTranslations('notFound');
+
+    return (
+        <div className="flex min-h-screen items-center justify-center">
+            <main className="flex min-h-screen w-full flex-col items-center justify-center gap-4">
+                <GradientText
+                    className="font-bold text-lg text-center"
+                    colors={[ '#F52491', '#692896' ]}
+                    animationSpeed={3}
+                >
+                    {t('title')}
+                </GradientText>
+                <p className="text-center">{t('text')}</p>
+                <Link
+                    className="text-secondary underline"
+                    href="/"
+                >
+                    {t('back')}
+                </Link>
+            </main>
+        </div>
+    );
+}