asset path and iframe setting

src/components/FeaturedGallery.jsx

@@ -1,6 +1,7 @@
 import React, { useState } from 'react';
 import { motion, AnimatePresence, useReducedMotion } from 'framer-motion';
 import { ArrowRight, Clock } from 'lucide-react';
+import { assetUrl } from '../lib/assetUrl';
 
 export default function FeaturedGallery({ gallery }) {
   const galleryData = gallery?.items || [];
@@ -82,7 +83,7 @@ function ResponsiveGalleryWrapper({ galleryData, activeIdx, setActiveIdx }) {
                 border: '1px solid rgba(255, 255, 255, 0.06)',
                 position: 'relative',
                 height: isFirst ? '320px' : '240px',
-                backgroundImage: `linear-gradient(to bottom, rgba(2, 7, 16, 0.3) 0%, rgba(2, 7, 16, 0.95) 100%), url(${item.image})`,
+                backgroundImage: `linear-gradient(to bottom, rgba(2, 7, 16, 0.3) 0%, rgba(2, 7, 16, 0.95) 100%), url(${assetUrl(item.image)})`,
                 backgroundSize: 'cover',
                 backgroundPosition: 'center',
                 display: 'flex',
@@ -171,7 +172,7 @@ function ResponsiveGalleryWrapper({ galleryData, activeIdx, setActiveIdx }) {
                 left: 0,
                 right: 0,
                 bottom: 0,
-                backgroundImage: `url(${item.image})`,
+                backgroundImage: `url(${assetUrl(item.image)})`,
                 backgroundSize: 'cover',
                 backgroundPosition: 'center',
                 zIndex: 1