This embeds a live Mermaid diagram of the SolveForce sitemap (Services + Technology). Mermaid is imported via ESM and initialized on load—the current recommended pattern. :contentReference[oaicite:1]{index=1}
SolveForce Sitemap (Mermaid)
Canonical top-level navigation map of Services and Technology. Edit the Mermaid block and refresh to update.
flowchart TD
%% SERVICES MENU TREE
subgraph SERVICES[🛠️ SERVICES ▸ /services/]
direction TB
S0[Services (root)]
S0 --> S1[🌐 Broadband Services]
S0 --> S2[☁️ Cloud Services]
S0 --> S3[🧑⚖️ Compliance]
S0 --> S4[🛠️ Consulting]
S0 --> S5[🏢 Data Centers]
S0 --> S6[🤖 Emerging Technologies]
S0 --> S7[✨ Integration]
S0 --> S8[🌍 IoT]
S0 --> S9[🖧 IT Infrastructure]
S0 --> S10[🌐 International Services]
S0 --> S11[🧑💻 Managed Services]
S0 --> S12[🖧 Network Services]
S0 --> S13[🛡️ Security]
S0 --> S14[📡 Telecom Services]
S0 --> S15[📞 Telephony Solutions]
S0 --> S16[📲 Unified Comms (UC)]
end
%% TECHNOLOGY MENU TREE
subgraph TECHNOLOGY[💻 TECHNOLOGY ▸ /technology-areas/]
direction TB
T0[Technology (root)]
T0 --> T1[🌐 Broadband Tech]
T0 --> T2[☁️ Cloud Tech]
T0 --> T3[🖧 Network Tech]
T0 --> T4[🛰️ Satellite]
T0 --> T5[🛡️ Security Tech]
T0 --> T6[📡 Telecom Tech]
T0 --> T7[📞 Telephony Tech]
T0 --> T8[📶 Wi-Fi]
end
%% Linking them under NAV
NAV[Primary Nav]
NAV --> SERVICES
NAV --> TECHNOLOGY
Mermaid flowcharts use nodes, edges, and optional subgraph groupings (as used above). :contentReference[oaicite:2]{index=2}