# arshchatrath/illuminati-consulting architecture

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

## Overview

This is a static-rendered Next.js consulting landing page whose main visitor journey is a four-chapter scroll story: Insights, Fit, Action, and Value, followed by proof, work, leadership, and a contact invitation. The page renders its SVG Strategy Room on the server; browser effects animate the scene and page interactions. The contact form opens a pre-addressed email rather than storing submissions. The map follows the documented capabilities and sampled calls; unsampled page sections are represented by their enclosing source path.

Main entry points: [`app/page.jsx`](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/page.jsx) (Page content), [`components/PageEffects.jsx`](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/components/PageEffects.jsx) (Page effects), [`components/Preloader.jsx`](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/components/Preloader.jsx) (Logo preloader), [`lib/story.js`](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/story.js) (Chapter timeline)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_page["Landing page"]
  node_page_markup["Page content<br/>[page.jsx]"]
  node_page_style["Visual styling<br/>[globals.css]"]
  node_page_metadata["Site metadata<br/>[layout.jsx]"]
  node_results_work_team["Results, work, team<br/>[page.jsx]"]
end

subgraph group_story["Scroll story"]
  node_strategy_scene["Strategy Room SVG<br/>[scene.js]"]
  node_story_timeline["Chapter timeline<br/>[story.js]"]
end

subgraph group_motion["Browser effects"]
  node_page_effects["Page effects<br/>[PageEffects.jsx]"]
  node_preloader["Logo preloader<br/>[Preloader.jsx]"]
  node_terrain["Terrain shader<br/>[terrain.js]"]
  node_logo_routes["Logo routes<br/>[logo.js]"]
end

subgraph group_contact["Contact path"]
  node_contact_form["Contact form<br/>[page.jsx]"]
end

node_visitor(("Visitor"))
node_email_app(("Visitor email app"))

node_visitor -->|"opens page"| node_page_markup
node_page_markup -->|"renders scene"| node_strategy_scene
node_page_markup -->|"presents sections"| node_results_work_team
node_page_markup -->|"mounts effects"| node_page_effects
node_page_effects -->|"starts timeline"| node_story_timeline
node_story_timeline -->|"binds and animates"| node_strategy_scene
node_page_effects -->|"shows intro"| node_preloader
node_preloader -.->|"draws terrain"| node_terrain
node_preloader -->|"animates routes"| node_logo_routes
node_visitor -->|"scrolls chapters"| node_story_timeline
node_visitor -->|"submits enquiry"| node_contact_form
node_contact_form -->|"opens mailto"| node_email_app
node_page_metadata -->|"wraps page"| node_page_markup

click node_page_markup "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/page.jsx"
click node_page_style "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/globals.css"
click node_page_metadata "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/layout.jsx"
click node_results_work_team "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/page.jsx"
click node_strategy_scene "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/scene.js"
click node_story_timeline "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/story.js"
click node_page_effects "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/components/PageEffects.jsx"
click node_preloader "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/components/Preloader.jsx"
click node_terrain "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/terrain.js"
click node_logo_routes "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/logo.js"
click node_contact_form "https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/page.jsx"

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_page_markup,node_page_style,node_page_metadata,node_results_work_team toneBlue
class node_strategy_scene,node_story_timeline toneAmber
class node_page_effects,node_preloader,node_terrain,node_logo_routes toneMint
class node_contact_form toneRose
class node_visitor,node_email_app toneIndigo
```

## Components

### Landing page

- [Page content](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/page.jsx): `app/page.jsx`
- [Visual styling](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/globals.css): `app/globals.css`
- [Site metadata](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/layout.jsx): `app/layout.jsx`
- [Results, work, team](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/page.jsx): `app/page.jsx`

### Scroll story

- [Strategy Room SVG](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/scene.js): `lib/scene.js`
- [Chapter timeline](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/story.js): `lib/story.js`

### Browser effects

- [Page effects](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/components/PageEffects.jsx): `components/PageEffects.jsx`
- [Logo preloader](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/components/Preloader.jsx): `components/Preloader.jsx`
- [Terrain shader](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/terrain.js): `lib/terrain.js`
- [Logo routes](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/lib/logo.js): `lib/logo.js`

### Contact path

- [Contact form](https://github.com/arshchatrath/illuminati-consulting/blob/claude/quirky-johnson-xul4mm/app/page.jsx): `app/page.jsx`

### Other components

- **Visitor**
- **Visitor email app**

## Connections

- Visitor → Page content: opens page
- Page content → Strategy Room SVG: renders scene
- Page content → Results, work, team: presents sections
- Page content → Page effects: mounts effects
- Page effects → Chapter timeline: starts timeline
- Chapter timeline → Strategy Room SVG: binds and animates
- Page effects → Logo preloader: shows intro
- Logo preloader → Terrain shader: draws terrain
- Logo preloader → Logo routes: animates routes
- Visitor → Chapter timeline: scrolls chapters
- Visitor → Contact form: submits enquiry
- Contact form → Visitor email app: opens mailto
- Site metadata → Page content: wraps page