How riadhbellala/signature-portfolio works
This is a portfolio website for Signature creative co., presenting selected work, project categories, services, clients and contact options. Visitors enter the homepage to explore featured projects and category-based work, then can open a project detail page or use contact links. The implementation is a Next.js App Router site with content held in TypeScript modules and reusable visual components. Connections below follow the README or the supplied source index and excerpts; unsampled modules are represented only where the tree supports them.
Main entry points: app/page.tsx Home page · [slug]/page.tsx Project detail · categories.ts Project categories · Header.tsx Site navigation
Components 22
Pages and routing
- Home page
src/app/page.tsx - Project detail
src/app/projets/[slug]/page.tsx - Style guide
src/app/styleguide/page.tsx
Portfolio content
- Project catalogue
src/content/projects.ts - Project categories
src/content/categories.ts - Service definitions
src/content/services.ts - Site copy
src/content/site.ts - Contact details
src/content/contact.ts
Work and service displays
- Homepage hero
src/components/home/Hero.tsx - Selected work
src/components/home/WorkPuzzle.tsx - Project folders
src/components/home/FolderCabinet.tsx - Category projects
src/components/home/CategoryGrid.tsx - Services flyer
src/components/home/ServicesFlyer.tsx - Clients and contact
src/components/home/Closing.tsx - Project imagery
src/components/project/ProjectImage.tsx
Shared presentation
- Site navigation
src/components/site/Header.tsx - Site footer
src/components/site/Footer.tsx - Section layout
src/components/layout/Section.tsx - Puzzle rendering
src/components/puzzle/PuzzlePiece.tsx - Puzzle geometry
src/components/puzzle/geometry.ts - Motion effects
src/components/motion/Reveal.tsx
Other components
- Visitor
Connections 47
- Visitor → Home page: opens
README.md - Visitor → Project detail: opens
src/app/projets/[slug]/page.tsx - Visitor → Style guide: opens
- Home page → Homepage hero: renders
src/app/page.tsx - Home page → Selected work: renders
src/app/page.tsx - Home page → Project folders: renders
src/app/page.tsx - Home page → Clients and contact: renders
src/app/page.tsx - Home page → Site navigation: renders
src/app/page.tsx - Home page → Site footer: renders
src/app/page.tsx - Home page → Section layout: uses
src/app/page.tsx - Home page → Motion effects: uses
src/app/page.tsx - Home page → Project catalogue: reads
src/app/page.tsx - Home page → Site copy: reads
src/app/page.tsx - Project detail → Project catalogue: reads
src/app/projets/[slug]/page.tsx - Project detail → Project categories: reads
src/app/projets/[slug]/page.tsx - Project detail → Site copy: reads
src/app/projets/[slug]/page.tsx - Project detail → Project imagery: renders
src/app/projets/[slug]/page.tsx - Project detail → Site navigation: renders
src/app/projets/[slug]/page.tsx - Project detail → Site footer: renders
src/app/projets/[slug]/page.tsx - Project detail → Section layout: uses
src/app/projets/[slug]/page.tsx - Project detail → Motion effects: uses
src/app/projets/[slug]/page.tsx - Style guide → Section layout: uses
src/app/styleguide/page.tsx - Style guide → Motion effects: uses
src/app/styleguide/page.tsx - Homepage hero → Site copy: reads
src/components/home/Hero.tsx - Selected work → Project catalogue: reads
src/components/home/WorkPuzzle.tsx - Selected work → Project categories: reads
src/components/home/WorkPuzzle.tsx - Selected work → Puzzle rendering: renders
src/components/home/WorkPuzzle.tsx - Project folders → Project catalogue: reads
src/components/home/FolderCabinet.tsx - Project folders → Project categories: reads
src/components/home/FolderCabinet.tsx - Project folders → Category projects: renders
src/components/home/FolderCabinet.tsx - Category projects → Project catalogue: reads
src/components/home/CategoryGrid.tsx - Category projects → Project categories: reads
src/components/home/CategoryGrid.tsx - Category projects → Project imagery: renders
src/components/home/CategoryGrid.tsx - Services flyer → Service definitions: displays
src/components/home/ServicesFlyer.tsx - Services flyer → Project categories: reads
src/components/home/ServicesFlyer.tsx - Clients and contact → Contact details: reads
src/components/home/Closing.tsx - Clients and contact → Site copy: reads
src/components/home/Closing.tsx - Clients and contact → Puzzle rendering: renders
src/components/home/Closing.tsx - Site navigation → Project categories: reads
src/components/site/Header.tsx - Site navigation → Project catalogue: reads
src/components/site/Header.tsx - Site navigation → Contact details: reads
src/components/site/Header.tsx - Site navigation → Site copy: reads
src/components/site/Header.tsx - Site footer → Contact details: reads
src/components/site/Footer.tsx - Site footer → Site copy: reads
src/components/site/Footer.tsx - Section layout → Puzzle rendering: renders
src/components/layout/Section.tsx - Puzzle rendering → Puzzle geometry: calls
src/components/puzzle/PuzzlePiece.tsx - Project imagery → Project categories: reads
src/components/project/ProjectImage.tsx