Integration SaaS

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

## 1. Overview & Visual Objective
Build a full-screen hero section landing page for a data platform called "DataVio" using React, Tailwind CSS, and Vite. Use the Geist font (from Google Fonts: `https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700&display=swap`). Add the font-family to the Tailwind config under `fontFamily.geist`.

Visual Aesthetics & Mood:
fullscreen video hero dusty rose mauve gradient overlay sweeping from edge clean geometric sans-serif data platform mood soft muted color wash modern calm polished airy distinctive gentle sleek

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