Mindora

Build a high-performance, agency-grade Wellness section called "Mindora" 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:
mindora-hero;mental wellness mindfulness meditation self-care health app calm mind therapy wellbeing community lifestyle full-viewport background video nature scenery split-screen hero white rounded panel cinematic video side column soft gradient scrim centered avatar personal wellness profile bold editorial headline Calm your mind app download CTA pill circular icon hand-drawn squiggle organic accent modular three-card feature grid evidence-based tools community statistics weekly users installs teaser video thumbnail play button minimalist topbar hamburger menu social media circles Follow along pill floating glass controls login avatar circular download button oversized arrow FAB slide-out navigation drawer blurred backdrop staggered menu reveal Inter typography black white neutral sage grey palette soft shadows rounded corners clean UI modern wellness SaaS app landing page friendly human approachable peaceful restorative serene premium polished airy minimal contemporary calming organic confident

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