Phantom Portfolio

An original, high-energy portfolio template with a red, black, and white visual system. Built for maintainability, accessibility, mobile behavior, and deployment readiness.

Features

• Built with Next.js App Router, TypeScript, and Tailwind CSS.
• Uses an original generated hero image.
• Stores profile, projects, skills, and social links in src/lib/portfolio-data.ts.
• Works without live GitHub API calls, form relays, custom cursors, or sound effects.
• Includes keyboard section navigation, visible focus states, reduced-motion support, and SEO metadata.

Edit your content

Change the portfolio data in:

src/lib/portfolio-data.ts

Replace YOUR NAME, you@example.com, project links, social links, and the sample copy with your real details. Add a public/resume.pdf file if you want the Resume link to work.

Run locally

npm install
npm run dev

Open http://localhost:3000.

Quality checks

npm run lint
npm run build

Deploy

Deploy the folder to Vercel. No server secrets are required. NEXT_PUBLIC_SITE_URL is optional and only used for metadata.