Now let me set up the task list and generate design inspiration and skill images in parallel.

Now let me generate the skill images for civil engineering in parallel:

Now let me build everything. I'll start with the globals.css theme update, then create all components and pages:

Now let me create the Navbar component:

Now create the Hero section:

Now create the skills section for the homepage with cue boxes:

Now create the homepage:

Now create the dedicated /skills page:

Your professional civil engineering portfolio for Shivam Prakash is complete. Here's what was built:

Theme & Styling -- Switched to a clean light theme with a steel-blue primary palette inspired by engineering blueprints, applied via semantic design tokens in globals.css.

Homepage -- Features a full portfolio layout with Hero (with contact info and blueprint-grid accent), About (3 profile overview cards), Experience (timeline-based), Projects (detailed cards with tags), Skills (8 cue boxes with generated civil engineering images and descriptions), Education, Certificates, and Contact sections.

Dedicated /skills page -- A comprehensive two-section page (Software Proficiency and Domain Expertise) with large skill cards featuring images, descriptions, and "Key Applications" bullet lists for each of the 8 skills -- no skill ratings, just professional elaboration. The navbar links directly to /skills and all other sections use smooth scroll anchors.

I'll generate a professional portrait photo and replace the decorative "CE" box in the hero section with it.

Now let me replace the decorative box in the hero with the profile photo:

The hero section now displays a professional profile photo of Shivam Prakash in place of the decorative "CE" placeholder. The photo is framed with a subtle dashed border accent and a "B.Tech CE" badge at the bottom, maintaining the clean engineering aesthetic of the portfolio. The next/image component is used with priority loading for optimal performance.