Update src/app/not-found.tsx

src/app/not-found.tsx

@@ -1,84 +1,59 @@
 "use client";
 
 import Link from "next/link";
-import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
-import { Home, ArrowLeft } from "lucide-react";
+import { AlertCircle, Home, Search } from "lucide-react";
 
 export default function NotFound() {
   return (
-    <ThemeProvider
-      defaultButtonVariant="text-shift"
-      defaultTextAnimation="entrance-slide"
-      borderRadius="rounded"
-      contentWidth="compact"
-      sizing="mediumSizeLargeTitles"
-      background="circleGradient"
-      cardStyle="layered-gradient"
-      primaryButtonStyle="shadow"
-      secondaryButtonStyle="layered"
-      headingFontWeight="light"
-    >
-      <div className="min-h-screen flex items-center justify-center px-4 py-8">
-        <div className="text-center max-w-md w-full">
-          <div className="mb-8">
-            <h1 className="text-9xl font-bold bg-gradient-to-r from-primary-cta to-secondary-cta bg-clip-text text-transparent mb-4">
-              404
-            </h1>
-            <p className="text-2xl font-bold text-foreground mb-2">Sayfa Bulunamadı</p>
-            <p className="text-foreground opacity-75">
-              Aradığınız sayfa maalesef mevcut değil veya taşınmış olabilir.
-            </p>
-          </div>
+    <div className="min-h-screen flex items-center justify-center px-4 py-12 bg-gradient-to-br from-background to-card">
+      <div className="max-w-md w-full text-center">
+        <div className="flex justify-center mb-6">
+          <AlertCircle size={64} className="text-primary-cta opacity-80" />
+        </div>
+        
+        <h1 className="text-5xl font-bold text-foreground mb-2">404</h1>
+        <h2 className="text-2xl font-semibold text-foreground mb-4">Sayfa Bulunamadı</h2>
+        
+        <p className="text-gray-600 mb-8">
+          Aradığınız sayfa taşınmış, silinmiş veya hiç var olmayabilir. Lütfen aşağıdaki bağlantılardan birini kullanarak geri dönün.
+        </p>
 
-          <div className="bg-card border border-accent rounded-lg p-6 mb-8">
-            <svg
-              className="w-24 h-24 mx-auto mb-4 text-accent opacity-50"
-              fill="none"
-              stroke="currentColor"
-              viewBox="0 0 24 24"
-            >
-              <path
-                strokeLinecap="round"
-                strokeLinejoin="round"
-                strokeWidth={1.5}
-                d="M9.172 16.172a4 4 0 015.656 0M9 10h.01M15 10h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
-              />
-            </svg>
-            <p className="text-foreground text-sm opacity-75">
-              Oops! Bir şeyler yanlış gitti. Lütfen ana sayfaya dönün veya bize ulaşın.
-            </p>
-          </div>
+        <div className="flex flex-col gap-3">
+          <Link
+            href="/"
+            className="inline-flex items-center justify-center gap-2 px-6 py-3 bg-primary-cta text-white rounded-lg hover:opacity-90 transition-opacity font-semibold"
+          >
+            <Home size={18} />
+            Ana Sayfaya Dön
+          </Link>
+          
+          <Link
+            href="/teachers"
+            className="inline-flex items-center justify-center gap-2 px-6 py-3 bg-card border border-border text-foreground rounded-lg hover:bg-background transition-colors font-semibold"
+          >
+            <Search size={18} />
+            Öğretmenleri Gözat
+          </Link>
+        </div>
 
-          <div className="flex flex-col sm:flex-row gap-3 justify-center">
-            <Link
-              href="/"
-              className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg bg-primary-cta text-card font-medium hover:opacity-90 transition-opacity min-h-11 min-w-11"
-            >
-              <Home className="w-5 h-5" />
-              Ana Sayfaya Dön
-            </Link>
-            <button
-              onClick={() => window.history.back()}
-              className="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-lg border border-accent text-foreground font-medium hover:bg-background-accent transition-colors min-h-11 min-w-11"
-            >
-              <ArrowLeft className="w-5 h-5" />
-              Geri Git
-            </button>
-          </div>
-
-          <div className="mt-12 pt-8 border-t border-accent">
-            <p className="text-foreground opacity-50 text-sm mb-4">
-              Halen sorun yaşıyor musunuz?
-            </p>
-            <Link
-              href="#contact"
-              className="inline-block px-4 py-2 text-primary-cta font-medium hover:underline text-sm"
-            >
-              Bize ulaşın →
-            </Link>
-          </div>
+        <div className="mt-12 p-6 bg-card rounded-lg border border-border">
+          <h3 className="font-semibold text-foreground mb-3">Başka ne yapabiliriz?</h3>
+          <ul className="text-sm text-gray-600 space-y-2 text-left">
+            <li className="flex items-start gap-2">
+              <span className="text-primary-cta mt-1">•</span>
+              <span>Arama yardımı için destek ekibimizle iletişime geçin</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary-cta mt-1">•</span>
+              <span>Ana menüyü kullanarak platformda gezin</span>
+            </li>
+            <li className="flex items-start gap-2">
+              <span className="text-primary-cta mt-1">•</span>
+              <span>İstenilen dersi veya konuyu seçin</span>
+            </li>
+          </ul>
         </div>
       </div>
-    </ThemeProvider>
+    </div>
   );
-}
+}