github-such-software/such.software
1
0
Fork 0
mirror of https://github.com/Such-Software/such.software.git synced 2026-10-17 05:32:05 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix mobile LCP: paint the splash logo at first render

Browse Source 
The splash logo (the LCP element) started at opacity:0 and only faded in
after framer-motion hydrated, pushing mobile LCP to ~7s. Render it visible
immediately; the float/breath animations still layer on top.
This commit is contained in:
jwinterm
2026-06-06 15:33:02 -04:00
parent 11381bd1a0
commit 567edaed0d
1 changed files with 1 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/landing/hero-splash.tsx
+1 -1
View File
@@ -145,7 +145,7 @@ export function HeroSplash({ onEnter, sectionRef }: { onEnter: () => void; secti
/> />
<motion.div <motion.div
style={{ filter: entering ? "url(#splash-water)" : undefined }} style={{ filter: entering ? "url(#splash-water)" : undefined }}
initial={{ opacity: 0, scale: 0.94 }} initial={{ opacity: 1, scale: 1 }}
animate={entering ? { opacity: [1, 1, 0], scale: [1, 1.06, 1.14] } : { opacity: 1, scale: 1, y: animate ? [0, -8, 0] : 0 }} animate={entering ? { opacity: [1, 1, 0], scale: [1, 1.06, 1.14] } : { opacity: 1, scale: 1, y: animate ? [0, -8, 0] : 0 }}
transition={ transition={
entering entering