Strengthened hero fade-out
Increase gradient intensity for smoother, more gradual fade of the hero image by adjusting bottom overlay to use a semi-transparent mid-stop (via-background at 50%). X-Lovable-Edit-ID: edt-3024e3e7-57e6-4bc2-ad9d-00b5d29a8549
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-transparent to-background" />
|
||||
<div className="pointer-events-none absolute inset-0 bg-gradient-to-b from-transparent via-background/50 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