Update app.py

app.py

@@ -359,18 +359,36 @@ footer .social-links a:hover {
 # """
 
 # Create the Gradio Interface
+
 with gr.Blocks(css=css_tech_theme) as demo:
+    # Header Section
     gr.Markdown("""
-    <div class="center-content">
+    <header>
         <h1>🏆 Mobile-MMLU Benchmark Competition</h1>
-        <h2>🌟 Welcome to the Competition</h2>
+        <h2>🚀 Push the Boundaries of Mobile AI</h2>
+        <p>
+            Test and optimize mobile-compatible Large Language Models (LLMs) with cutting-edge benchmarks 
+            across 80 fields and over 16,000 questions.
+        </p>
+        <div class="header-buttons">
+            <a href="#overview">Learn More</a>
+            <a href="#submission">Submit Predictions</a>
+            <a href="#leaderboard">View Leaderboard</a>
+        </div>
+    </header>
+    """)
+#     # Pre-Tabs Section
+    gr.Markdown("""
+    <section class="pre-tabs">
+        <h2>Why Participate?</h2>
         <p>
-            Welcome to the Mobile-MMLU Benchmark Competition. Here you can submit your predictions, 
-            view the leaderboard, and track your performance!
+            The Mobile-MMLU Benchmark Competition is a unique opportunity to test your LLMs against 
+            real-world scenarios. Compete to drive innovation and make your mark in mobile AI.
         </p>
-        <hr>
-    </div>
+    </section>
     """)
+    
+    
 
 
     with gr.Tabs(elem_id="tabs"):