Update app.py

app.py

@@ -248,15 +248,28 @@ if __name__ == "__main__":
     logger.info("Starting Moroccan Darija LLM application")
     
     # Create the Gradio interface
-    with gr.Blocks(css="footer {visibility: hidden}") as app:
-        gr.Markdown("""
-        # 🇲🇦 نموذج اللغة المغربية الدارجة (Moroccan Darija LLM)
-        
-        أدخل نصًا بالدارجة المغربية واحصل على نص تم إنشاؤه بواسطة نموذج اللغة الخاص بنا المدرب على الدارجة المغربية.
-        
-        Enter a prompt and get AI-generated text using our pretrained LLM on Moroccan Darija.
-        """)
-        
+    with gr.Blocks(css="""
+        footer {visibility: hidden}
+        .center-text {text-align: center; margin: 0 auto; max-width: 900px;}
+        .header-text {font-size: 2.5rem; font-weight: bold; margin-bottom: 0.5rem;}
+        .subheader-text {font-size: 1.2rem; margin-bottom: 2rem;}
+        .flag-emoji {font-size: 3rem;}
+    """) as app:
+        with gr.Row(elem_classes=["center-text"]):
+            gr.Markdown("""
+            <div class="center-text">
+                <div class="flag-emoji">🇲🇦</div>
+                <div class="header-text">نموذج اللغة المغربية الدارجة</div>
+                <div class="header-text">Moroccan Darija LLM</div>
+                <div class="subheader-text">
+                أدخل نصًا بالدارجة المغربية واحصل على نص تم إنشاؤه بواسطة نموذج اللغة الخاص بنا المدرب على الدارجة المغربية.
+                </div>
+                <div class="subheader-text">
+                Enter a prompt and get AI-generated text using our pretrained LLM on Moroccan Darija.
+                </div>
+            </div>
+            """)
+            
         with gr.Row():
             with gr.Column(scale=6):
                 prompt_input = gr.Textbox(