Enhance application performance and user experience by enabling component caching in next.config.ts, optimizing database queries in various pages, and implementing lazy loading for heavy components. Updated styles for smoother transitions and improved visual clarity in multiple components, including globals.css and landing sections.

src/app/globals.css

@@ -162,6 +162,38 @@
   }
 }
 
+/* Landing bölümlerinin görünüme girerken belirmesi (bkz. landing/reveal.tsx).
+   İçerik SSR'da GÖRÜNÜR; gizleme yalnızca script çalışan tarayıcılarda ve
+   IO sınıfı ekleyene kadar geçerli — JS'siz istemcide sayfa asla boş kalmaz. */
+@media (scripting: enabled) {
+  .kt-reveal {
+    opacity: 0;
+    translate: 0 var(--reveal-y, 28px);
+    transition:
+      opacity 0.55s cubic-bezier(0.21, 0.47, 0.32, 0.98),
+      translate 0.55s cubic-bezier(0.21, 0.47, 0.32, 0.98);
+    /* Emniyet: hydration hiç gelmezse 3 sn sonra içerik yine de belirir */
+    animation: kt-reveal-emniyet 0.5s ease-out 3s forwards;
+  }
+  .kt-reveal.kt-reveal-in {
+    opacity: 1;
+    translate: 0 0;
+  }
+  @media (prefers-reduced-motion: reduce) {
+    .kt-reveal {
+      translate: 0 0;
+      transition: opacity 0.25s ease-out;
+    }
+  }
+}
+
+@keyframes kt-reveal-emniyet {
+  to {
+    opacity: 1;
+    translate: 0 0;
+  }
+}
+
 @layer base {
   * {
     @apply border-border outline-ring/50;
@@ -180,11 +212,7 @@
   }
   html {
     @apply font-sans;
-    scroll-behavior: smooth;
-  }
-  @media (prefers-reduced-motion: reduce) {
-    html {
-      scroll-behavior: auto;
-    }
+    /* scroll-behavior: smooth KULLANMA — Lenis (ScrollFlow, anchors: true)
+       kaydırmayı zaten yumuşatıyor; ikisi birlikte çift yumuşatma yapar. */
   }
 }