yashank21/ypcodes-portfolio ? reverse-engineered prompt

Build me a clean personal portfolio website in Next.js that I can use to show off my work online.

I want a modern landing page with a strong hero section, an about me section, a projects or work showcase, a skills section, and a contact area so people can reach out easily. Make it feel polished and responsive on mobile and desktop, with smooth scrolling and a nice visual style. Use the existing app structure and keep the code organized with reusable components and separate data where it makes sense, so it is easy for me to update my info later.

Please make it look professional but still personal, with thoughtful spacing, typography, and a simple color palette. If there are spots where it would help to pull in current docs or best practices, go ahead and look them up online. Also make sure it runs cleanly with the existing TypeScript setup and is ready to edit in the page file without much extra work.