Axle Journey

Build a high-performance, agency-grade Dashboard section called "Axle Journey" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create an ultra-refined, interactive Dashboard with cinematic transitions and smooth spring physics.

Visual Aesthetics & Mood:
axle-city-mobility;urban mobility smart city transport network electric transit sustainable transportation clean energy charging infrastructure riders city movement full-viewport app-shell landing page looping tilt-shift miniature city video dusk transit hub full-bleed cinematic background floating frosted-glass interface left sidebar stacked stat cards dark glass cards light glass gauge card top row navigation pills circular utility controls oversized rounded hero frame transparent outlined panel orange map pins mobility markers connected network map interface bottom-left headline less friction more possibility wide geometric display typography parsi font inter ui type orange accent dark charcoal glass cream-gray surfaces emissions gauge halftone dot ring electric journeys progress bar connected mobility points riders badge overlapping avatars map zoom controls layers button rounded discover-network CTA translucent button circular arrow disc editorial dashboard composition modular glass cards asymmetrical spatial layout immersive city-tech aesthetic polished modern premium minimal urban intelligent sustainable energetic connected responsive burger navigation clip-path glass wipe entrance masked headline reveal stat number rise map marker bloom interactive mobility platform futuristic transport brand

## 2. Technical Stack & Dependencies
- Framework: React 19 + TypeScript + Vite
- Styling: Tailwind CSS v4 + Lucide React icons
- Animation Engine: Framer Motion (layout animations, spring physics, scroll-linked parallax)