diff --git a/components/sections/CloudRevealSection.tsx b/components/sections/CloudRevealSection.tsx
index 7460c7c..17f0ef5 100644
--- a/components/sections/CloudRevealSection.tsx
+++ b/components/sections/CloudRevealSection.tsx
@@ -11,9 +11,10 @@ import {
 } from 'framer-motion'
 import UnitRevealOverlay from './UnitRevealOverlay'
 
-const TOTAL_FRAMES = 298
+const TOTAL_FRAMES = 299
+const CDN = 'https://media.ayris.tech/t'
 const FRAME_PATH = (n: number) =>
-  `/frames/ezgif-frame-${String(n).padStart(3, '0')}.jpg`
+  `${CDN}/vesta/frames/ezgif-frame-${String(n).padStart(3, '0')}.jpg`
 
 // Scroll aralığına göre opacity döndüren helper
 function usePhaseOpacity(
diff --git a/components/sections/UnitRevealOverlay.tsx b/components/sections/UnitRevealOverlay.tsx
index e603303..abe6f3b 100644
--- a/components/sections/UnitRevealOverlay.tsx
+++ b/components/sections/UnitRevealOverlay.tsx
@@ -5,10 +5,11 @@ import { motion, AnimatePresence } from 'framer-motion'
 import { X } from 'lucide-react'
 
 const UNIT_FRAMES = 120
+const CDN = 'https://media.ayris.tech/t'
 
 // Video kullanan birimler
 const VIDEO_UNITS: Record<string, string> = {
-  'blok-a': '/unit-videos/blok-a.mp4',
+  'blok-a': `${CDN}/vesta/unit-videos/blok-a.mp4`,
 }
 
 interface UnitRevealOverlayProps {
@@ -61,7 +62,7 @@ export default function UnitRevealOverlay({
 
     for (let i = 0; i < UNIT_FRAMES; i++) {
       const img = new Image()
-      img.src = `/unit-frames/${unitId}/ezgif-frame-${String(i + 1).padStart(3, '0')}.jpg`
+      img.src = `${CDN}/vesta/unit-frames/${unitId}/ezgif-frame-${String(i + 1).padStart(3, '0')}.jpg`
       img.onload = () => {
         if (cancelled) return
         loadedCount++