How ahsaanjameel595/tayyab_portfolio works
This is a Next.js portfolio and inquiry site for freelance graphic designer Tayyab Munir. Visitors browse the designer’s profile, services, selected work, case studies, and client feedback, then can submit a project inquiry through the contact form. Page modules assemble shared presentation components with static content data; the contact form validates locally and submits directly to Web3Forms. The README is the stock Next.js starter README; the map reflects the supplied tree and sampled page/form source.
Main entry points: app/page.tsx Home · Hero.tsx Hero · services/page.tsx Services Page · portfolio/page.tsx Portfolio
Components 18
Site Pages
- Home
app/page.tsx - About
app/about/page.tsx - Services Page
app/services/page.tsx - Portfolio
app/portfolio/page.tsx - Case Studies
app/case-studies/page.tsx - Testimonials
app/testimonials/page.tsx - Contact Page
app/contact/page.tsx
Portfolio Content
- Process & FAQs
data/content.ts - Project Records
data/projects.ts - Service Records
data/services.ts - Testimonial Records
data/testimonials.ts
Shared Presentation
- Hero
components/Hero.tsx - Project Card
components/ProjectCard.tsx - Service Card
components/ServiceCard.tsx - Testimonial Card
components/TestimonialCard.tsx
Project Inquiry
- Contact Form
components/ContactForm.tsx - Web3Forms
Other components
- Visitor
Connections 31
- Visitor → Home: opens
- Visitor → About: opens
- Visitor → Services Page: opens
- Visitor → Portfolio: opens
- Visitor → Case Studies: opens
- Visitor → Testimonials: opens
- Visitor → Contact Page: opens
- Home → Hero: renders
- Home → Project Records: reads
- Home → Project Card: renders
- Home → Service Records: reads
- Home → Service Card: renders
- Home → Process & FAQs: reads
- About → Hero: renders
- About → Process & FAQs: reads
- Services Page → Hero: renders
- Services Page → Service Records: reads
- Services Page → Service Card: renders
- Services Page → Process & FAQs: reads
- Portfolio → Hero: renders
- Portfolio → Project Records: reads
- Portfolio → Project Card: renders
- Case Studies → Hero: renders
- Case Studies → Project Records: reads
- Testimonials → Hero: renders
- Testimonials → Testimonial Records: reads
- Testimonials → Testimonial Card: renders
- Contact Page → Hero: renders
- Contact Page → Contact Form: renders
- Contact Form → Service Records: reads
- Contact Form → Web3Forms: submits