Update app.py

app.py

@@ -708,12 +708,22 @@ with gr.Blocks(css=css_tech_theme) as demo:
     </header>
     """)
 #     # Pre-Tabs Section
-    gr.Markdown("""
+    # gr.Markdown("""
+    # <section class="pre-tabs">
+    # <h2>Why Participate?</h2>
+    # <p>
+    #     The Mobile-MMLU Benchmark Competition offers a unique opportunity to evaluate your LLMs in real-world mobile scenarios. 
+    #     Join the challenge to drive innovation, showcase your expertise, and shape the future of mobile AI.
+    # </p>
+    # </section>""", elem_id="pre-tabs")
+
+     gr.Markdown("""
     <section class="pre-tabs">
-    <h2>Why Participate?</h2>
-    <p>
-        The Mobile-MMLU Benchmark Competition offers a unique opportunity to evaluate your LLMs in real-world mobile scenarios. 
-        Join the challenge to drive innovation, showcase your expertise, and shape the future of mobile AI.
+      <h2 style="color: #6a1b9a; text-align: center; font-size: 2.5em; margin-bottom: 15px;">🌟 Why Participate? 🌟</h2>
+    <p style="font-size: 1.4em; text-align: center; color: #555555; line-height: 1.8; margin-bottom: 20px;">
+        The <strong>Mobile-MMLU Benchmark Competition</strong> provides an exceptional platform to showcase your 
+        skills in mobile AI. Compete with innovators worldwide, drive technological advancements, and contribute 
+        to shaping the future of mobile intelligence.
     </p>
     </section>""", elem_id="pre-tabs")
 
@@ -903,18 +913,6 @@ with gr.Blocks(css=css_tech_theme) as demo:
             Don't miss this opportunity to showcase your expertise in mobile AI! Participate in the competition, 
             submit your predictions, and compare your results with the best in the field.
         </p>
-        <div style="display: flex; justify-content: center; gap: 20px; margin-top: 20px;">
-            <a href="#submission" style="text-decoration: none; font-size: 1.2em; font-weight: bold; 
-            background: #ffffff; color: #6a1b9a; padding: 15px 30px; border-radius: 30px; 
-            transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);">
-                Submit Predictions 🚀
-            </a>
-            <a href="#leaderboard" style="text-decoration: none; font-size: 1.2em; font-weight: bold; 
-            background: #ffffff; color: #6a1b9a; padding: 15px 30px; border-radius: 30px; 
-            transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);">
-                View Leaderboard 🏆
-            </a>
-        </div>
     </section>
     """)