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:
gpt-engineer-app[bot]
2026-01-28 00:31:13 +00:00
+1 -1
View File
@@ -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" />