Implement fully designed portfolio template

[Josephat-S]

This pull request adds three new pages to the Next.js monolith portfolio template: a redesigned home page, an about page, and a contact page. Each page is implemented with a modern, visually appealing layout and includes relevant sections such as featured projects, experience, skills/tech stack, and a contact form. The changes focus on improving the user experience and providing comprehensive information about the developer.

New and Redesigned Pages

• Home Page Overhaul (app/page.tsx):

  • Introduces a multi-section landing page with a hero section, about preview, featured projects, tech stack, and a contact call-to-action.
  • Adds a featuredProjects list and displays them using the ProjectCard component.
  • Includes a summary of experience, completed projects, and clients, as well as a modern skills/tech stack grid.

• About Page Implementation (app/about/page.tsx):

  • Adds a detailed about page with a personal introduction, professional timeline, and a visual tech stack section.
  • Includes a placeholder for a profile photo and integrates the Footer component.

• Contact Page Implementation (app/contact/page.tsx):

  • Provides a contact form with fields for name, email, subject, and message.
  • Displays contact information, location, availability, and social media links.
  • Integrates the Footer component for consistent layout.

  Closes Portfolio Template: Full Design Implementation #33