x

apps/website/src/components/dynamic/DynamicPageRenderer.tsx

@@ -5,7 +5,7 @@ import Link from '../LocalizedLink'
 import { Clock, Mail, MapPin, MessageCircle, Send, ChevronLeft, ChevronRight, Leaf, Droplet, Sparkles, Gift, CheckCircle, ShieldCheck, Heart, Download, FileText } from 'lucide-react'
 import { useState, useRef, useEffect, useMemo } from 'react'
 import type { Category, PageSection, Product } from '@homaroma/types'
-import { getCategoryImage } from '@homaroma/types'
+import { getCategoryImage, resolveCategoryMediaUrl } from '@homaroma/types'
 import ProductCard from '../ProductCard'
 import { localizedFromRecord, resolveCategoryName, resolveLocalized, toRecord } from '../../lib/localization'
 import { useLang } from '../../hooks/useLang'
@@ -1003,7 +1003,7 @@ function CategoriesSection({
                 className="group relative h-72 overflow-hidden rounded-2xl shadow-card transition hover:-translate-y-1 hover:shadow-card-hover"
               >
                 <Image
-                  src={category.imageUrl || getCategoryImage(name)}
+                  src={resolveCategoryMediaUrl(category, 'card_portrait', getCategoryImage(name))}
                   alt={name}
                   fill
                   unoptimized