Add interactive 3D Globe tab to Locations using cobe WebGL

- Magic UI Globe component with auto-rotation and drag interaction
- Dark/light mode reactive (base color, glow, brightness)
- Country markers from visitor data using existing centroids
- Brand orange (#FD5E0F) marker color matching DottedMap

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Usman Baig
2026-03-09 15:46:29 +01:00
parent df2f38eb83
commit efd647d856
4 changed files with 164 additions and 8 deletions

View File

@@ -19,6 +19,7 @@
"@stripe/react-stripe-js": "^5.6.0",
"@stripe/stripe-js": "^8.7.0",
"axios": "^1.13.2",
"cobe": "^0.6.5",
"country-flag-icons": "^1.6.4",
"d3-scale": "^4.0.2",
"framer-motion": "^12.23.26",