From 567edaed0dc624ff3b34749c636934a65e90f001 Mon Sep 17 00:00:00 2001
From: jwinterm <johnwmurphy@gmail.com>
Date: Sat, 6 Jun 2026 15:33:02 -0400
Subject: [PATCH] Fix mobile LCP: paint the splash logo at first render

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.
---
 apps/web/src/components/landing/hero-splash.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/apps/web/src/components/landing/hero-splash.tsx b/apps/web/src/components/landing/hero-splash.tsx
index 7de8df8..fc86cb3 100644
--- a/apps/web/src/components/landing/hero-splash.tsx
+++ b/apps/web/src/components/landing/hero-splash.tsx
@@ -145,7 +145,7 @@ export function HeroSplash({ onEnter, sectionRef }: { onEnter: () => void; secti
         />
         <motion.div
           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 }}
           transition={
             entering