# ricardojra/ciclobem architecture

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

- Interactive diagram: https://gitdiagram.com/ricardojra/ciclobem
- Repository: https://github.com/ricardojra/ciclobem

## Overview

CicloBem is a static institutional website presenting its ESG and waste-traceability offering and directing visitors toward contact and audience-specific information. The tree includes a legacy digital-account area, but its service worker documents that the old app shell is being retired in favor of the canonical account site. Source excerpts are limited, so the graph shows documented site entry points and that cutover, not speculative page-to-page navigation or account workflows.

Main entry points: [`index.html`](https://github.com/ricardojra/ciclobem/blob/main/index.html) (Institutional home), [`conta-digital/sw.js`](https://github.com/ricardojra/ciclobem/blob/main/conta-digital/sw.js) (Retirement worker), [`conta-digital/index.html`](https://github.com/ricardojra/ciclobem/blob/main/conta-digital/index.html) (Legacy account route)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_institutional["Institutional site"]
  node_home["Institutional home<br/>[index.html]"]
  node_connect["Connect page<br/>[connect.html]"]
  node_connectindex["Connect landing<br/>[index.html]"]
  node_partnerships["B2B partnerships<br/>[index.html]"]
  node_municipalities["Municipalities<br/>[prefeituras.html]"]
  node_franchises["Franchises<br/>[franquias.html]"]
  node_companies["Companies<br/>[empresas.html]"]
end

subgraph group_legacy["Account cutover"]
  node_legacyaccount["Legacy account route<br/>[index.html]"]
  node_cutoverworker["Retirement worker<br/>[sw.js]"]
end

node_visitor(("Site visitor"))
node_instagram(("Instagram"))
node_whatsapp(("WhatsApp"))
node_linkedin(("LinkedIn"))
node_canonicalaccount(("Canonical account"))

node_visitor -->|"opens"| node_home
node_home -.->|"links to"| node_instagram
node_home -.->|"links to"| node_whatsapp
node_home -.->|"links to"| node_linkedin
node_legacyaccount -->|"registers"| node_cutoverworker
node_cutoverworker -->|"navigates clients"| node_canonicalaccount

click node_home "https://github.com/ricardojra/ciclobem/blob/main/index.html"
click node_connect "https://github.com/ricardojra/ciclobem/blob/main/connect.html"
click node_connectindex "https://github.com/ricardojra/ciclobem/blob/main/connect/index.html"
click node_partnerships "https://github.com/ricardojra/ciclobem/blob/main/parcerias-b2b/index.html"
click node_municipalities "https://github.com/ricardojra/ciclobem/blob/main/prefeituras.html"
click node_franchises "https://github.com/ricardojra/ciclobem/blob/main/franquias.html"
click node_companies "https://github.com/ricardojra/ciclobem/blob/main/empresas.html"
click node_legacyaccount "https://github.com/ricardojra/ciclobem/blob/main/conta-digital/index.html"
click node_cutoverworker "https://github.com/ricardojra/ciclobem/blob/main/conta-digital/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_home,node_connect,node_connectindex,node_partnerships,node_municipalities,node_franchises,node_companies toneBlue
class node_legacyaccount,node_cutoverworker toneAmber
class node_visitor,node_instagram,node_whatsapp,node_linkedin,node_canonicalaccount toneIndigo
```

## Components

### Institutional site

- [Institutional home](https://github.com/ricardojra/ciclobem/blob/main/index.html): `index.html`
- [Connect page](https://github.com/ricardojra/ciclobem/blob/main/connect.html): `connect.html`
- [Connect landing](https://github.com/ricardojra/ciclobem/blob/main/connect/index.html): `connect/index.html`
- [B2B partnerships](https://github.com/ricardojra/ciclobem/blob/main/parcerias-b2b/index.html): `parcerias-b2b/index.html`
- [Municipalities](https://github.com/ricardojra/ciclobem/blob/main/prefeituras.html): `prefeituras.html`
- [Franchises](https://github.com/ricardojra/ciclobem/blob/main/franquias.html): `franquias.html`
- [Companies](https://github.com/ricardojra/ciclobem/blob/main/empresas.html): `empresas.html`

### Account cutover

- [Legacy account route](https://github.com/ricardojra/ciclobem/blob/main/conta-digital/index.html): `conta-digital/index.html`
- [Retirement worker](https://github.com/ricardojra/ciclobem/blob/main/conta-digital/sw.js): `conta-digital/sw.js`

### Other components

- **Site visitor**
- **Instagram**
- **WhatsApp**
- **LinkedIn**
- **Canonical account**

## Connections

- Site visitor → Institutional home: opens
- Institutional home → Instagram: links to
- Institutional home → WhatsApp: links to
- Institutional home → LinkedIn: links to
- Legacy account route → Retirement worker: registers
- Retirement worker → Canonical account: navigates clients