TerraVision

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

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

Visual Aesthetics & Mood:
AI-powered, geospatial intelligence, site intelligence, environmental intelligence, land analysis, ecological analytics, predictive analytics, risk assessment, site planning, terrain mapping, soil analysis, water monitoring, canopy monitoring, erosion detection, environmental compliance, regulatory intelligence, construction intelligence, development planning, real-world data, ground truth, site feasibility, impact assessment, decision intelligence, data-driven engineering, smart infrastructure, climate tech, green tech, proptech, contech, earth observation, GIS, remote sensing, sensor fusion, drone mapping, geospatial AI, environmental monitoring, sustainable development, digital twin, real-time insights, automated reporting, risk visualization, data storytelling, cinematic web experience, scroll animation, pinned viewport, immersive storytelling, kinetic typography, interactive visualization, animated dashboard, frosted glass UI, translucent cards, layered interface, editorial typography, Swiss design, brutalist minimalism, monochrome aesthetic, premium SaaS, high-end landing page, futuristic enterprise, sophisticated motion, seamless transitions, responsive design.

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