From c75c3485afb66b99460bb844a1134496185b3e48 Mon Sep 17 00:00:00 2001
From: administrator <admin@sechpoint.com>
Date: Thu, 14 May 2026 11:49:32 +0000
Subject: [PATCH] feat: add all 4 GITEX KENYA 2026 demo apps to hub page

---
 aasd/src/static/index.html | 67 +++++++++++++++++++++++++++++++-------
 1 file changed, 56 insertions(+), 11 deletions(-)
diff --git a/aasd/src/static/index.html b/aasd/src/static/index.html
index 172a91c..a0fc7a1 100644
--- a/aasd/src/static/index.html
+++ b/aasd/src/static/index.html
@@ -3,7 +3,7 @@
 <head>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
-  <title>GITEX 2026 Nairobi — Demo Hub</title>
+  <title>GITEX KENYA 2026 — Demo Hub</title>
   <script src="https://cdn.tailwindcss.com/"></script>
   <script>
     tailwind.config = {
@@ -20,8 +20,8 @@
     * { -webkit-tap-highlight-color: transparent; }
     body { overscroll-behavior: none; }
     .app-card { transition: all 0.2s ease; }
+    .app-card:hover { border-color: rgba(59,130,246,0.5); }
     .app-card:active { transform: scale(0.98); }
-    .btn-primary { background: linear-gradient(90deg, #3b82f6, #8b5cf6); }
   </style>
 </head>
 <body class="bg-slate-900 text-slate-100 min-h-screen flex flex-col items-center justify-center px-4 py-8">
@@ -31,17 +31,16 @@
     <div class="mb-8">
       <div class="text-4xl mb-2">🌍</div>
       <h1 class="text-3xl font-extrabold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent">
-        GITEX 2026
+        GITEX KENYA 2026
       </h1>
-      <p class="text-lg font-semibold text-slate-300 mt-1">Nairobi</p>
-      <p class="text-sm text-slate-500 mt-1">Sechpoint Aftica — Demo Hub</p>
+      <p class="text-sm text-slate-500 mt-2">Sechpoint Aftica — Demo Hub</p>
     </div>
 
     <!-- App Cards -->
     <div class="space-y-4">
 
       <!-- AASD -->
-      <a href="/aasd" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 hover:border-blue-500/50 text-left">
+      <a href="/aasd" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 text-left">
         <div class="flex items-start gap-4">
           <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-blue-500 to-purple-600 flex items-center justify-center shrink-0 text-white font-bold text-lg">
             A
@@ -58,16 +57,62 @@
         </div>
       </a>
 
-      <!-- Placeholder for future apps -->
-      <div class="app-card block bg-slate-800/50 rounded-2xl p-5 border border-dashed border-slate-700/50 text-center opacity-50">
-        <p class="text-sm text-slate-500">More demos coming soon</p>
-      </div>
+      <!-- Kron Password Challenge -->
+      <a href="https://gitex.sechpoint.app/kron" target="_blank" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 text-left">
+        <div class="flex items-start gap-4">
+          <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-yellow-500 to-orange-600 flex items-center justify-center shrink-0 text-white font-bold text-lg">
+            K
+          </div>
+          <div class="flex-1 min-w-0">
+            <h2 class="text-lg font-bold text-slate-100">Kron Password Challenge</h2>
+            <p class="text-sm text-slate-400 mt-0.5">Test your password strength against advanced cracking techniques and learn how to build resilient credentials.</p>
+            <div class="mt-2 flex items-center gap-2 text-xs">
+              <span class="inline-block px-2 py-0.5 rounded-full bg-yellow-500/20 text-yellow-400 border border-yellow-500/30">Interactive</span>
+            </div>
+          </div>
+          <div class="text-slate-500 text-lg shrink-0">&rarr;</div>
+        </div>
+      </a>
+
+      <!-- Ping Identity -->
+      <a href="https://gitex.sechpoint.app/ping" target="_blank" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 text-left">
+        <div class="flex items-start gap-4">
+          <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-green-500 to-emerald-600 flex items-center justify-center shrink-0 text-white font-bold text-lg">
+            P
+          </div>
+          <div class="flex-1 min-w-0">
+            <h2 class="text-lg font-bold text-slate-100">Ping Identity</h2>
+            <p class="text-sm text-slate-400 mt-0.5">Explore identity and access management with Ping Identity's intelligent authentication platform.</p>
+            <div class="mt-2 flex items-center gap-2 text-xs">
+              <span class="inline-block px-2 py-0.5 rounded-full bg-green-500/20 text-green-400 border border-green-500/30">Demo</span>
+            </div>
+          </div>
+          <div class="text-slate-500 text-lg shrink-0">&rarr;</div>
+        </div>
+      </a>
+
+      <!-- HPE Aruba SD-WAN Traffic Master -->
+      <a href="https://gitex.sechpoint.app/aruba" target="_blank" class="app-card block bg-slate-800 rounded-2xl p-5 border border-slate-700 text-left">
+        <div class="flex items-start gap-4">
+          <div class="w-12 h-12 rounded-xl bg-gradient-to-br from-red-500 to-pink-600 flex items-center justify-center shrink-0 text-white font-bold text-lg text-xl">
+            &#9733;
+          </div>
+          <div class="flex-1 min-w-0">
+            <h2 class="text-lg font-bold text-slate-100">HPE Aruba SD-WAN Traffic Master</h2>
+            <p class="text-sm text-slate-400 mt-0.5">Simulate SD-WAN traffic patterns, monitor link quality, and optimize wide-area network performance.</p>
+            <div class="mt-2 flex items-center gap-2 text-xs">
+              <span class="inline-block px-2 py-0.5 rounded-full bg-red-500/20 text-red-400 border border-red-500/30">Simulation</span>
+            </div>
+          </div>
+          <div class="text-slate-500 text-lg shrink-0">&rarr;</div>
+        </div>
+      </a>
 
     </div>
 
     <!-- Footer -->
     <div class="mt-8 text-center text-xs text-slate-600">
-      <p>GITEX 2026 Nairobi — sechpoint.app</p>
+      <p>GITEX KENYA 2026 — sechpoint.app</p>
     </div>
 
   </div>
