Optimize homepage hero animation to reduce scroll-time jank

[Copilot]

Homepage hero animation was laggy due to avoidable per-frame work during scroll. This change reduces animation overhead in the turbine/cloud path while keeping the visual behavior and timing intact.

• Cloud animation update-path cleanup

  • Replaced string-based x transforms ("-120vw" -> "120vw") and per-frame parsing with numeric motion values plus useMotionTemplate.
  • Derived cloud offsets directly from a shared numeric motion value.
  • Memoized CloudSVG to avoid redundant rerenders.

• Turbine animation state/DOM churn reduction

  • Switched from deprecated motionValue.onChange callback style to useMotionValueEvent.
  • Cached .mainAbout element in a ref and toggled visibility class only on threshold state transitions.
  • Prevented redundant setIsAnimationComplete calls by guarding updates behind ref-based change detection.
  • Synced rotateInputEnd through a ref so scroll listeners use current threshold without re-subscribing.

• Representative change

  const rawXVw = useTransform(scrollYProgress, [0, rotateInputEnd], [-120, 120]);
  const xVw = useSpring(rawXVw, { stiffness: 120, damping: 20 });
  const x = useMotionTemplate`${xVw}vw`;
  
  const x2Vw = useTransform(xVw, (v) => v * 0.7);
  const x2 = useMotionTemplate`${x2Vw}vw`;

• • Updated UI screenshot: https://github.com/user-attachments/assets/c9770c36-e677-4439-b312-629d24997ff5

Warning

Firewall rules blocked me from connecting to one or more addresses (expand for details)

I tried to connect to the following addresses, but was blocked by firewall rules:

• fonts.googleapis.com
  • Triggering command: /home/REDACTED/work/_temp/ghcca-node/node/bin/node node /home/REDACTED/work/waturbine-website/waturbine-website/node_modules/.bin/next build (dns block)
  • Triggering command: /opt/hostedtoolcache/node/24.14.1/x64/bin/node /opt/hostedtoolcache/node/24.14.1/x64/bin/node /home/REDACTED/work/waturbine-website/waturbine-website/node_modules/next/dist/server/lib/start-server.js (dns block)

If you need me to access, download, or install something from one of these locations, you can either:

• Configure Actions setup steps to set up my environment, which run before the firewall is enabled
• Add the appropriate URLs or hosts to the custom allowlist in this repository's Copilot coding agent settings (admins only)

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
waturbine-website	Ready	Preview, Comment	Apr 22, 2026 2:12am

[netlify]

✅ Deploy Preview for waturbine ready!

Name	Link
🔨 Latest commit	2893811
🔍 Latest deploy log	https://app.netlify.com/projects/waturbine/deploys/69e82e8aa6351800087896bc
😎 Deploy Preview	https://deploy-preview-8--waturbine.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.