Adjust hero fade gradient
Made the bottom fade less strong and shift to fade into beige by updating the gradient to be more subtle: from transparent to beige via a transparent midpoint, instead of a semi-opaque beige. X-Lovable-Edit-ID: edt-07ae462b-3413-4a91-bbc5-1f3f2bae30b3
This commit is contained in:
@@ -7,7 +7,7 @@ const HeroSection = () => {
|
||||
backgroundImage: `url(${heroBakeryImage})`
|
||||
}} />
|
||||
{/* Fade-out gradient at bottom */}
|
||||
<div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-background/50 to-background" />
|
||||
<div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-transparent via-70% to-background" />
|
||||
{/* Keep contrast for text without washing out the image */}
|
||||
<div className="pointer-events-none absolute inset-0 bg-background/25" />
|
||||
|
||||
|
||||
Reference in New Issue
Block a user