Build a mobile‑only animated “The Pillars” section for a WordPress landing page. The desktop hero/background (navy blue) is not shown on mobile. On mobile we show only the infographic timeline with step labels:
Exclusive Living → Lavish Arrivals → Mystic Greens → The Pillars → Open‑Air Indulgences → Rooftop Experiences → Address of Icons
A small “bulb” (dot) progressively lights up/turns white at each step. As each bulb lights, the corresponding label animates in (fade/slide), and the page background image swaps to that step’s image (full‑bleed behind the infographic). The sequence loops once (or on scroll; see Interaction below). We must deliver accessible, performant code that can be embedded in WordPress as a shortcode/block.
________________________________________
Tech & Dev Requirements
• Stack: HTML + CSS (SCSS allowed) + JavaScript (ES6). Use GSAP + ScrollTrigger for robust timeline control and smoothness. Avoid jQuery. No heavy frameworks.
• Asset strategy: Background images s…
