Let me re-read the key files to understand the current structure fully before writing the plan.

Now I have a complete understanding of the codebase. Let me write the plan.

Let me re-read the plan and all existing files to start building.

Now let me read the remaining components:

Now I have a complete picture of all existing components. Let me set up the todo list and start building.

Starting with the shared data layer and reusable components.

Now create the reusable Page Header and CTA section components:

Now update the layout to include Navbar + Footer, update the navbar to use Link routes with active states, and update the footer:

Now rewrite the navbar with Link-based navigation and active page highlighting:

Now update the footer to use Link:

Now update the hero component to use Link instead of anchor hrefs:

Now update the services, projects, and testimonials components to accept props from the shared data, then build the new Home page. First, update the components to support a limit prop:

Now update Pricing and FAQ to use shared data, and update the Process component:

Now write the new Home page with hero + service preview + project preview + testimonials + CTA:

Now let me build the About and Services pages:

Now the key piece -- the project detail page with full case study layout:

Now I need to update the Contact component since the page header now handles the section title differently. Let me also remove the redundant outer section header from the contact component when used on its own page, and make sure the id="contact" is gone since it's no longer needed for anchor links:

The contact component is fine as-is -- it has its own self-contained card layout with the form and info side-by-side, which works well below the page header. Let me check if there are any issues with the next.config.mjs for image domains:

Good, images are set to unoptimized which will work fine with our local images. Let me also verify the project images exist:

The project images are missing. Let me regenerate them:

The portfolio is now a fully multi-page site. Here's a summary of what was built:

• Shared data layer (lib/data.ts) centralizes all project, service, testimonial, pricing, FAQ, and skill data so every page pulls from a single source of truth.
• 5 main pages: Home (/) with hero + service/project previews + testimonials + CTA, About (/about) with bio, skills grid, process, and stats, Services (/services) with full offerings + pricing + FAQ, Projects (/projects) as a grid listing, and Contact (/contact) with the full form.
• Dynamic project detail pages (/projects/[slug]) with generateStaticParams and generateMetadata -- each featuring a hero image, challenge/solution/results narrative, impact metrics grid, tech stack tags, and prev/next project navigation.
• The navbar now uses usePathname() for active page highlighting with Link-based routing, and the footer links all point to proper page routes. Both live in the root layout so they persist across all pages.