fix(locations): per-slug image fallback — prevents all cards showing dinopark photo

When CMS locations exist but have no media (e.g. after volume rebuild), the
component now falls back to the correct figma image per slug instead of
hardcoding loc-dinopark.webp for all cards.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

src/components/sections/Locations.tsx

@@ -8,6 +8,14 @@ function getMediaUrl(img: Media | string | null | undefined): string | null {
   return img.url ?? null
 }
 
+const FALLBACK_IMAGES: Record<string, string> = {
+  dynopark: '/images/figma/loc-dinopark.webp',
+  dyvolis: '/images/figma/loc-divo-lis.webp',
+  maze: '/images/figma/loc-maze.webp',
+  tir: '/images/figma/loc-tir.webp',
+  playground: '/images/figma/loc-playground.webp',
+}
+
 const STATIC_LOCATIONS: LocationData[] = [
   {
     name: 'ДиноПарк',
@@ -69,7 +77,7 @@ export function Locations({ data, title }: LocationsProps) {
           slug: loc.slug,
           tagline: loc.tagline ?? '',
           description: loc.shortDesc ?? '',
-          image: getMediaUrl(loc.image) ?? '/images/figma/loc-dinopark.webp',
+          image: getMediaUrl(loc.image) ?? FALLBACK_IMAGES[loc.slug] ?? '/images/figma/loc-dinopark.webp',
           href: loc.href ?? `/lokatsii#${loc.slug}`,
         }))
       : STATIC_LOCATIONS

src/components/sections/Reviews.tsx

@@ -133,7 +133,7 @@ export function Reviews({ data, title }: ReviewsProps) {
     <section className="py-[20px] md:py-[60px] lg:py-[40px]">
       <div className="mx-auto max-w-[1204px] px-8">
         <h2
-          className="mb-[40px] text-[24px] font-bold uppercase text-[#272727] md:mb-[60px] md:text-[32px]"
+          className="mb-[40px] text-[24px] font-bold text-[#272727] uppercase md:mb-[60px] md:text-[32px]"
           style={{ fontFamily: 'var(--font-montserrat, Montserrat), sans-serif' }}
         >
           {title ?? 'Відгуки'}
@@ -203,7 +203,11 @@ export function Reviews({ data, title }: ReviewsProps) {
                           >
                             {review.ago}
                           </span>
-                          <StarRating value={review.rating ?? 5} size={16} className="flex gap-[2px]" />
+                          <StarRating
+                            value={review.rating ?? 5}
+                            size={16}
+                            className="flex gap-[2px]"
+                          />
                         </div>
                       </div>
                     </div>