Social Media Posts

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

## 1. Overview & Visual Objective
Create a 3x2 grid of 6 social media post cards (384px x 384px each, 16px gap) centered on the page. Every card has 12px rounded corners and overflow-hidden.

Visual Aesthetics & Mood:
grid of six square social media post cards rounded corners over full-page photographic background bold condensed uppercase display font playful handwritten cursive accents varied card designs collage-like vibrant graphic poster energy compact scrollable gallery punchy eclectic

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