Urban Jungle

Build a high-performance, agency-grade Landing Page section called "Urban Jungle" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Build a scroll-driven hero section landing page using React 19, Vite, Tailwind CSS v4 (using @tailwindcss/vite plugin), GSAP (with ScrollTrigger + ScrollToPlugin), hls.js, and react-router-dom (BrowserRouter). The page body is black with white text. The root container is 500vh tall.

Visual Aesthetics & Mood:
scroll-driven 500vh hero black base experimental display font italic serif accents paired with clean sans streaming video urban nature jungle mood kinetic immersive dramatic modern bold cinematic

## 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)