diff --git a/src/app/not-found.tsx b/src/app/not-found.tsx
index 046a3f7..d1a796c 100644
--- a/src/app/not-found.tsx
+++ b/src/app/not-found.tsx
@@ -1,23 +1,25 @@
 import Link from 'next/link';
+import { getTranslations } from 'next-intl/server';
+import { defaultLocale } from '@/i18n/config';
+
+export default async function NotFound() {
+  const t = await getTranslations('pages.notfound');
 
-export default function NotFound() {
   return (
-    <html lang="de">
-      <body className="bg-zinc-900 text-zinc-50 min-h-screen flex items-center justify-center">
-        <div className="text-center px-4">
-          <h1 className="text-6xl font-bold mb-4">404</h1>
-          <h2 className="text-2xl font-semibold mb-4">Page Not Found</h2>
-          <p className="text-zinc-400 mb-8">
-            The page you are looking for does not exist or has been moved.
-          </p>
-          <Link
-            href="/de"
-            className="px-6 py-3 bg-blue-600 hover:bg-blue-700 text-white rounded-lg transition-colors inline-block"
-          >
-            Go to Homepage
-          </Link>
-        </div>
-      </body>
-    </html>
+    <div className="bg-zinc-900 text-zinc-50 min-h-screen flex items-center justify-center">
+      <div className="text-center px-4">
+        <h1 className="text-6xl font-bold mb-4">404</h1>
+        <h2 className="text-2xl font-semibold mb-4">{t('title')}</h2>
+        <p className="text-zinc-400 mb-8">
+          {t('description')}
+        </p>
+        <Link
+          href={`/${defaultLocale}`}
+          className="px-6 py-3 bg-white text-zinc-900 hover:bg-zinc-200 rounded-lg transition-colors inline-block font-medium"
+        >
+          {t('backHome')}
+        </Link>
+      </div>
+    </div>
   );
 }
