Footballer Portfolio

Build a high-performance, agency-grade Sports section called "Footballer Portfolio" in React 19, TypeScript, and Tailwind CSS with Framer Motion.

## 1. Overview & Visual Objective
Create a React + Vite + Tailwind CSS project that displays 3 mobile phone screens (375x812px each) side by side on a page with a `#BBB8B9` body background. No phone frames -- just raw screen content. The middle screen is positioned 75px higher than center, and the left/right screens are 45px lower than center. Screens are spaced with a 40px gap.

Visual Aesthetics & Mood:
three raw mobile screens staggered heights on grey stage bold condensed display font turkish red accent sporty football portfolio fade-up scale-in reveals athletic dynamic energetic modern showcase compact

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