mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
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:
@@ -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}
|
||||
|
||||
Reference in New Issue
Block a user