Bite-Sized Courses

Build a high-performance, agency-grade Learning section called "Bite-Sized Courses" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
light grey stage mobile courses screen soft lavender counter accents white surface cards huge rounded corners pill buttons clean soft geometric sans-serif friendly minimal tidy educational compact 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)