Social Hangouts

Build a high-performance, agency-grade Community App section called "Social Hangouts" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

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

Visual Aesthetics & Mood:
voice chat app screen mockup soft mint sage surface dark charcoal call background rounded generous tile corners warm orange to pink gradient accent pill controls friendly social warm approachable modern compact mobile ui playful

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