A small van drives the road from "you call" to "fixed" as you scroll; the road fills in and each step lights up as it passes.
Use it for: Emergency and same-day trades (plumbing, HVAC, locksmith, towing), mobile cleaners and detailers. When: A real, fast sequence with real times (call, on the way, fixed). One per page. Don't: Fake 01-02-03 steps, more than 3-4 stops, or with batch 1's scroll-drawn steps on the same page. How: MotionPath moves the van along the SVG road (auto-rotating), DrawSVG fills the road behind it, both scrubbed by ScrollTrigger. No pinning. Without JS the van is parked at "fixed". Weight: 1.5 KB gzipped (our CSS + JS) + GSAP from jsDelivr: GSAP core 28.3 + ScrollTrigger 18 + MotionPath 9.7 + DrawSVG 2.2 KB gzipped (shared by every effect on the page). Plugins: ScrollTrigger, MotionPath, DrawSVG.
Scroll ↓
8:02 amYou call. A person answers, not a menu.
8:20 amTech on the way. His name and photo arrive by text.
9:40 amFixed and cleaned up, at the price agreed before work started.