Add architecture diagram section to landing page

Closes #1

Author: melvincarvalho

index.html

@@ -125,6 +125,24 @@
       color: #4b5563;
     }
 
+    .architecture {
+      padding: 4rem 2rem;
+      max-width: 1200px;
+      margin: 0 auto;
+      text-align: center;
+    }
+
+    .architecture h2 {
+      font-size: 2rem;
+      margin-bottom: 2rem;
+      color: #1e1b4b;
+    }
+
+    .architecture img {
+      max-width: 100%;
+      height: auto;
+    }
+
     .cta {
       background: #f8f7ff;
       padding: 4rem 2rem;
@@ -233,6 +251,11 @@ <h3>Self-Sovereign</h3>
     </div>
   </section>
 
+  <section class="architecture">
+    <h2>Architecture</h2>
+    <img src="jss-architecture.svg" alt="JSS Architecture Diagram" width="960">
+  </section>
+
   <section class="cta">
     <h2>Get Started</h2>
     <p>Install globally and start your server in seconds</p>