update again

app.py

@@ -1,6 +1,15 @@
 import gradio as gr
 import pandas as pd
 
+from src.about import (
+    CITATION_BUTTON_LABEL,
+    CITATION_BUTTON_TEXT,
+    EVALUATION_QUEUE_TEXT,
+    INTRODUCTION_TEXT,
+    LLM_BENCHMARKS_TEXT,
+    TITLE,
+)
+
 # Simplified DataFrame for the leaderboard
 data = {
     "Model": [
@@ -30,30 +39,28 @@ leaderboard_df = pd.DataFrame(data)
 
 # Simplified Gradio app
 with gr.Blocks() as demo:
-    # Header for the leaderboard
-    gr.HTML(
-        """
-        <h1>Leaderboard - Execution Accuracy (EX)</h1>
-        <style>
-            #highlight-green {
-                background-color: #d4edda;
-                color: #155724;
-                font-weight: bold;
-            }
-        </style>
-        """
-    )
-
-    # Highlight the top row in green for "Handwritten TAG"
-    with gr.Row():
-        gr.Dataframe(
-            value=leaderboard_df,
-            headers=["Model", "Code", "Execution Accuracy"],
-            datatype=["str", "str", "str"],
-            row_count=(5, "dynamic"),
-            wrap=True,
-            elem_id="leaderboard",
-            type="pandas"
-        )
+    gr.HTML(TITLE)
+    gr.Markdown(INTRODUCTION_TEXT, elem_classes="markdown-text")
+
+    with gr.Tabs(elem_classes="tab-buttons") as tabs:
+        with gr.TabItem("🏅 LLM Benchmark", elem_id="llm-benchmark-tab-table", id=0):
+            # Highlight the top row in green for "Handwritten TAG"
+            with gr.Row():
+                gr.Dataframe(
+                    value=leaderboard_df,
+                    headers=["Model", "Code", "Execution Accuracy"],
+                    datatype=["str", "str", "str"],
+                    row_count=(5, "dynamic"),
+                    wrap=True,
+                    elem_id="leaderboard",
+                    type="pandas"
+                )
+
+        with gr.TabItem("📝 About", elem_id="llm-benchmark-tab-table", id=2):
+            gr.Markdown(LLM_BENCHMARKS_TEXT, elem_classes="markdown-text")
+
+        with gr.TabItem("🚀 Submission Instructions ", elem_id="llm-benchmark-tab-table", id=3):
+            gr.Markdown(EVALUATION_QUEUE_TEXT, elem_classes="markdown-text")
+
 
 demo.launch()