Interactive Portfolio

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

## 1. Overview & Visual Objective
Build a full-viewport photography portfolio hero section in React (Vite + TypeScript + Tailwind). Use only inline styles (no Tailwind utility classes in JSX). Import the font `Inter` (weights 400, 500, 600) via Google Fonts in `index.css`:

Visual Aesthetics & Mood:
full viewport photography portfolio white base large background photograph gradient overlay clean neutral sans-serif minimal composition layered absolute elements quiet elegant image-first restrained crisp gallery-like understated professional

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