Skip to content
Browse docs / PARADA

Landing page

The capstone landing page and its GSAP pipeline.

The PARADA landing page explains the system for the capstone defense and is honest about status: it shows what is built and marks the phases still under evaluation.

What's on it

  • A pinned hero with an interactive scan canvas.
  • A horizontal pipeline — a 900svh sticky section with nine GSAP-animated SVG scenes: vehicle arrival, camera capture, computer vision + OCR, the API hub, vehicle/user/guest resolution, occupancy + session, mobile + admin, exit, and the fee receipt.
  • A registered-vs-guest comparison with live plate decoding.
  • An architecture diagram with looping motion-path packets.

Run it

bash
git clone https://github.com/E1yWrites/parada-landing.git
cd parada-landing
python3 -m http.server 8080

It must be served over HTTP; React, Babel, GSAP and fonts load from a CDN. Source: E1yWrites/parada-landing.