# mohansai5942/jjh-global-solutions architecture

> Architecture diagram of the GitHub repository mohansai5942/jjh-global-solutions, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-09-26). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/mohansai5942/jjh-global-solutions
- Repository: https://github.com/mohansai5942/jjh-global-solutions

## Overview

This is a React website for an HR, software-services, and training/placement business. A visitor navigates service and training content, can open a brochure or contact form, and can view an enquiries dashboard. The sampled App excerpt confirms navigation into training, skill, and workshop details and tracks brochure and form state; the README provides setup instructions but no further product workflow. Several component implementations and their wiring were not sampled, so uncertain connections are omitted.

Main entry points: [`src/App.tsx`](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/App.tsx) (App navigation), [`src/components/DynamicServicePage.tsx`](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/DynamicServicePage.tsx) (Service detail), [`src/components/BrochurePreview.tsx`](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/BrochurePreview.tsx) (Brochure builder), [`src/data/servicesData.ts`](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/servicesData.ts) (Sector and service data)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_experience["Website experience"]
  node_mount["React entry<br/>[main.tsx]"]
  node_app["App navigation<br/>[App.tsx]"]
  node_header["Site navigation<br/>[Header.tsx]"]
  node_about["About page<br/>[AboutPage.tsx]"]
  node_footer["Site footer<br/>[Footer.tsx]"]
end

subgraph group_services["Service offerings"]
  node_dynamic["Service detail"]
  node_sectorstats["Sector statistics<br/>[SectorStats.tsx]"]
end

subgraph group_training["Training offerings"]
  node_trainingdev["Training and development"]
  node_skilldetail["Skill detail"]
  node_workshops["Workshops<br/>[WorkshopsPage.tsx]"]
  node_workshopdetail["Workshop detail"]
end

subgraph group_inquiries["Inquiry tools"]
  node_contact["Contact page<br/>[ContactUsPage.tsx]"]
  node_inquiryform["Inquiry form<br/>[InquiryForm.tsx]"]
  node_dashboard["Enquiries dashboard"]
  node_brochure["Brochure builder"]
end

subgraph group_content["Product content"]
  node_servicesdata["Sector and service data<br/>[servicesData.ts]"]
  node_pagesdata["Service page data<br/>[pagesData.ts]"]
  node_skillsdata["Skill course data<br/>[skillsData.ts]"]
  node_workshopsdata["Workshop data<br/>[workshopsData.ts]"]
end

node_visitor(("Visitor"))

node_visitor -->|"uses website"| node_app
node_mount -->|"renders"| node_app
node_app -->|"renders navigation"| node_header
node_app -->|"renders footer"| node_footer
node_app -->|"shows page"| node_about
node_app -->|"shows contact"| node_contact
node_app -->|"shows service"| node_dynamic
node_app -->|"shows training"| node_trainingdev
node_app -->|"shows skill"| node_skilldetail
node_app -->|"shows workshops"| node_workshops
node_app -->|"shows workshop"| node_workshopdetail
node_app -->|"opens form"| node_inquiryform
node_app -->|"opens dashboard"| node_dashboard
node_app -->|"opens builder"| node_brochure
node_dynamic -->|"uses page content"| node_pagesdata
node_dynamic -->|"uses service content"| node_servicesdata
node_sectorstats -->|"uses sector content"| node_servicesdata
node_trainingdev -->|"uses skill content"| node_skillsdata
node_skilldetail -->|"uses skill content"| node_skillsdata
node_workshops -->|"uses workshop content"| node_workshopsdata
node_workshopdetail -->|"uses workshop content"| node_workshopsdata
node_brochure -->|"loads service details"| node_servicesdata
node_brochure -->|"submits inquiry"| node_app

click node_mount "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/main.tsx"
click node_app "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/App.tsx"
click node_header "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/Header.tsx"
click node_about "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/AboutPage.tsx"
click node_contact "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/ContactUsPage.tsx"
click node_footer "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/Footer.tsx"
click node_dynamic "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/DynamicServicePage.tsx"
click node_sectorstats "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/SectorStats.tsx"
click node_trainingdev "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/TrainingDevPage.tsx"
click node_skilldetail "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/SkillDetailPage.tsx"
click node_workshops "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/WorkshopsPage.tsx"
click node_workshopdetail "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/WorkshopDetailPage.tsx"
click node_inquiryform "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/InquiryForm.tsx"
click node_dashboard "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/EnquiriesDashboard.tsx"
click node_brochure "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/BrochurePreview.tsx"
click node_servicesdata "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/servicesData.ts"
click node_pagesdata "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/pagesData.ts"
click node_skillsdata "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/skillsData.ts"
click node_workshopsdata "https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/workshopsData.ts"

classDef toneNeutral fill:#f8fafc,stroke:#334155,stroke-width:1.5px,color:#0f172a
classDef toneBlue fill:#dbeafe,stroke:#2563eb,stroke-width:1.5px,color:#172554
classDef toneAmber fill:#fef3c7,stroke:#d97706,stroke-width:1.5px,color:#78350f
classDef toneMint fill:#dcfce7,stroke:#16a34a,stroke-width:1.5px,color:#14532d
classDef toneRose fill:#ffe4e6,stroke:#e11d48,stroke-width:1.5px,color:#881337
classDef toneIndigo fill:#e0e7ff,stroke:#4f46e5,stroke-width:1.5px,color:#312e81
classDef toneTeal fill:#ccfbf1,stroke:#0f766e,stroke-width:1.5px,color:#134e4a
class node_mount,node_app,node_header,node_about,node_footer toneBlue
class node_dynamic,node_sectorstats toneAmber
class node_trainingdev,node_skilldetail,node_workshops,node_workshopdetail toneMint
class node_contact,node_inquiryform,node_dashboard,node_brochure toneRose
class node_servicesdata,node_pagesdata,node_skillsdata,node_workshopsdata,node_visitor toneIndigo
```

## Components

### Website experience

- [React entry](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/main.tsx): `src/main.tsx`
- [App navigation](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/App.tsx): `src/App.tsx`
- [Site navigation](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/Header.tsx): `src/components/Header.tsx`
- [About page](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/AboutPage.tsx): `src/components/AboutPage.tsx`
- [Site footer](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/Footer.tsx): `src/components/Footer.tsx`

### Service offerings

- [Service detail](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/DynamicServicePage.tsx): `src/components/DynamicServicePage.tsx`
- [Sector statistics](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/SectorStats.tsx): `src/components/SectorStats.tsx`

### Training offerings

- [Training and development](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/TrainingDevPage.tsx): `src/components/TrainingDevPage.tsx`
- [Skill detail](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/SkillDetailPage.tsx): `src/components/SkillDetailPage.tsx`
- [Workshops](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/WorkshopsPage.tsx): `src/components/WorkshopsPage.tsx`
- [Workshop detail](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/WorkshopDetailPage.tsx): `src/components/WorkshopDetailPage.tsx`

### Inquiry tools

- [Contact page](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/ContactUsPage.tsx): `src/components/ContactUsPage.tsx`
- [Inquiry form](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/InquiryForm.tsx): `src/components/InquiryForm.tsx`
- [Enquiries dashboard](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/EnquiriesDashboard.tsx): `src/components/EnquiriesDashboard.tsx`
- [Brochure builder](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/components/BrochurePreview.tsx): `src/components/BrochurePreview.tsx`

### Product content

- [Sector and service data](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/servicesData.ts): `src/data/servicesData.ts`
- [Service page data](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/pagesData.ts): `src/data/pagesData.ts`
- [Skill course data](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/skillsData.ts): `src/data/skillsData.ts`
- [Workshop data](https://github.com/mohansai5942/jjh-global-solutions/blob/main/src/data/workshopsData.ts): `src/data/workshopsData.ts`

### Other components

- **Visitor**

## Connections

- Visitor → App navigation: uses website
- React entry → App navigation: renders
- App navigation → Site navigation: renders navigation
- App navigation → Site footer: renders footer
- App navigation → About page: shows page
- App navigation → Contact page: shows contact
- App navigation → Service detail: shows service
- App navigation → Training and development: shows training
- App navigation → Skill detail: shows skill
- App navigation → Workshops: shows workshops
- App navigation → Workshop detail: shows workshop
- App navigation → Inquiry form: opens form
- App navigation → Enquiries dashboard: opens dashboard
- App navigation → Brochure builder: opens builder
- Service detail → Service page data: uses page content
- Service detail → Sector and service data: uses service content
- Sector statistics → Sector and service data: uses sector content
- Training and development → Skill course data: uses skill content
- Skill detail → Skill course data: uses skill content
- Workshops → Workshop data: uses workshop content
- Workshop detail → Workshop data: uses workshop content
- Brochure builder → Sector and service data: loads service details
- Brochure builder → App navigation: submits inquiry