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/components/scroll-flow.tsx

@@ -58,13 +58,18 @@ export function ScrollFlow({
     return `skewY(${v}deg)`;
   });
 
-  if (reduceMotion) {
-    return <div className={className}>{children}</div>;
-  }
-
+  // Hareket azaltılmışsa da AYNI ağaç render edilir (server/client farklı
+  // ağaç hydration uyumsuzluğu yaratıyordu); efektler koşullu kapatılır:
+  // Lenis tekerlek yumuşatması kapalı, skew transform'u hiç bağlanmaz.
   return (
-    <ReactLenis root options={{ lerp: 0.09, anchors: true }}>
-      <motion.div className={className} style={{ transform }}>
+    <ReactLenis
+      root
+      options={{ lerp: 0.09, anchors: true, smoothWheel: !reduceMotion }}
+    >
+      <motion.div
+        className={className}
+        style={reduceMotion ? undefined : { transform }}
+      >
         {children}
       </motion.div>
     </ReactLenis>