PHANTOM PERSONA - Interactive Portfolio

An interactive, high-fidelity portfolio application inspired by the Persona 5 aesthetic. This project showcases a professional resume through a stylized, dynamic interface featuring custom animations, theme switching, and a unique "Confidant" inspired design.

🎭 Features

• Persona 5 Aesthetic: High-contrast UI, skewed elements, and signature "Confidant" style layouts.
• Interactive Navigation: Sidebar navigation with real-time section switching and a unique "Home" navigation pattern.
• Dynamic Theming: Switch between different visual styles (e.g., "Phantom", "Velvet") that update the entire application's color palette and animations.
• Boot Sequence: A stylized loading screen with system calibration logs and a progress bar.
• Responsive Design: Fully optimized for mobile, tablet, and desktop views with adaptive layouts and scaling.
• Rich Animations: Powered by Framer Motion for smooth transitions, "slam" effects, and interactive hover states.

🛠️ Tech Stack

• Framework: React 19
• Build Tool: Vite
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React
• Language: TypeScript

🚀 Getting Started

Prerequisites

• Node.js (v18 or higher recommended)
• npm

Installation

1. Clone the repository:

   git clone <repository-url>
   cd phantom-persona

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and navigate to http://localhost:3000.

📄 License

This project is licensed under the MIT License.