feat: add all 4 GITEX KENYA 2026 demo apps to hub page

This commit is contained in:
administrator 2026-05-14 11:49:32 +00:00
parent 42e2fb6ef2
commit c75c3485af

View file

@ -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>
<!-- 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>