From f0df7f1026042101f9fd5a5a20fbd9db5af41f90 Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 3 Jun 2026 15:07:27 +0100
Subject: [PATCH] =?UTF-8?q?feat(cms):=20remove=20hardcoded=20images=20?=
 =?UTF-8?q?=E2=80=94=20connect=20birthday,=20dyvolis,=20dino,=20home=20gal?=
 =?UTF-8?q?lery=20to=20CMS=20globals?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/(frontend)/lokatsii/[slug]/page.tsx | 1 +
 src/components/sections/DyvoLisHero.tsx     | 7 +++++--
 src/globals/BirthdayPage.ts                 | 6 ++++++
 src/globals/DyvoLisPage.ts                  | 6 ++++++
 4 files changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/app/(frontend)/lokatsii/[slug]/page.tsx b/src/app/(frontend)/lokatsii/[slug]/page.tsx
index de1281b..1f6b39a 100644
--- a/src/app/(frontend)/lokatsii/[slug]/page.tsx
+++ b/src/app/(frontend)/lokatsii/[slug]/page.tsx
@@ -92,6 +92,7 @@ export default async function LocationDetailPage({ params }: Props) {
         stat={location.heroStat ?? undefined}
         statLabel={location.heroStatLabel ?? undefined}
         tips={heroTips}
+        heroImageUrl={getMediaUrl(location.heroBackground as Media | undefined)}
       />
       <DyvoLisGallery
         quote={location.galleryQuote ?? undefined}
diff --git a/src/components/sections/DyvoLisHero.tsx b/src/components/sections/DyvoLisHero.tsx
index 15b662f..52fbfd5 100644
--- a/src/components/sections/DyvoLisHero.tsx
+++ b/src/components/sections/DyvoLisHero.tsx
@@ -15,6 +15,7 @@ interface DyvoLisHeroProps {
   stat?: string
   statLabel?: string
   tips?: string[]
+  heroImageUrl?: string | null
 }
 
 export function DyvoLisHero({
@@ -23,7 +24,9 @@ export function DyvoLisHero({
   stat = '60+',
   statLabel = 'експонатів з безпечних для дітей матеріалів',
   tips = DEFAULT_TIPS,
+  heroImageUrl,
 }: DyvoLisHeroProps) {
+  const heroImg = heroImageUrl ?? HERO_IMG
   return (
     <section className="relative overflow-hidden" style={{ background: '#f1fbeb' }}>
       {/* Left column — contained within max-width */}
@@ -141,7 +144,7 @@ export function DyvoLisHero({
         </div>
         {/* Cat */}
         <img
-          src={HERO_IMG}
+          src={heroImg}
           alt="Топіарна фігура ДивоЛісу"
           className="absolute"
           style={{
@@ -157,7 +160,7 @@ export function DyvoLisHero({
       {/* Mobile: hero image below text */}
       <div className="relative mx-auto max-w-[420px] lg:hidden" aria-hidden="true">
         <img
-          src={HERO_IMG}
+          src={heroImg}
           alt="Топіарна фігура ДивоЛісу"
           className="w-full object-contain"
           loading="eager"
diff --git a/src/globals/BirthdayPage.ts b/src/globals/BirthdayPage.ts
index 245125d..05600e9 100644
--- a/src/globals/BirthdayPage.ts
+++ b/src/globals/BirthdayPage.ts
@@ -11,6 +11,12 @@ export const BirthdayPage: GlobalConfig = {
   versions: { max: 20, drafts: { autosave: { interval: 2000 } } },
   fields: [
     // Hero
+    {
+      name: 'heroImage',
+      type: 'upload',
+      relationTo: 'media',
+      label: 'Фото герою (фон)',
+    },
     {
       name: 'heroTitle',
       type: 'text',
diff --git a/src/globals/DyvoLisPage.ts b/src/globals/DyvoLisPage.ts
index b0ac44b..6941798 100644
--- a/src/globals/DyvoLisPage.ts
+++ b/src/globals/DyvoLisPage.ts
@@ -10,6 +10,12 @@ export const DyvoLisPage: GlobalConfig = {
   hooks: { afterChange: [revalidateGlobalAfterChange] },
   fields: [
     // Hero section
+    {
+      name: 'heroImage',
+      type: 'upload',
+      relationTo: 'media',
+      label: 'Фото герою (фон)',
+    },
     {
       name: 'heroTitle',
       type: 'text',