Dark Portfolio Hero

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

## 1. Overview & Visual Objective
Build a Next.js 14 portfolio landing page with a full-screen hero section and an animated loading screen. The entire site uses a dark theme. Here is the exact specification:

Visual Aesthetics & Mood:
dark near-black portfolio animated loading screen progress bar blue gradient accent ring italic serif display font paired with clean sans-serif body gsap entrance choreography surface cards thin strokes sleek modern personal minimal polished cinematic

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