fix(locations): replace solid green overlay with pattern cards + neutral hero scrim
Some checks are pending
CI / Type Check (push) Waiting to run
CI / Lint (push) Waiting to run
CI / Unit Tests (push) Waiting to run
Deploy / Build & Push Image (push) Waiting to run
Deploy / Deploy to VPS (push) Blocked by required conditions

- 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>
This commit is contained in:
Vadym Samoilenko 2026-06-10 17:06:14 +01:00
parent 610f3f6327
commit 85cdad2e45
2 changed files with 7 additions and 2 deletions

View file

@ -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

View file

@ -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]"