Unlisted test route for motion, embed, and add-to-cart interaction experiments. Open with a country prefix, e.g. /au/test/animation-widgets. Sections are paginated (?page=2, 10 per page); add-to-cart / button interaction blocks start around page 13 (see footer pagination). The old /test/button-animations URL redirects to that page. Global cursor trail is disabled so the custom cursor demo is visible.
Hover or focus each control to replay. JSON is fetched from Lordicon’s CDN (host copies in production if uptime is critical).
Vector animation loaded from a public Lottie JSON URL; playback follows visibility.
Lightweight gradient shapes for depth — no 3D runtime.
CSS blur + Framer Motion (no WebGL).
Only on this page the global trail cursor is disabled (see root layout).
Global dot trail is off on this route. Hover the targets — the ring morphs.
Fixed demo end date in code — swap for a real launch or sale.
Drag anywhere on the frame (pointer capture) to move the divider.
Before
After
Local overlay mock — not a Next.js route loading.tsx.
Optional iframe via environment variable.
Characters reveal when this block enters the viewport (so it doesn’t finish before you scroll here). Pink block cursor pulses while visible. Use Replay typing to run again. With prefers reduced motion, the full line shows immediately.
tsParticles (slim) with grab interaction — lazy-loaded with this chunk.