extract the information from the attached document and create the portfolio. Switch to light theme(globals.css). Update skills section on homepage(elaborated).Add cue boxes for skill sets generate creative skill images related to civil engineering. Create a new/skills page. update navbar to link skills to the new page . do not add rating for skills. make it look professional and design the portfolio according to industry needs.
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.
You can send messages while the preview loads