Mindful Companion

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

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

Visual Aesthetics & Mood:
noola-mindfulness;mindfulness meditation wellness mental health mood tracking app calm muted periwinkle blue-lavender background dreamy sky clouds parallax drifting hero video giant tight-tracked white headline word-by-word blur reveal animation iphone mockup mood dial pastel gradient phone ui white pill nav buttons soft lavender purple accent light blue-tinted feature cards guided meditation list cards play buttons serene soothing gentle airy dreamy soft friendly polished elegant

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