Update app.py

app.py

@@ -73,17 +73,36 @@ LOGO_PATH = "image.png"
 
 with gr.Blocks(title="مساعد قاعدة بيانات الحديث الشريف") as demo:
     with gr.Row():
-        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"
-            )
-
+        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; 
+                align-items: center; 
+                justify-content: center;
+                gap: 15px;
+            '>
+                <img src='{LOGO_PATH}' alt='Logo' style='
+                    height:70px; 
+                    width:auto;
+                    margin: 0;
+                    display: inline-block;
+                '>
+                <div>
+                    مساعد قاعدة بيانات الحديث الشريف
+                    <div style='font-size:16px; font-weight:normal; margin-top:5px;'>
+                        استكشف الأحاديث النبوية وعلومها بسهولة
+                    </div>
+                </div>
+            </div>
+            """
+    )
     with gr.Row():
         with gr.Column(scale=3):
             gr.Markdown("""