From 85cdad2e4506ee048889d78c9ec9350ab4818a7d Mon Sep 17 00:00:00 2001
From: Vadym Samoilenko <vadymsamoilenko@oliver.agency>
Date: Wed, 10 Jun 2026 17:06:14 +0100
Subject: [PATCH] fix(locations): replace solid green overlay with pattern
 cards + neutral hero scrim

- PageHero: swap opaque green fill for subtle black gradient so hero photo shows through
- Locations cards: add card-wave-green.svg pattern on top of solid green bg

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 src/app/(frontend)/lokatsii/page.tsx | 7 ++++++-
 src/components/ui/PageHero.tsx       | 2 +-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/app/(frontend)/lokatsii/page.tsx b/src/app/(frontend)/lokatsii/page.tsx
index 36bab43..af98dd4 100644
--- a/src/app/(frontend)/lokatsii/page.tsx
+++ b/src/app/(frontend)/lokatsii/page.tsx
@@ -125,7 +125,12 @@ export default async function LocationsPage() {
                 {/* Text */}
                 <div
                   className="flex flex-1 flex-col justify-center gap-4 p-10"
-                  style={{ backgroundColor: color }}
+                  style={{
+                    backgroundColor: color,
+                    backgroundImage: `url('/images/figma/card-wave-green.svg')`,
+                    backgroundSize: '280px auto',
+                    backgroundRepeat: 'repeat',
+                  }}
                 >
                   {loc.tagline && (
                     <p
diff --git a/src/components/ui/PageHero.tsx b/src/components/ui/PageHero.tsx
index 31b203f..5b29f30 100644
--- a/src/components/ui/PageHero.tsx
+++ b/src/components/ui/PageHero.tsx
@@ -21,7 +21,7 @@ export function PageHero({ title, subtitle, bgSrc, children }: PageHeroProps) {
   return (
     <div className="relative -mt-[60px] overflow-hidden px-8 pt-[calc(60px+48px)] pb-16 lg:-mt-[120px] lg:pt-[calc(120px+64px)]">
       <Image src={src} alt="" fill priority quality={90} sizes="100vw" className="object-cover" />
-      <div className="absolute inset-0 bg-[rgba(57,104,23,0.55)]" />
+      <div className="absolute inset-0 bg-gradient-to-b from-black/30 via-black/10 to-black/40" />
       <div className="relative z-10 mx-auto max-w-[1140px] text-white">
         <h1
           className="text-[40px] leading-[1.1] font-bold uppercase lg:text-[56px]"