Restore tuned nebula; make splash logo static for stable mobile LCP

- Revert the nebula density/parallax change that disturbed the carefully
  tuned streamer convergence (it gave no perf benefit; the nebula is behind
  the splash and not in the load trace).
- Logo is now fully static (no float/breath) so it's a stable LCP candidate
  on mobile; the rings, glow pulse, and staged button fade-ins still carry
  the motion. (Desktop TBT win from the framer->CSS conversion is retained.)
This commit is contained in:
jwinterm
2026-06-06 17:31:43 -04:00
parent a5815e20ee
commit fad3223af3
2 changed files with 16 additions and 11 deletions
@@ -49,8 +49,8 @@ function SuchMark({ animate }: { animate: boolean }) {
/>
</>
)}
{/* letters with a gentle breath */}
<g className={animate ? "splash-breath" : undefined}>
{/* letters: static so they're a stable LCP candidate */}
<g>
{/* S */}
<path d="M 78,36 H 36 V 58 H 78 V 82 H 36" fill="none" stroke="#35c98e" strokeWidth="14" strokeLinecap="round" strokeLinejoin="round" />
{/* U */}
@@ -137,7 +137,6 @@ export function HeroSplash({ onEnter, sectionRef }: { onEnter: () => void; secti
style={{ animationDuration: "4.5s" }}
/>
<motion.div
className={!entering && animate ? "splash-float" : undefined}
style={{ filter: entering ? "url(#splash-water)" : undefined }}
initial={{ opacity: 1, scale: 1 }}
animate={entering ? { opacity: [1, 1, 0], scale: [1, 1.06, 1.14] } : undefined}