Global Hubs

Build a high-performance, agency-grade Agency section called "Global Hubs" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
meridian-offices-light;company offices locations contact global hubs agency studio about page warm off-white cream page soft radial washes light inter typography left headline right muted paragraph white capsule eyebrow pill with arrow thin hairline rule three-up photographic city cards paris london new york street photography rounded generous corners country name and frosted timezone pill overlay orange northeast arrow instant frosted glass detail panel rising from bottom with masked top fade monospace uppercase city label staggered text rise blurred stagger entrance photo zoom on hover editorial clean airy calm refined modern polished professional

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