# nimzzai/alight-motion-premium-website architecture

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

- Interactive diagram: https://gitdiagram.com/nimzzai/alight-motion-premium-website
- Repository: https://github.com/nimzzai/alight-motion-premium-website

## Overview

Alight Motion Premium Creator is an unofficial website that guides users through activating Premium via an existing backend API. Its main workflow takes an email through magic-link delivery and verification, then presents the activation result. Separate branches provide API status and service guidance, donation submission, and a streaming help chatbot. The README documents several routes whose implementations were not sampled; their paths are taken from the tree, and uncertain internal wiring is omitted.

Main entry points: [`src/components/site/ActivationFlow.tsx`](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/ActivationFlow.tsx) (Activation Flow), [`src/routes/status.tsx`](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/status.tsx) (Status Page), [`src/lib/am-api.functions.ts`](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/lib/am-api.functions.ts) (Activation API Functions), [`src/routes/aktivasi.tsx`](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/aktivasi.tsx) (Activation Page)

## Diagram (Mermaid)

```mermaid
flowchart TD

subgraph group_activation["Activation"]
  node_activation_page["Activation Page<br/>[aktivasi.tsx]"]
  node_activation_flow["Activation Flow<br/>[ActivationFlow.tsx]"]
  node_api_functions["Activation API Functions"]
  node_success_result["Activation Result<br/>[AfterSuccess.tsx]"]
end

subgraph group_guidance["Guidance"]
  node_home["Landing Page<br/>[index.tsx]"]
  node_guide["Step-by-Step Guide<br/>[panduan.tsx]"]
  node_faq["FAQ<br/>[faq.tsx]"]
  node_troubleshooting["Troubleshooting"]
  node_system_info["System Overview<br/>[sistem.tsx]"]
  node_status_page["Status Page<br/>[status.tsx]"]
  node_status_hook["API Status Hook<br/>[use-api-status.ts]"]
  node_api_status_ui["API Status UI<br/>[ApiStatusCard.tsx]"]
end

subgraph group_support["Support"]
  node_donation_page["Donation Page<br/>[donasi.tsx]"]
  node_donation_form["Donation Form<br/>[DonationForm.tsx]"]
  node_donation_functions["Donation Handler"]
  node_chat_ui["Nimzz AI Chat<br/>[NimzzAI.tsx]"]
  node_chat_endpoint["Chat Endpoint<br/>[nimzz-ai.ts]"]
  node_ai_client["AI Stream Client<br/>[unlimitedai.ts]"]
end

subgraph group_platform["Site Runtime"]
  node_root_layout["Global Layout<br/>[__root.tsx]"]
  node_router["Router Setup<br/>[router.tsx]"]
end

node_visitor(("Visitor"))
node_activation_api{{"Activation API"}}
node_telegram{{"Telegram Bot"}}
node_ai_provider{{"AI Provider"}}

node_visitor -->|"opens"| node_activation_page
node_activation_page -->|"renders"| node_activation_flow
node_activation_flow -->|"requests send/verify"| node_api_functions
node_api_functions -->|"calls endpoints"| node_activation_api
node_activation_flow -->|"shows result"| node_success_result
node_visitor -->|"opens"| node_home
node_visitor -->|"opens"| node_guide
node_visitor -->|"opens"| node_faq
node_visitor -->|"opens"| node_troubleshooting
node_visitor -->|"opens"| node_system_info
node_visitor -->|"opens"| node_status_page
node_status_page -->|"checks status"| node_status_hook
node_status_hook -->|"calls health/info"| node_api_functions
node_status_page -->|"presents status"| node_api_status_ui
node_visitor -->|"opens"| node_donation_page
node_donation_page -->|"renders"| node_donation_form
node_donation_form -->|"submits proof"| node_donation_functions
node_donation_functions -.->|"sends notification"| node_telegram
node_visitor -->|"uses chat"| node_chat_ui
node_chat_ui -->|"posts messages"| node_chat_endpoint
node_chat_endpoint -->|"streams response"| node_ai_client
node_ai_client -->|"requests completion"| node_ai_provider
node_router -->|"sets up routes"| node_root_layout

click node_activation_page "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/aktivasi.tsx"
click node_activation_flow "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/ActivationFlow.tsx"
click node_api_functions "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/lib/am-api.functions.ts"
click node_success_result "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/AfterSuccess.tsx"
click node_home "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/index.tsx"
click node_guide "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/panduan.tsx"
click node_faq "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/faq.tsx"
click node_troubleshooting "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/troubleshooting.tsx"
click node_system_info "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/sistem.tsx"
click node_status_page "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/status.tsx"
click node_status_hook "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/hooks/use-api-status.ts"
click node_api_status_ui "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/ApiStatusCard.tsx"
click node_donation_page "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/donasi.tsx"
click node_donation_form "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/DonationForm.tsx"
click node_donation_functions "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/lib/donation.functions.ts"
click node_chat_ui "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/NimzzAI.tsx"
click node_chat_endpoint "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/api/nimzz-ai.ts"
click node_ai_client "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/lib/unlimitedai.ts"
click node_root_layout "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/__root.tsx"
click node_router "https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/router.tsx"

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_activation_page,node_activation_flow,node_api_functions,node_success_result toneBlue
class node_home,node_guide,node_faq,node_troubleshooting,node_system_info,node_status_page,node_status_hook,node_api_status_ui toneAmber
class node_donation_page,node_donation_form,node_donation_functions,node_chat_ui,node_chat_endpoint,node_ai_client,node_activation_api toneMint
class node_root_layout,node_router toneRose
class node_visitor,node_telegram,node_ai_provider toneIndigo
```

## Components

### Activation

- [Activation Page](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/aktivasi.tsx): `src/routes/aktivasi.tsx`
- [Activation Flow](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/ActivationFlow.tsx): `src/components/site/ActivationFlow.tsx`
- [Activation API Functions](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/lib/am-api.functions.ts): `src/lib/am-api.functions.ts`
- [Activation Result](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/AfterSuccess.tsx): `src/components/site/AfterSuccess.tsx`

### Guidance

- [Landing Page](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/index.tsx): `src/routes/index.tsx`
- [Step-by-Step Guide](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/panduan.tsx): `src/routes/panduan.tsx`
- [FAQ](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/faq.tsx): `src/routes/faq.tsx`
- [Troubleshooting](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/troubleshooting.tsx): `src/routes/troubleshooting.tsx`
- [System Overview](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/sistem.tsx): `src/routes/sistem.tsx`
- [Status Page](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/status.tsx): `src/routes/status.tsx`
- [API Status Hook](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/hooks/use-api-status.ts): `src/hooks/use-api-status.ts`
- [API Status UI](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/ApiStatusCard.tsx): `src/components/site/ApiStatusCard.tsx`

### Support

- [Donation Page](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/donasi.tsx): `src/routes/donasi.tsx`
- [Donation Form](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/DonationForm.tsx): `src/components/site/DonationForm.tsx`
- [Donation Handler](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/lib/donation.functions.ts): `src/lib/donation.functions.ts`
- [Nimzz AI Chat](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/components/site/NimzzAI.tsx): `src/components/site/NimzzAI.tsx`
- [Chat Endpoint](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/api/nimzz-ai.ts): `src/routes/api/nimzz-ai.ts`
- [AI Stream Client](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/lib/unlimitedai.ts): `src/lib/unlimitedai.ts`

### Site Runtime

- [Global Layout](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/routes/__root.tsx): `src/routes/__root.tsx`
- [Router Setup](https://github.com/nimzzai/alight-motion-premium-website/blob/main/src/router.tsx): `src/router.tsx`

### Other components

- **Visitor**
- **Activation API**
- **Telegram Bot**
- **AI Provider**

## Connections

- Visitor → Activation Page: opens
- Activation Page → Activation Flow: renders
- Activation Flow → Activation API Functions: requests send/verify
- Activation API Functions → Activation API: calls endpoints
- Activation Flow → Activation Result: shows result
- Visitor → Landing Page: opens
- Visitor → Step-by-Step Guide: opens
- Visitor → FAQ: opens
- Visitor → Troubleshooting: opens
- Visitor → System Overview: opens
- Visitor → Status Page: opens
- Status Page → API Status Hook: checks status
- API Status Hook → Activation API Functions: calls health/info
- Status Page → API Status UI: presents status
- Visitor → Donation Page: opens
- Donation Page → Donation Form: renders
- Donation Form → Donation Handler: submits proof
- Donation Handler → Telegram Bot: sends notification
- Visitor → Nimzz AI Chat: uses chat
- Nimzz AI Chat → Chat Endpoint: posts messages
- Chat Endpoint → AI Stream Client: streams response
- AI Stream Client → AI Provider: requests completion
- Router Setup → Global Layout: sets up routes