Citylines. Built from one prompt.

Build a scroll story for transit advocacy group "CITYLINES" with React + Tailwind. A fixed full-screen SVG holds five colored metro lines (rounded polylines: #e63946, #f4a261, #2a9d8f, #457b9d, #b5838d on #101418); each line draws itself (stroke-dashoffset tied to scroll progress of its chapter) as you pass its era. Five chapters set in the fonts "Archivo" (700) for headings + "Inter" for body: "1998 — One line, one promise", "2005 — The river crossing", "2013 — The orbital", "2021 — Nights and weekends", "2030 — The map we deserve" (dashed proposed line + CTA "Sign the petition — 41,204 neighbors already have"). Station dots pop in (scale keyframe) as each line completes. Chapter cards sit bottom-left in frosted panels.

scrollsvg-map