platform-admin/alva
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Extend hero fade start

Browse Source 
Adjusted hero background mask to start fading at 70% instead of 50%, delaying the transition to the beige background for a tighter content gap.

X-Lovable-Edit-ID: edt-f8e2e6b3-8512-49f7-977a-1f087ec63a3d
This commit is contained in:
gpt-engineer-app[bot]
2026-01-28 00:37:15 +00:00
parent 67d0ee4fa3 774bf9d2a1
commit cab71bb4a7
1 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/HeroSection.tsx
+2 -2
View File
@@ -6,8 +6,8 @@ const HeroSection = () => {
<div className="pointer-events-none absolute inset-0 bg-cover bg-center" style={{ <div className="pointer-events-none absolute inset-0 bg-cover bg-center" style={{
backgroundImage: `url(${heroBakeryImage})`, backgroundImage: `url(${heroBakeryImage})`,
opacity: 0.4, opacity: 0.4,
maskImage: 'linear-gradient(to bottom, black 50%, transparent 100%)', maskImage: 'linear-gradient(to bottom, black 70%, transparent 100%)',
WebkitMaskImage: 'linear-gradient(to bottom, black 50%, transparent 100%)' WebkitMaskImage: 'linear-gradient(to bottom, black 70%, transparent 100%)'
}} /> }} />
<div className="animate-fade-up max-w-4xl relative z-10 px-6 py-16"> <div className="animate-fade-up max-w-4xl relative z-10 px-6 py-16">