Update routing in next.config.ts to redirect "/tercih-robotu" to the hero form, add simple-icons dependency in package.json, and enhance database indexing for improved query performance. Remove unused SVG files and update metadata across various pages for better SEO and clarity.

src/components/sihirbaz-adimlar.tsx

@@ -3,8 +3,11 @@
 // Sihirbazın 3 adımlık seçim gövdesi. Hem ana sayfadaki hero modalında hem de
 // /sonuc'taki sihirbaz modalında kullanılır; seçim state'ini kendi tutar,
 // tamamlanınca onTamamla(secimler) çağırır.
+//
+// Adımlar kademeli süzülür: 2. adımın illeri seçili kategorilere, 3. adımın
+// üniversite tipi sayıları kategori+il'e göre /api/facetler'den tazelenir.
 
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { ArrowLeft, ArrowRight, Sparkles, X } from "lucide-react";
 import { useReducedMotion } from "motion/react";
 import useMeasure from "react-use-measure";
@@ -51,11 +54,15 @@ export function Cip({
 const HARITA_ILLERI = new Set(cities.map((c) => normalizeIlAdi(c.name)));
 
 export function SihirbazAdimlar({
+  sira,
+  tur,
   facetler,
   baslangicSecimler,
   sonButonEtiketi,
   onTamamla,
 }: {
+  sira: number;
+  tur: string;
   facetler: SihirbazFacetleri;
   baslangicSecimler?: SihirbazSecimleri | null;
   sonButonEtiketi: string;
@@ -77,6 +84,45 @@ export function SihirbazAdimlar({
     baslangicSecimler?.oncelikler ?? [],
   );
 
+  // Kademeli facet'ler: kategoriler daima ilk yükten gelir; il ve üniversite
+  // tipi sayıları adıma girerken o anki seçimlerle tazelenir. Fetch başarısız
+  // olursa eldeki (daha geniş) liste kalır — sihirbaz asla kilitlenmez.
+  const [canliFacetler, setCanliFacetler] = useState(facetler);
+  const [facetYukleniyor, setFacetYukleniyor] = useState(false);
+  useEffect(() => {
+    if (adim === 0) return;
+    const ctrl = new AbortController();
+    const params = new URLSearchParams({ sira: String(sira), tur });
+    for (const k of kategoriler) params.append("kategori", k);
+    if (adim === 2) for (const i of iller) params.append("il", i);
+    // eslint-disable-next-line react-hooks/set-state-in-effect -- fetch başlangıç işareti
+    setFacetYukleniyor(true);
+    fetch(`/api/facetler?${params}`, { signal: ctrl.signal })
+      .then((res) => (res.ok ? res.json() : null))
+      .then((veri: { facetler: SihirbazFacetleri } | null) => {
+        if (!veri) return;
+        setCanliFacetler((mevcut) => ({
+          ...mevcut,
+          iller: veri.facetler.iller,
+          uniturler: veri.facetler.uniturler,
+        }));
+        // Seçili tip daralan filtrede yoksa (ör. seçilen ilde vakıf kalmadı)
+        // görünmez bir seçim bırakma
+        setUniversiteTipi((tip) =>
+          tip !== "farketmez" &&
+          !veri.facetler.uniturler.some((u) => u.grup === tip)
+            ? "farketmez"
+            : tip,
+        );
+      })
+      .catch(() => {})
+      .finally(() => setFacetYukleniyor(false));
+    return () => ctrl.abort();
+    // Seçimler yalnızca önceki adımlarda değişebildiği için adım geçişinde
+    // okumak yeterli; her çip tıklamasında istek atmayalım.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [adim]);
+
   function listeDegistir(
     liste: string[],
     setListe: (v: string[]) => void,
@@ -198,10 +244,14 @@ export function SihirbazAdimlar({
           </p>
 
           {/* Çipler birincil seçim yolu (haritadaki küçük iller mobilde
-              güvenilir dokunma hedefi değil); tüm iller program sayısına
-              göre sıralı listelenir. */}
-          <div className="mt-4 flex flex-wrap gap-2">
-            {[...facetler.iller]
+              güvenilir dokunma hedefi değil); iller seçili kategorilere göre
+              süzülmüş, program sayısına göre sıralı listelenir. */}
+          <div
+            className={`mt-4 flex flex-wrap gap-2 ${
+              facetYukleniyor ? "animate-pulse opacity-60" : ""
+            }`}
+          >
+            {[...canliFacetler.iller]
               .sort((a, b) => b.adet - a.adet)
               .map((i) => (
                 <Cip
@@ -237,7 +287,7 @@ export function SihirbazAdimlar({
           {/* Harita geniş ekranda görsel destek olarak kalır */}
           <div className="mt-4 hidden sm:block">
             <IlSecimHaritasi
-              iller={facetler.iller.filter((i) => HARITA_ILLERI.has(i.il))}
+              iller={canliFacetler.iller.filter((i) => HARITA_ILLERI.has(i.il))}
               secili={iller}
               onToggle={(il) => listeDegistir(iller, setIller, il, 5)}
             />
@@ -256,8 +306,12 @@ export function SihirbazAdimlar({
             <p className="mb-2 text-xs font-semibold tracking-wide text-slate-400 uppercase">
               Üniversite tipi
             </p>
-            <div className="flex flex-wrap gap-2">
-              {facetler.uniturler.map((u) => (
+            <div
+              className={`flex flex-wrap gap-2 ${
+                facetYukleniyor ? "animate-pulse opacity-60" : ""
+              }`}
+            >
+              {canliFacetler.uniturler.map((u) => (
                 <Cip
                   key={u.grup}
                   secili={universiteTipi === u.grup}