# lamanipavan495-cell/website architecture

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

- Interactive diagram: https://gitdiagram.com/lamanipavan495-cell/website
- Repository: https://github.com/lamanipavan495-cell/website

## Overview

Chandra Associates is a standalone React website presenting an architecture and engineering practice. Visitors navigate its home, about, services, portfolio, and contact pages to learn about the firm and its work, then use the listed contact or social links to reach it. The sampled source shows routing, page content, portfolio category filtering, and a Three.js hero model; the Contact page implementation was not sampled, so its specific behavior is not inferred. The site also registers a service worker for caching.

Main entry points: [`src/App.tsx`](https://github.com/lamanipavan495-cell/website/blob/main/src/App.tsx) (Routes and shell), [`src/pages/Home.tsx`](https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Home.tsx) (Home page), [`src/components/Footer.tsx`](https://github.com/lamanipavan495-cell/website/blob/main/src/components/Footer.tsx) (Contact and links), [`src/main.tsx`](https://github.com/lamanipavan495-cell/website/blob/main/src/main.tsx) (React bootstrap)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_navigation["Site Navigation"]
  node_bootstrap["React bootstrap<br/>[main.tsx]"]
  node_app["Routes and shell<br/>[App.tsx]"]
  node_navbar["Navigation bar<br/>[Navbar.tsx]"]
  node_footer["Contact and links<br/>[Footer.tsx]"]
  node_serviceworker["Offline cache worker<br/>[sw.js]"]
end

subgraph group_practice["Practice Content"]
  node_home["Home page<br/>[Home.tsx]"]
  node_about["About page<br/>[About.tsx]"]
  node_services["Services page<br/>[Services.tsx]"]
  node_portfolio["Portfolio page<br/>[Portfolio.tsx]"]
  node_contact["Contact page<br/>[Contact.tsx]"]
end

subgraph group_visuals["Interactive Visuals"]
  node_hero3d["3D hero renderer<br/>[Hero3D.tsx]"]
  node_villa["Villa model<br/>[VillaModel.tsx]"]
end

node_visitor(("Website visitor"))
node_browsercache[("Browser cache")]
node_whatsapp["WhatsApp"]
node_linkedin["LinkedIn"]
node_maps["Maps"]
node_email["Email"]

node_visitor -->|"opens site"| node_bootstrap
node_bootstrap -->|"renders"| node_app
node_app -->|"renders"| node_navbar
node_app -->|"renders"| node_footer
node_app -->|"routes to"| node_home
node_app -->|"routes to"| node_about
node_app -->|"routes to"| node_services
node_app -->|"routes to"| node_portfolio
node_app -->|"routes to"| node_contact
node_home -->|"renders"| node_hero3d
node_hero3d -->|"creates model"| node_villa
node_bootstrap -->|"registers"| node_serviceworker
node_serviceworker -->|"reads and writes"| node_browsercache
node_home -.->|"links to"| node_whatsapp
node_home -.->|"links to"| node_linkedin
node_home -.->|"links to"| node_maps
node_footer -.->|"links to"| node_linkedin
node_footer -.->|"links to"| node_whatsapp
node_footer -.->|"links to"| node_email

click node_bootstrap "https://github.com/lamanipavan495-cell/website/blob/main/src/main.tsx"
click node_app "https://github.com/lamanipavan495-cell/website/blob/main/src/App.tsx"
click node_navbar "https://github.com/lamanipavan495-cell/website/blob/main/src/components/Navbar.tsx"
click node_footer "https://github.com/lamanipavan495-cell/website/blob/main/src/components/Footer.tsx"
click node_home "https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Home.tsx"
click node_about "https://github.com/lamanipavan495-cell/website/blob/main/src/pages/About.tsx"
click node_services "https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Services.tsx"
click node_portfolio "https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Portfolio.tsx"
click node_contact "https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Contact.tsx"
click node_hero3d "https://github.com/lamanipavan495-cell/website/blob/main/src/components/Hero3D.tsx"
click node_villa "https://github.com/lamanipavan495-cell/website/blob/main/src/components/VillaModel.tsx"
click node_serviceworker "https://github.com/lamanipavan495-cell/website/blob/main/public/sw.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_bootstrap,node_app,node_navbar,node_footer,node_serviceworker toneBlue
class node_home,node_about,node_services,node_portfolio,node_contact,node_browsercache toneAmber
class node_hero3d,node_villa toneMint
class node_visitor,node_whatsapp,node_linkedin,node_maps,node_email toneIndigo
```

## Components

### Site Navigation

- [React bootstrap](https://github.com/lamanipavan495-cell/website/blob/main/src/main.tsx): `src/main.tsx`
- [Routes and shell](https://github.com/lamanipavan495-cell/website/blob/main/src/App.tsx): `src/App.tsx`
- [Navigation bar](https://github.com/lamanipavan495-cell/website/blob/main/src/components/Navbar.tsx): `src/components/Navbar.tsx`
- [Contact and links](https://github.com/lamanipavan495-cell/website/blob/main/src/components/Footer.tsx): `src/components/Footer.tsx`
- [Offline cache worker](https://github.com/lamanipavan495-cell/website/blob/main/public/sw.js): `public/sw.js`

### Practice Content

- [Home page](https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Home.tsx): `src/pages/Home.tsx`
- [About page](https://github.com/lamanipavan495-cell/website/blob/main/src/pages/About.tsx): `src/pages/About.tsx`
- [Services page](https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Services.tsx): `src/pages/Services.tsx`
- [Portfolio page](https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Portfolio.tsx): `src/pages/Portfolio.tsx`
- [Contact page](https://github.com/lamanipavan495-cell/website/blob/main/src/pages/Contact.tsx): `src/pages/Contact.tsx`

### Interactive Visuals

- [3D hero renderer](https://github.com/lamanipavan495-cell/website/blob/main/src/components/Hero3D.tsx): `src/components/Hero3D.tsx`
- [Villa model](https://github.com/lamanipavan495-cell/website/blob/main/src/components/VillaModel.tsx): `src/components/VillaModel.tsx`

### Other components

- **Website visitor**
- **Browser cache**
- **WhatsApp**
- **LinkedIn**
- **Maps**
- **Email**

## Connections

- Website visitor → React bootstrap: opens site
- React bootstrap → Routes and shell: renders
- Routes and shell → Navigation bar: renders
- Routes and shell → Contact and links: renders
- Routes and shell → Home page: routes to
- Routes and shell → About page: routes to
- Routes and shell → Services page: routes to
- Routes and shell → Portfolio page: routes to
- Routes and shell → Contact page: routes to
- Home page → 3D hero renderer: renders
- 3D hero renderer → Villa model: creates model
- React bootstrap → Offline cache worker: registers
- Offline cache worker → Browser cache: reads and writes
- Home page → WhatsApp: links to
- Home page → LinkedIn: links to
- Home page → Maps: links to
- Contact and links → LinkedIn: links to
- Contact and links → WhatsApp: links to
- Contact and links → Email: links to