Switch organization card app to Gradio

README.md

@@ -3,8 +3,8 @@ title: VideoSearch-R1
 emoji: 🔎
 colorFrom: blue
 colorTo: purple
-sdk: static
-app_file: index.html
+sdk: gradio
+app_file: app.py
 pinned: false
 license: apache-2.0
 short_description: Video retrieval with SQR.
@@ -19,7 +19,7 @@ short_description: Video retrieval with SQR.
 <p>
   <a href="https://github.com/mlvlab/VideoSearch-R1"><img src="https://img.shields.io/badge/GitHub-Code-181717?style=for-the-badge&logo=github" alt="GitHub"></a>
   <a href="https://mlvlab.github.io/VideoSearch-R1/"><img src="https://img.shields.io/badge/Project-Page-2b4f9e?style=for-the-badge" alt="Project Page"></a>
-  <a href="https://huggingface.co/VideoSearchR1"><img src="https://img.shields.io/badge/Hugging%20Face-Models-ffcc4d?style=for-the-badge" alt="Hugging Face"></a>
+  <img src="https://img.shields.io/badge/arXiv-Coming%20Soon-b31b1b?style=for-the-badge" alt="arXiv Coming Soon">
   <img src="https://img.shields.io/badge/ECCV-2026-4c6fff?style=for-the-badge" alt="ECCV 2026">
 </p>
 

app.py

@@ -0,0 +1,72 @@
+import gradio as gr
+
+CSS = """
+:root, body, .gradio-container {
+  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
+}
+.gradio-container { background: linear-gradient(135deg, #f8fafc, #eef2ff 55%, #f5f3ff) !important; }
+.hero {
+  max-width: 880px;
+  margin: 0 auto;
+  padding: 52px 24px;
+  color: #111827;
+}
+.badge {
+  display: inline-flex;
+  align-items: center;
+  padding: 7px 11px;
+  border-radius: 999px;
+  background: #dbeafe;
+  color: #1d4ed8;
+  font-weight: 800;
+  font-size: 0.9rem;
+  margin-bottom: 18px;
+}
+h1 {
+  margin: 0 0 14px;
+  font-size: clamp(2rem, 4.2vw, 3.2rem);
+  line-height: 1.05;
+  letter-spacing: 0;
+  color: #0f172a;
+}
+.lead {
+  max-width: 760px;
+  margin: 0;
+  font-size: 1.08rem;
+  line-height: 1.7;
+  color: #1f2937;
+  font-weight: 500;
+}
+.actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
+.button {
+  text-decoration: none !important;
+  padding: 11px 15px;
+  border-radius: 8px;
+  border: 1px solid #c7d2fe;
+  background: #ffffff;
+  color: #111827 !important;
+  font-weight: 800;
+  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
+}
+.button.primary { background: #4f46e5; color: #ffffff !important; border-color: #4f46e5; }
+.button.muted { background: #f8fafc; color: #4b5563 !important; border-color: #d1d5db; cursor: default; }
+"""
+
+HTML = """
+<main class="hero">
+  <div class="badge">ECCV 2026</div>
+  <h1>Welcome to VideoSearch-R1</h1>
+  <p class="lead">Iterative video retrieval and reasoning via Soft Query Refinement. VideoSearch-R1 retrieves, verifies, refines, and grounds video moments over large video corpora.</p>
+  <div class="actions">
+    <a class="button primary" href="https://github.com/mlvlab/VideoSearch-R1" target="_blank" rel="noreferrer">GitHub Repository</a>
+    <a class="button" href="https://mlvlab.github.io/VideoSearch-R1/" target="_blank" rel="noreferrer">Project Page</a>
+    <span class="button muted">Arxiv Coming Soon</span>
+  </div>
+</main>
+"""
+
+with gr.Blocks(css=CSS, fill_width=True) as demo:
+    gr.HTML(HTML)
+
+if __name__ == "__main__":
+    demo.launch()