Minimized beige overlay
Reduced beige overlay intensity to enhance hero contrast and prevent washed-out sides by replacing 60% overlay with 25% overlay on background layer. X-Lovable-Edit-ID: edt-f4eaa116-722d-45e9-828b-63c35f5614c3
This commit is contained in:
@@ -9,7 +9,8 @@ const HeroSection = () => {
|
||||
className="pointer-events-none absolute inset-0 bg-cover bg-center opacity-40"
|
||||
style={{ backgroundImage: `url(${heroBakeryImage})` }}
|
||||
/>
|
||||
<div className="pointer-events-none absolute inset-0 bg-background/60" />
|
||||
{/* Keep contrast for text without washing out the image (can look like "empty" beige sides) */}
|
||||
<div className="pointer-events-none absolute inset-0 bg-background/25" />
|
||||
|
||||
<div className="animate-fade-up max-w-4xl relative z-10 px-6 py-16">
|
||||
<img
|
||||
|
||||
Reference in New Issue
Block a user