feat: lock scroll at hero 100% — prevent scrolling past hero

components/sections/CloudRevealSection.tsx

@@ -103,27 +103,32 @@ export default function CloudRevealSection() {
 
   useMotionValueEvent(scrollYProgress, 'change', (progress) => {
     if (!loaded) return
-
-    // Frame güncelle
     const frameIndex = Math.min(Math.floor(progress * (TOTAL_FRAMES - 1)), TOTAL_FRAMES - 1)
     if (frameIndex !== currentFrameRef.current) {
       currentFrameRef.current = frameIndex
       drawFrame(frameIndex)
     }
+  })
 
-    // %100'de bir sonraki bölüme snap et
+  // %100'de aşağı scroll'u kilitle
-    if (progress >= 0.99 && !hasSnapped.current) {
+  useEffect(() => {
-      hasSnapped.current = true
+    const onWheel = (e: WheelEvent) => {
-      const next = document.getElementById('proje')
+      if (scrollYProgress.get() >= 0.99 && e.deltaY > 0) {
-      if (next) {
+        e.preventDefault()
-        next.scrollIntoView({ behavior: 'smooth' })
       }
     }
-    // Geri scroll yapılırsa snap'i sıfırla
+    const onTouchMove = (e: TouchEvent) => {
-    if (progress < 0.9) {
+      if (scrollYProgress.get() >= 0.99) {
-      hasSnapped.current = false
+        e.preventDefault()
+      }
     }
-  })
+    window.addEventListener('wheel', onWheel, { passive: false })
+    window.addEventListener('touchmove', onTouchMove, { passive: false })
+    return () => {
+      window.removeEventListener('wheel', onWheel)
+      window.removeEventListener('touchmove', onTouchMove)
+    }
+  }, [scrollYProgress])
 
   useEffect(() => {
     const canvas = canvasRef.current