Spaces:

UBC-NLP
/

SimbaBench

Running

App Files Files Community

elmadany commited on Nov 28, 2025

Commit

abca840

verified ·

1 Parent(s): 93b118c

Update public/index.html

Browse files

Files changed (1) hide show

public/index.html +43 -23

public/index.html CHANGED Viewed

@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>Voice of a Continent | SimbaBench</title>
     <link rel="icon" type="image/jpeg" href="https://africa.dlnlp.ai/simba/images/favicon.png">
     <link rel="preconnect" href="https://fonts.googleapis.com">
@@ -112,36 +112,56 @@
 </head>
 <body>
-    <nav class="navbar">
-        <a href="#" class="nav-logo">
-            <img src="https://africa.dlnlp.ai/simba/images/favicon.png" alt="Logo">
-            <div class="nav-text"><span>Voice of a</span> Continent</div>
-        </a>
-        <div class="nav-links">
-            <a href="https://arxiv.org/abs/2510.17998" class="nav-link">Paper</a>
-            <a href="https://github.com/UBC-NLP/simba" class="nav-link">Pipeline</a>
-            <a href="https://huggingface.co/datasets/UBC-NLP/simba" class="nav-link">Dataset</a>
-            <a href="#" class="nav-link">Models</a>
-            <a href="#board" class="nav-link" style="color:var(--text-yellow)">Leaderboard</a>
-            <a href="#citation" class="nav-link">Citation</a>
-            <a href="#" class="btn-submit">Submit New Results</a>
-            <a href="#" class="btn-login">Login</a>
-        </div>
-    </nav>
     <div class="hero">
         <div class="wave-bg"></div>
         <div class="hero-content">
             <div class="conf-badge"><i class="fa-solid fa-location-dot"></i> EMNLP 2025 · Suzhou, China</div>
-            <h1>Voice of a Continent</h1>
             <h2>Mapping Africa’s Speech Technology</h2>
             <p>SimbaBench bridges the digital divide with a unified suite for African AI: the largest open-source speech benchmark covering 61 languages.</p>
             <div class="hero-actions">
-                <a href="#" class="action-btn bg-red"><i class="fa-regular fa-file-pdf"></i> Read Paper</a>
-                <a href="#" class="action-btn bg-purple"><i class="fa-solid fa-code-branch"></i> Pipeline</a>
-                <a href="#" class="action-btn bg-orange"><i class="fa-solid fa-database"></i> Dataset</a>
-                <a href="#" class="action-btn bg-blue"><i class="fa-solid fa-bolt"></i> Models</a>
-                <a href="#board" class="action-btn bg-green"><i class="fa-solid fa-trophy"></i> Leaderboard</a>
             </div>
         </div>
         <div class="hero-visual">

 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Voice of a Continent | SimbaBench Leaderboard</title>
     <link rel="icon" type="image/jpeg" href="https://africa.dlnlp.ai/simba/images/favicon.png">
     <link rel="preconnect" href="https://fonts.googleapis.com">
 </head>
 <body>
+    <nav className="fixed w-full z-50 bg-slate-900/80 backdrop-blur-md border-b border-white/10">
+                        <div className="max-w-7xl mx-auto px-6 h-20 flex items-center justify-between">
+                            <div className="flex items-center gap-3 font-bold text-xl tracking-tighter group cursor-pointer text-white">
+                                <div className="transition-transform duration-300 group-hover:scale-110">
+                                    <img src="images/simba_main_logo.png" alt="SimbaBench Logo" className="w-10 h-10" />
+                                </div>
+                                <div className="flex flex-col leading-none">
+                                    <span>Voice of a</span>
+                                    <span className="text-yellow-500">Continent</span>
+                                </div>
+                            </div>
+                            <div className="hidden md:flex gap-6 text-sm font-medium text-slate-300">
+                                <a href="https://aclanthology.org/2025.emnlp-main.559/" target="_blank" rel="noreferrer" className="hover:text-white transition whitespace-nowrap">Paper</a>
+                                <a href="#pipeline" className="hover:text-white transition whitespace-nowrap">Pipeline</a>
+                                <a href="#dataset" className="hover:text-white transition whitespace-nowrap">Dataset</a>
+                                <a href="#models" className="hover:text-white transition whitespace-nowrap">Models</a>
+                                <a href="#leaderboard" className="hover:text-white transition whitespace-nowrap">Leaderboard</a>
+                                <a href="#citation" className="hover:text-white transition whitespace-nowrap">Citation</a>
+                            </div>
+                            {/* UPDATED SECTION: Submit & Login Buttons */}
+                            <div className="hidden md:flex items-center gap-4">
+                                <button
+                                    onClick={handleNotAvailable}
+                                    className="flex items-center gap-2 px-5 py-2.5 bg-gradient-to-r from-cyan-500 to-blue-600 hover:from-cyan-400 hover:to-blue-500 text-white rounded-full text-xs font-bold transition shadow-lg shadow-cyan-500/25 hover:scale-105 whitespace-nowrap"
+                                >
+                                    <Upload size={14} /> Submit New Results
+                                </button>
+                                <button
+                                    onClick={handleNotAvailable}
+                                    className="flex items-center gap-2 px-5 py-2.5 bg-yellow-500 hover:bg-yellow-400 text-slate-900 rounded-full text-xs font-bold transition shadow-lg shadow-yellow-500/20 whitespace-nowrap"
+                                >
+                                    <LogIn size={14} /> Login
+                                </button>
+                            </div>
+                        </div>
+                    </nav>
     <div class="hero">
         <div class="wave-bg"></div>
         <div class="hero-content">
             <div class="conf-badge"><i class="fa-solid fa-location-dot"></i> EMNLP 2025 · Suzhou, China</div>
+            <h1>SimbaBench Benchmark Leaderboard</h1>
             <h2>Mapping Africa’s Speech Technology</h2>
             <p>SimbaBench bridges the digital divide with a unified suite for African AI: the largest open-source speech benchmark covering 61 languages.</p>
             <div class="hero-actions">
+                <a href="https://aclanthology.org/2025.emnlp-main.559" class="action-btn bg-red"><i class="fa-regular fa-file-pdf"></i> Read Paper</a>
+                <a href="https://africa.dlnlp.ai/simba" class="action-btn bg-purple"><i class="fa-solid fa-code-branch"></i> Official Website</a>
+                <a href="https://africa.dlnlp.ai/simba/#dataset" class="action-btn bg-orange"><i class="fa-solid fa-database"></i> Dataset</a>
+                <a href="https://africa.dlnlp.ai/simba/#models" class="action-btn bg-blue"><i class="fa-solid fa-bolt"></i> Simba Models</a>
             </div>
         </div>
         <div class="hero-visual">