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>
This commit is contained in:
parent
610f3f6327
commit
85cdad2e45
2 changed files with 7 additions and 2 deletions
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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]"
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue