# aravindbonda/gym architecture

> Architecture diagram of the GitHub repository aravindbonda/gym, 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/aravindbonda/gym
- Repository: https://github.com/aravindbonda/gym

## Overview

This is a React marketing site for Elite Forge Fitness Club. A visitor enters through the shared navigation and browses Home, About, Services, or Contact; the Services page presents training programs, facility imagery, equipment, and trainers. The sampled App source establishes routing and shared header/footer rendering. Other page and component source was not sampled, so their internal composition and wiring are left unspecified.

Main entry points: [`src/App.js`](https://github.com/aravindbonda/gym/blob/master/src/App.js) (App router), [`src/components/Navbar/Navbar.js`](https://github.com/aravindbonda/gym/blob/master/src/components/Navbar/Navbar.js) (Navigation), [`src/pages/HomePage.js`](https://github.com/aravindbonda/gym/blob/master/src/pages/HomePage.js) (Home page), [`src/pages/AboutPage.js`](https://github.com/aravindbonda/gym/blob/master/src/pages/AboutPage.js) (About page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_routing["Site routing"]
  node_app["App router<br/>[App.js]"]
end

subgraph group_shared["Shared chrome"]
  node_navbar["Navigation<br/>[Navbar.js]"]
  node_footer["Footer<br/>[Footer.js]"]
end

subgraph group_pages["Page content"]
  node_home["Home page<br/>[HomePage.js]"]
  node_about["About page<br/>[AboutPage.js]"]
  node_services["Services page<br/>[ServicesPage.js]"]
  node_contact["Contact page<br/>[ContactPage.js]"]
end

subgraph group_home["Home sections"]
  node_hero["Hero showcase<br/>[Hero3D.js]"]
  node_aboutpreview["About preview<br/>[AboutPreview.js]"]
  node_highlights["Gym highlights<br/>[GymHighlights.js]"]
  node_serviceslider["Program slider<br/>[ServicesSlider.js]"]
  node_whychoose["Club benefits<br/>[WhyChooseUs.js]"]
  node_testimonials["Member stories<br/>[Testimonials.js]"]
end

node_visitor(("Visitor"))

node_visitor -->|"opens site"| node_app
node_app -->|"renders"| node_navbar
node_app -->|"renders"| node_footer
node_app -->|"routes to /"| node_home
node_app -->|"routes to /about"| node_about
node_app -->|"routes to /services"| node_services
node_app -->|"routes to /contact"| node_contact
node_navbar -->|"links to"| node_home
node_navbar -->|"links to"| node_about
node_navbar -->|"links to"| node_services
node_navbar -->|"links to"| node_contact

click node_app "https://github.com/aravindbonda/gym/blob/master/src/App.js"
click node_navbar "https://github.com/aravindbonda/gym/blob/master/src/components/Navbar/Navbar.js"
click node_footer "https://github.com/aravindbonda/gym/blob/master/src/components/Footer/Footer.js"
click node_home "https://github.com/aravindbonda/gym/blob/master/src/pages/HomePage.js"
click node_about "https://github.com/aravindbonda/gym/blob/master/src/pages/AboutPage.js"
click node_services "https://github.com/aravindbonda/gym/blob/master/src/pages/ServicesPage.js"
click node_contact "https://github.com/aravindbonda/gym/blob/master/src/pages/ContactPage.js"
click node_hero "https://github.com/aravindbonda/gym/blob/master/src/components/Hero3D/Hero3D.js"
click node_aboutpreview "https://github.com/aravindbonda/gym/blob/master/src/components/AboutPreview/AboutPreview.js"
click node_highlights "https://github.com/aravindbonda/gym/blob/master/src/components/GymHighlights/GymHighlights.js"
click node_serviceslider "https://github.com/aravindbonda/gym/blob/master/src/components/ServicesSlider/ServicesSlider.js"
click node_whychoose "https://github.com/aravindbonda/gym/blob/master/src/components/WhyChooseUs/WhyChooseUs.js"
click node_testimonials "https://github.com/aravindbonda/gym/blob/master/src/components/Testimonials/Testimonials.js"

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_app toneBlue
class node_navbar,node_footer toneAmber
class node_home,node_about,node_services,node_contact toneMint
class node_hero,node_aboutpreview,node_highlights,node_serviceslider,node_whychoose,node_testimonials toneRose
class node_visitor toneIndigo
```

## Components

### Site routing

- [App router](https://github.com/aravindbonda/gym/blob/master/src/App.js): `src/App.js`

### Shared chrome

- [Navigation](https://github.com/aravindbonda/gym/blob/master/src/components/Navbar/Navbar.js): `src/components/Navbar/Navbar.js`
- [Footer](https://github.com/aravindbonda/gym/blob/master/src/components/Footer/Footer.js): `src/components/Footer/Footer.js`

### Page content

- [Home page](https://github.com/aravindbonda/gym/blob/master/src/pages/HomePage.js): `src/pages/HomePage.js`
- [About page](https://github.com/aravindbonda/gym/blob/master/src/pages/AboutPage.js): `src/pages/AboutPage.js`
- [Services page](https://github.com/aravindbonda/gym/blob/master/src/pages/ServicesPage.js): `src/pages/ServicesPage.js`
- [Contact page](https://github.com/aravindbonda/gym/blob/master/src/pages/ContactPage.js): `src/pages/ContactPage.js`

### Home sections

- [Hero showcase](https://github.com/aravindbonda/gym/blob/master/src/components/Hero3D/Hero3D.js): `src/components/Hero3D/Hero3D.js`
- [About preview](https://github.com/aravindbonda/gym/blob/master/src/components/AboutPreview/AboutPreview.js): `src/components/AboutPreview/AboutPreview.js`
- [Gym highlights](https://github.com/aravindbonda/gym/blob/master/src/components/GymHighlights/GymHighlights.js): `src/components/GymHighlights/GymHighlights.js`
- [Program slider](https://github.com/aravindbonda/gym/blob/master/src/components/ServicesSlider/ServicesSlider.js): `src/components/ServicesSlider/ServicesSlider.js`
- [Club benefits](https://github.com/aravindbonda/gym/blob/master/src/components/WhyChooseUs/WhyChooseUs.js): `src/components/WhyChooseUs/WhyChooseUs.js`
- [Member stories](https://github.com/aravindbonda/gym/blob/master/src/components/Testimonials/Testimonials.js): `src/components/Testimonials/Testimonials.js`

### Other components

- **Visitor**

## Connections

- Visitor → App router: opens site
- App router → Navigation: renders
- App router → Footer: renders
- App router → Home page: routes to /
- App router → About page: routes to /about
- App router → Services page: routes to /services
- App router → Contact page: routes to /contact
- Navigation → Home page: links to
- Navigation → About page: links to
- Navigation → Services page: links to
- Navigation → Contact page: links to