Revise MVK documentation: replace mermaid diagrams with images, add new sections for single node and three node viability, and enhance the usage slide with additional context.

pages/diagram-single-node.md

@@ -8,34 +8,12 @@ The **V** in MVK is for *viable*, so why is MVK viable for single 'dev' nodes ?
 
 <div class="grid grid-cols-1">
 
-```mermaid
-%%{init: {'theme': 'dark', 'themeVariables': { 'darkMode': true }}}%%
-flowchart LR
-    root((1-node))
-    PS[Persistent Storage]
-    LH[Local attached]
-    ING[Ingress]
-    TRA[Traefik]
-    MET[cert-manager]
-    ETCD[etcd]
-    
-    root --> PS --> LH
-    root --> ING --> TRA
-    ING --> MET
-    root --> ETCD 
-    
-    classDef default fill:transparent,color:#fff,stroke:#888
-```
+
+<img src="/k8s-2.drawio.png">
+
 
 </div>
 
-<div v-click>
-
-Locally attached storage -  single node implementation
-
-Ingress can represent that of prodution environmetns that use cert-manager
-
-</div>
 
 <!--