Nexar

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

## 1. Overview & Visual Objective
PROMPT:

Visual Aesthetics & Mood:
fullscreen looping video behind frosted interface white pill-shaped header three-column task card grid staggered fade-up card entrances italic serif display accents translucent white cards rounded soft dashboard-over-video aesthetic airy layered productive calm 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)