Update app.py

app.py

@@ -69,19 +69,20 @@ example_questions = [
     "اذكر ثلاث فوائد لهذا الحديث : عن عبد الله بن عمرو رضي الله عنهما قال: قال رسول الله صلى الله عليه وسلم: «يقالُ لصاحبِ القرآن: اقرَأ وارتَقِ، ورتِّل كما كُنْتَ ترتِّل في الدُنيا، فإن منزِلَكَ عندَ آخرِ آية تقرؤه»"
 ]
 
-LOGO_PATH = "./image.png"
+LOGO_PATH = "image.png"
 
 with gr.Blocks(title="مساعد قاعدة بيانات الحديث الشريف") as demo:
     with gr.Row():
-        gr.HTML(
-            f"""
-            <div style='background-color:#4A90E2; color:white; padding:20px; border-radius:10px; text-align:center; font-size:22px; font-weight:bold; display: flex; flex-direction: column; align-items: center; justify-content: center;'>
-            <img src='{LOGO_PATH}' alt='Logo' style='height:70px; margin-bottom:10px; display: block;'>
-                <div>📚 مساعد قاعدة بيانات الحديث الشريف</div>
-                <span style='font-size:16px;'>استكشف الأحاديث النبوية وعلومها بسهولة</span>
-            </div>
-            """
-        )
+        with gr.Column(scale=1):
+            gr.Image(value=LOGO_PATH, show_label=False, width=80, height=80)
+        with gr.Column(scale=8):
+            gr.Markdown(
+                """
+                # 📚 مساعد قاعدة بيانات الحديث الشريف
+                ### استكشف الأحاديث النبوية وعلومها بسهولة
+                """,
+                elem_id="header-title"
+            )
 
     with gr.Row():
         with gr.Column(scale=3):