Update app.py

app.py

@@ -69,42 +69,45 @@ demo = gr.Interface(
     inputs=gr.Audio(),
     outputs=gr.Label(num_top_classes=5, label="Predicted Dialect"),
     title="🎙️ Arabic Dialect Identification in Speech!",
-description="""
-<div style="text-align: center; max-width: 800px; margin: 0 auto; padding: 20px;">
-<p style="font-size: 16px; line-height: 1.6;">
-Use this AI speech model to identify five major Arabic varieties from just a short audio clip.
-</p>
-<br>
-<p style="font-size: 15px; line-height: 1.8;">
-<strong>The following Arabic language varieties are supported:</strong>
-<br><br>
-✦ <strong>Modern Standard Arabic (MSA)</strong> - The formal language of media and education
-<br>
-✦ <strong>Egyptian Arabic</strong> - The dialect of Cairo, Alexandria, and popular Arabic cinema
-<br>
-✦ <strong>Gulf Arabic</strong> - Spoken across Saudi Arabia, UAE, Kuwait, Qatar, Bahrain, and Oman
-<br>
-✦ <strong>Levantine Arabic</strong> - The dialect of Syria, Lebanon, Jordan, and Palestine
-<br>
-✦ <strong>Maghrebi Arabic</strong> - The distinctive varieties of Morocco, Algeria, Tunisia, and Libya
-</p>
-<br>
-<p style="font-size: 16px; color: #2563eb;">
-Simply <strong>upload an audio file</strong> or <strong>record yourself speaking</strong> to see which dialect you match!
-</p>
-<p style="font-size: 14px; color: #6b7280;">
-Perfect for language learners, linguistics enthusiasts, or anyone curious about Arabic language variation.
-</p>
-<br>
-<p style="font-size: 13px;">
-The demo is based on a Transformer model adapted for the ADI task 
-<a href="https://huggingface.co/badrex/mms-300m-arabic-dialect-identifier" style="color: #2563eb;">badrex/mms-300m-arabic-dialect-identifier</a>.
-</p>
-<p style="font-size: 13px;">
-Developed with ❤️🤍💚 by <a href="https://badrex.github.io/" style="color: #2563eb;">Badr Alabsi</a>
-</p>
-</div>
-""",
+        description="""
+            <div style="text-align: center;">
+            <img src="assets/logo.png" alt="Logo" style="width: 200px; height: auto; margin-bottom: 20px;">
+            <br>
+            <div style="text-align: center; max-width: 800px; margin: 0 auto; padding: 20px;">
+            <p style="font-size: 16px; line-height: 1.6;">
+            Use this AI speech model to identify five major Arabic varieties from just a short audio clip.
+            </p>
+            <br>
+            <p style="font-size: 15px; line-height: 1.8;">
+            <strong>The following Arabic language varieties are supported:</strong>
+            <br><br>
+            ✦ <strong>Modern Standard Arabic (MSA)</strong> - The formal language of media and education
+            <br>
+            ✦ <strong>Egyptian Arabic</strong> - The dialect of Cairo, Alexandria, and popular Arabic cinema
+            <br>
+            ✦ <strong>Gulf Arabic</strong> - Spoken across Saudi Arabia, UAE, Kuwait, Qatar, Bahrain, and Oman
+            <br>
+            ✦ <strong>Levantine Arabic</strong> - The dialect of Syria, Lebanon, Jordan, and Palestine
+            <br>
+            ✦ <strong>Maghrebi Arabic</strong> - The distinctive varieties of Morocco, Algeria, Tunisia, and Libya
+            </p>
+            <br>
+            <p style="font-size: 16px; color: #2563eb;">
+            Simply <strong>upload an audio file</strong> or <strong>record yourself speaking</strong> to see which dialect you match!
+            </p>
+            <p style="font-size: 14px; color: #6b7280;">
+            Perfect for language learners, linguistics enthusiasts, or anyone curious about Arabic language variation.
+            </p>
+            <br>
+            <p style="font-size: 13px;">
+            The demo is based on a Transformer model adapted for the ADI task 
+            <a href="https://huggingface.co/badrex/mms-300m-arabic-dialect-identifier" style="color: #2563eb;">badrex/mms-300m-arabic-dialect-identifier</a>.
+            </p>
+            <p style="font-size: 13px;">
+            Developed with ❤️🤍💚 by <a href="https://badrex.github.io/" style="color: #2563eb;">Badr Alabsi</a>
+            </p>
+            </div>
+            """,
     examples=examples if examples else None,
     cache_examples=False,  # Disable caching to avoid issues
     flagging_mode=None