📄 Huge intl feature

app/[locale]/blog/[...slug]/not-found.tsx

@@ -0,0 +1,32 @@
+import { useTranslations } from 'next-intl'
+import { Link } from '@/i18n/navigation'
+
+export default function NotFound() {
+  const t = useTranslations('NotFound')
+
+  return (
+    <div className="min-h-[60vh] flex items-center justify-center">
+      <div className="text-center">
+        <h1 className="text-6xl font-bold text-gray-300 dark:text-gray-700 mb-4">404</h1>
+        <h2 className="text-2xl font-semibold mb-4">{t('title')}</h2>
+        <p className="text-gray-600 dark:text-gray-400 mb-8">
+          {t('description')}
+        </p>
+        <div className="space-x-4">
+          <Link
+            href="/blog"
+            className="inline-block px-6 py-3 bg-primary-600 text-white rounded-lg hover:bg-primary-700 transition"
+          >
+            {t('goHome')}
+          </Link>
+          <Link
+            href="/"
+            className="inline-block px-6 py-3 border border-gray-300 dark:border-gray-600 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-800 transition"
+          >
+            {t('goHome')}
+          </Link>
+        </div>
+      </div>
+    </div>
+  )
+}