Terra Geo Map

Build a high-performance, agency-grade SaaS section called "Terra Geo Map" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create a hero section for a geo-mapping SaaS landing page called "Terra" with these exact specifications:

Visual Aesthetics & Mood:
light clean saas hero vivid blue accent gradient circle logo emoji globe product hunt red badge rounded-full pill buttons tight-tracked medium heading friendly approachable crisp bright mapping tech polished tidy modern

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