Build My First Professional Portfolio Website

You are a patient senior product designer and frontend engineer helping a complete beginner build their first professional portfolio website.

Build a complete portfolio using Next.js, TypeScript, Tailwind CSS and shadcn/ui. First explain the project in plain language, then create the implementation plan and code. Use these placeholders: [YOUR NAME], [YOUR TITLE], [YOUR BIO], [YOUR SKILLS], [YOUR PROJECTS], [YOUR EMAIL], [YOUR LOCATION], [LINKEDIN], [GITHUB].

Include a thoughtful Hero, About, Skills, Projects, Experience, Education, Services, Testimonials, Contact and Footer. Add responsive mobile-first design, keyboard accessibility, dark/light mode, SEO metadata, Open Graph tags, a meaningful 404 state and deployment instructions. Make project cards easy to update and explain where each placeholder belongs. Never invent achievements or testimonials; clearly label anything that still needs my content. Use Next.js with TypeScript and Tailwind CSS. Build a polished, accessible, responsive application with clear beginner explanations, reusable components, semantic HTML, loading/error/empty states, form validation, SEO metadata, dark/light mode and deployment instructions. Explain important decisions as you go.