Slow fade-in for heritage image

Extended the first image fade-in animation duration to 4s, added a subtle scale effect, and adjusted transform targets for both visible and hidden states to create a slower, smoother entrance.

X-Lovable-Edit-ID: edt-8275d954-1f3f-4a2e-8939-29fe700dfc1c
This commit is contained in:
gpt-engineer-app[bot]
2026-01-27 20:46:38 +00:00
+3 -3
View File
@@ -61,10 +61,10 @@ const HeritageSection = () => {
{/* Heritage Hero */} {/* Heritage Hero */}
<div <div
ref={heroRef} ref={heroRef}
className={`transition-all duration-[2500ms] ease-out ${ className={`transition-all duration-[4000ms] ease-out ${
heroVisible heroVisible
? "opacity-100 translate-y-0" ? "opacity-100 translate-y-0 scale-100"
: "opacity-0 translate-y-16" : "opacity-0 translate-y-24 scale-95"
}`} }`}
> >
{/* Image */} {/* Image */}