Sync AI

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

## 1. Overview & Visual Objective
Create a full-viewport hero section for a SaaS landing page called "Stellar.ai" using React, TypeScript, Tailwind CSS, and Lucide React icons. The design uses the Inter font (weights 400, 500, 600, 700) imported from Google Fonts. No other dependencies beyond lucide-react, react, and react-dom.

Visual Aesthetics & Mood:
white single viewport saas hero background video pushed below text area video fade-in clean neutral sans-serif partner logo bar pinned bottom light airy minimal crisp professional tidy polished 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)