graph TD
%% Styling
classDef touchpoint fill:#f8fafc,stroke:#94a3b8,stroke-width:2px,stroke-dasharray: 5 5;
classDef hub fill:#25D366,stroke:#128C7E,stroke-width:2px,color:#fff,font-weight:bold;
classDef action fill:#eff6ff,stroke:#3b82f6,stroke-width:2px;
classDef outcome fill:#f0fdf4,stroke:#22c55e,stroke-width:2px;
classDef backend fill:#fef2f2,stroke:#ef4444,stroke-width:2px;
%% Traffic Sources
subgraph Touchpoints ["Traffic Sources (Lead Generation)"]
A[📱 Click-to-WhatsApp Ads
Paid]:::touchpoint
B[🔳 QR Codes
Organic/Free]:::touchpoint
C[✉️ Email Campaigns
Free]:::touchpoint
D[📢 Outbound Promos
Paid]:::touchpoint
end
%% Main Hub
Hub{{"💬 WhatsApp Business API
(Powered by Keychat)"}}:::hub
A --> Hub
B --> Hub
C --> Hub
D --> Hub
%% Actions
subgraph Objectives ["Phase 1 Customer Actions"]
Action1["📅 1. Book a Call"]:::action
Action2["🛒 2. View Offerings & Buy"]:::action
Action3["📄 3. Request Info Pack"]:::action
end
Hub ==> Action1
Hub ==> Action2
Hub ==> Action3
%% Action Details
Action1 --> Cal["Google Calendar / Calendly
(Schedule warm leads)"]:::outcome
Action2 --> Cat["Browse Memberships & Classes
(WhatsApp Catalogue)"]:::outcome
Cat --> Pay["Make Purchase
(Paystack Integration)"]:::outcome
Action3 --> PDF["Automated PDF Delivery
(Supplied by Justin)"]:::outcome
%% Outcomes / Backend
subgraph Backend ["Admin & System Outcomes"]
CRM[("📊 Google Sheets CRM
(Auto-logs contacts)")]:::backend
Admin["⚙️ Keychat Dashboard
(Manage pricing, bulk messages)"]:::backend
end
%% Backend Connections
Hub -.->|"Auto-adds Lead"| CRM
Pay ==>|"Updates Paid Status"| CRM
Hub -.->|"Track incoming messages
Manual replies"| Admin
Pay -.->|"Track orders/payments"| Admin