# mridulians/salt-lick architecture

> Architecture diagram of the GitHub repository mridulians/salt-lick, generated by GitDiagram from its file tree, README and a sample of source files (last updated 2026-11-11). It is an AI-made overview: check details against the source.

- Interactive diagram: https://gitdiagram.com/mridulians/salt-lick
- Repository: https://github.com/mridulians/salt-lick

## Overview

Salt Lick Healthcare is a static, illustrated healthcare-intelligence website—not a clinical assessment system. Visitors enter through the home page, use hash-based navigation to explore the product, screening journey, centres, impact and organisation, then can visit the partnership enquiry page. Shared navigation and footer frame these pages; selected pages use dedicated visual and content modules. The README documents eight wired page areas and the design-draft status of inner-page content. Source excerpts do not show App’s routing implementation, so page wiring is represented only where documented.

Main entry points: [`src/App.jsx`](https://github.com/mridulians/salt-lick/blob/master/src/App.jsx) (App routing), [`src/components/AWorldWhere/AWorldWhere.jsx`](https://github.com/mridulians/salt-lick/blob/master/src/components/AWorldWhere/AWorldWhere.jsx) (Closing banner), [`src/pages/WhatIsSaltLick/WhatIsSaltLick.jsx`](https://github.com/mridulians/salt-lick/blob/master/src/pages/WhatIsSaltLick/WhatIsSaltLick.jsx) (What is Salt Lick), [`src/pages/Impact/Impact.jsx`](https://github.com/mridulians/salt-lick/blob/master/src/pages/Impact/Impact.jsx) (Impact)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_shell["Site shell"]
  node_entry["React entry<br/>[main.jsx]"]
  node_app["App routing<br/>[App.jsx]"]
  node_header["Header navigation<br/>[Header.jsx]"]
  node_footer["Footer<br/>[Footer.jsx]"]
  node_closing["Closing banner<br/>[AWorldWhere.jsx]"]
end

subgraph group_product["Product story"]
  node_home["Home<br/>[Home.jsx]"]
  node_what["What is Salt Lick<br/>[WhatIsSaltLick.jsx]"]
  node_whatvisuals["Product visuals<br/>[WhatVisuals.jsx]"]
  node_whatcontent["Product content<br/>[content.js]"]
  node_how["How it works<br/>[HowItWorks.jsx]"]
  node_sourcepage["Source content pages<br/>[SourcePage.jsx]"]
  node_sourcedata["Extracted source content<br/>[source.json]"]
end

subgraph group_impact["Impact and centres"]
  node_centres["Our centres<br/>[OurCentres.jsx]"]
  node_impactpage["Impact<br/>[Impact.jsx]"]
  node_impactvisuals["Impact graphics<br/>[ImpactGraphics.jsx]"]
  node_impactcontent["Impact content<br/>[content.js]"]
end

subgraph group_organisation["Organisation and partners"]
  node_about["About us<br/>[AboutUs.jsx]"]
  node_team["Our team<br/>[OurTeam.jsx]"]
  node_partners["Partner with us<br/>[PartnerWithUs.jsx]"]
  node_grouppartners["Group partners<br/>[GroupPartners.jsx]"]
end

node_visitor(("Site visitor"))

node_visitor -->|"opens site"| node_entry
node_entry -->|"renders"| node_app
node_visitor -->|"navigates"| node_header
node_visitor -->|"follows links"| node_footer
node_app -->|"wires page"| node_home
node_app -->|"wires page"| node_what
node_app -->|"wires page"| node_how
node_app -->|"wires page"| node_centres
node_app -->|"wires page"| node_impactpage
node_app -->|"wires page"| node_about
node_app -->|"wires page"| node_team
node_app -->|"wires page"| node_partners
node_what -->|"uses visuals"| node_whatvisuals
node_what -->|"reads content"| node_whatcontent
node_impactpage -->|"uses graphics"| node_impactvisuals
node_impactpage -->|"reads content"| node_impactcontent
node_sourcepage -->|"reads content"| node_sourcedata
node_home -->|"includes banner"| node_closing
node_what -->|"includes banner"| node_closing
node_how -->|"includes banner"| node_closing
node_centres -->|"includes banner"| node_closing
node_impactpage -->|"includes banner"| node_closing
node_team -->|"includes banner"| node_closing
node_partners -->|"includes banner"| node_closing
node_about -->|"excludes banner"| node_closing

click node_entry "https://github.com/mridulians/salt-lick/blob/master/src/main.jsx"
click node_app "https://github.com/mridulians/salt-lick/blob/master/src/App.jsx"
click node_header "https://github.com/mridulians/salt-lick/blob/master/src/components/Header/Header.jsx"
click node_footer "https://github.com/mridulians/salt-lick/blob/master/src/components/Footer/Footer.jsx"
click node_home "https://github.com/mridulians/salt-lick/blob/master/src/pages/Home/Home.jsx"
click node_what "https://github.com/mridulians/salt-lick/blob/master/src/pages/WhatIsSaltLick/WhatIsSaltLick.jsx"
click node_whatvisuals "https://github.com/mridulians/salt-lick/blob/master/src/pages/WhatIsSaltLick/WhatVisuals.jsx"
click node_whatcontent "https://github.com/mridulians/salt-lick/blob/master/src/pages/WhatIsSaltLick/content.js"
click node_how "https://github.com/mridulians/salt-lick/blob/master/src/pages/HowItWorks/HowItWorks.jsx"
click node_centres "https://github.com/mridulians/salt-lick/blob/master/src/pages/OurCentres/OurCentres.jsx"
click node_impactpage "https://github.com/mridulians/salt-lick/blob/master/src/pages/Impact/Impact.jsx"
click node_impactvisuals "https://github.com/mridulians/salt-lick/blob/master/src/pages/Impact/ImpactGraphics.jsx"
click node_impactcontent "https://github.com/mridulians/salt-lick/blob/master/src/pages/Impact/content.js"
click node_about "https://github.com/mridulians/salt-lick/blob/master/src/pages/AboutUs/AboutUs.jsx"
click node_team "https://github.com/mridulians/salt-lick/blob/master/src/pages/OurTeam/OurTeam.jsx"
click node_partners "https://github.com/mridulians/salt-lick/blob/master/src/pages/PartnerWithUs/PartnerWithUs.jsx"
click node_closing "https://github.com/mridulians/salt-lick/blob/master/src/components/AWorldWhere/AWorldWhere.jsx"
click node_grouppartners "https://github.com/mridulians/salt-lick/blob/master/src/components/GroupPartners/GroupPartners.jsx"
click node_sourcepage "https://github.com/mridulians/salt-lick/blob/master/src/components/SourcePage.jsx"
click node_sourcedata "https://github.com/mridulians/salt-lick/blob/master/src/data/source.json"

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_entry,node_app,node_header,node_footer,node_closing toneBlue
class node_home,node_what,node_whatvisuals,node_whatcontent,node_how,node_sourcepage,node_sourcedata toneAmber
class node_centres,node_impactpage,node_impactvisuals,node_impactcontent toneMint
class node_about,node_team,node_partners,node_grouppartners toneRose
class node_visitor toneIndigo
```

## Components

### Site shell

- [React entry](https://github.com/mridulians/salt-lick/blob/master/src/main.jsx): `src/main.jsx`
- [App routing](https://github.com/mridulians/salt-lick/blob/master/src/App.jsx): `src/App.jsx`
- [Header navigation](https://github.com/mridulians/salt-lick/blob/master/src/components/Header/Header.jsx): `src/components/Header/Header.jsx`
- [Footer](https://github.com/mridulians/salt-lick/blob/master/src/components/Footer/Footer.jsx): `src/components/Footer/Footer.jsx`
- [Closing banner](https://github.com/mridulians/salt-lick/blob/master/src/components/AWorldWhere/AWorldWhere.jsx): `src/components/AWorldWhere/AWorldWhere.jsx`

### Product story

- [Home](https://github.com/mridulians/salt-lick/blob/master/src/pages/Home/Home.jsx): `src/pages/Home/Home.jsx`
- [What is Salt Lick](https://github.com/mridulians/salt-lick/blob/master/src/pages/WhatIsSaltLick/WhatIsSaltLick.jsx): `src/pages/WhatIsSaltLick/WhatIsSaltLick.jsx`
- [Product visuals](https://github.com/mridulians/salt-lick/blob/master/src/pages/WhatIsSaltLick/WhatVisuals.jsx): `src/pages/WhatIsSaltLick/WhatVisuals.jsx`
- [Product content](https://github.com/mridulians/salt-lick/blob/master/src/pages/WhatIsSaltLick/content.js): `src/pages/WhatIsSaltLick/content.js`
- [How it works](https://github.com/mridulians/salt-lick/blob/master/src/pages/HowItWorks/HowItWorks.jsx): `src/pages/HowItWorks/HowItWorks.jsx`
- [Source content pages](https://github.com/mridulians/salt-lick/blob/master/src/components/SourcePage.jsx): `src/components/SourcePage.jsx`
- [Extracted source content](https://github.com/mridulians/salt-lick/blob/master/src/data/source.json): `src/data/source.json`

### Impact and centres

- [Our centres](https://github.com/mridulians/salt-lick/blob/master/src/pages/OurCentres/OurCentres.jsx): `src/pages/OurCentres/OurCentres.jsx`
- [Impact](https://github.com/mridulians/salt-lick/blob/master/src/pages/Impact/Impact.jsx): `src/pages/Impact/Impact.jsx`
- [Impact graphics](https://github.com/mridulians/salt-lick/blob/master/src/pages/Impact/ImpactGraphics.jsx): `src/pages/Impact/ImpactGraphics.jsx`
- [Impact content](https://github.com/mridulians/salt-lick/blob/master/src/pages/Impact/content.js): `src/pages/Impact/content.js`

### Organisation and partners

- [About us](https://github.com/mridulians/salt-lick/blob/master/src/pages/AboutUs/AboutUs.jsx): `src/pages/AboutUs/AboutUs.jsx`
- [Our team](https://github.com/mridulians/salt-lick/blob/master/src/pages/OurTeam/OurTeam.jsx): `src/pages/OurTeam/OurTeam.jsx`
- [Partner with us](https://github.com/mridulians/salt-lick/blob/master/src/pages/PartnerWithUs/PartnerWithUs.jsx): `src/pages/PartnerWithUs/PartnerWithUs.jsx`
- [Group partners](https://github.com/mridulians/salt-lick/blob/master/src/components/GroupPartners/GroupPartners.jsx): `src/components/GroupPartners/GroupPartners.jsx`

### Other components

- **Site visitor**

## Connections

- Site visitor → React entry: opens site (evidence: `README.md`)
- React entry → App routing: renders (evidence: `src/main.jsx`)
- Site visitor → Header navigation: navigates (evidence: `src/components/Header/Header.jsx`)
- Site visitor → Footer: follows links (evidence: `src/components/Footer/Footer.jsx`)
- App routing → Home: wires page (evidence: `README.md`)
- App routing → What is Salt Lick: wires page (evidence: `README.md`)
- App routing → How it works: wires page (evidence: `README.md`)
- App routing → Our centres: wires page (evidence: `README.md`)
- App routing → Impact: wires page (evidence: `README.md`)
- App routing → About us: wires page (evidence: `README.md`)
- App routing → Our team: wires page (evidence: `README.md`)
- App routing → Partner with us: wires page (evidence: `README.md`)
- What is Salt Lick → Product visuals: uses visuals (evidence: `src/pages/WhatIsSaltLick/WhatIsSaltLick.jsx`)
- What is Salt Lick → Product content: reads content (evidence: `src/pages/WhatIsSaltLick/WhatIsSaltLick.jsx`)
- Impact → Impact graphics: uses graphics (evidence: `src/pages/Impact/Impact.jsx`)
- Impact → Impact content: reads content (evidence: `src/pages/Impact/Impact.jsx`)
- Source content pages → Extracted source content: reads content (evidence: `src/components/SourcePage.jsx`)
- Home → Closing banner: includes banner (evidence: `README.md`)
- What is Salt Lick → Closing banner: includes banner (evidence: `README.md`)
- How it works → Closing banner: includes banner (evidence: `README.md`)
- Our centres → Closing banner: includes banner (evidence: `README.md`)
- Impact → Closing banner: includes banner (evidence: `README.md`)
- Our team → Closing banner: includes banner (evidence: `README.md`)
- Partner with us → Closing banner: includes banner (evidence: `README.md`)
- About us → Closing banner: excludes banner (evidence: `README.md`)