x

apps/spa/src/components/CartDrawer.tsx

@@ -68,7 +68,7 @@ export default function CartDrawer() {
               <div key={item.cartItemId} className="flex gap-4 p-4 rounded-2xl bg-white border border-spa-stone/10 shadow-sm group relative">
                 <div className="w-18 h-22 rounded-lg bg-spa-sage/30 overflow-hidden flex-shrink-0" style={{ width: '72px', height: '88px' }}>
                   <img 
-                    src={item.productImage || '/images/oil_ozone.png'} 
+                    src={item.productImage || `${import.meta.env.VITE_API_URL.replace('/api', '')}/assets/oil_ozone.png`} 
                     alt={item.productName}
                     className="w-full h-full object-cover"
                   />

apps/spa/src/components/DynamicHero.tsx

@@ -38,7 +38,7 @@ export default function DynamicHero({ payload }: DynamicHeroProps) {
     <section className="relative w-full min-h-[90vh] md:min-h-0 md:aspect-[21/9] flex items-center justify-center overflow-hidden bg-night-900">
       <div className="absolute inset-0 z-0">
         <img
-          src={imageUrl || "/images/hero.png"}
+          src={imageUrl || `${import.meta.env.VITE_API_URL.replace('/api', '')}/assets/hero.png`}
           className="w-full h-full object-cover scale-[1.02]"
           alt="Hero Background"
           onError={(e) => {