Update app.py

app.py

@@ -65,7 +65,6 @@ def check_website(url):
 # Custom CSS for the interface
 custom_css = """
 @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap');
-
 :root {
     --speedy-primary: #8B4513;
     --speedy-dark: #5C2C0B;
@@ -75,7 +74,6 @@ custom_css = """
     --speedy-text: #3E2723;
     --speedy-border: #DEB887;
 }
-
 .gradio-container {
     font-family: 'Cairo', sans-serif !important;
     background-color: var(--speedy-bg) !important;
@@ -83,21 +81,18 @@ custom_css = """
     max-width: 900px !important;
     padding: 2rem !important;
 }
-
 .main-header {
     text-align: center;
     color: var(--speedy-primary);
     font-size: 2.5em;
     margin-bottom: 1rem;
 }
-
 .sub-header {
     text-align: center;
     color: var(--speedy-accent);
     font-size: 1.2em;
     margin-bottom: 2rem;
 }
-
 .gradio-button {
     background: linear-gradient(135deg, #8B4513 0%, #5C2C0B 100%) !important;
     color: white !important;
@@ -107,23 +102,19 @@ custom_css = """
     font-weight: 600 !important;
     transition: transform 0.3s ease, box-shadow 0.3s ease !important;
 }
-
 .gradio-button:hover {
     transform: translateY(-2px) !important;
     box-shadow: 0 6px 12px rgba(92, 44, 11, 0.3) !important;
 }
-
 .gradio-textbox {
     border: 2px solid var(--speedy-border) !important;
     border-radius: 12px !important;
     padding: 0.8em !important;
 }
-
 .gradio-textbox:focus {
     border-color: var(--speedy-primary) !important;
     box-shadow: 0 0 0 3px rgba(139, 69, 19, 0.2) !important;
 }
-
 .output-panel {
     background: white !important;
     border-radius: 16px !important;
@@ -132,7 +123,6 @@ custom_css = """
     border: 1px solid var(--speedy-border) !important;
     transition: transform 0.3s ease, box-shadow 0.3s ease !important;
 }
-
 .output-panel:hover {
     transform: translateY(-3px) !important;
     box-shadow: 0 4px 6px rgba(139, 69, 19, 0.2) !important;
@@ -142,15 +132,15 @@ custom_css = """
 # Create Gradio interface
 with gr.Blocks(css=custom_css) as demo:
     gr.HTML("""
-        <div class="main-header">سبيدي</div>
-        <div class="sub-header">فاحص المواقع السريع والذكي</div>
+        <div class="main-header" dir="rtl">سبيدي</div>
+        <div class="sub-header" dir="rtl">فاحص المواقع السريع والذكي</div>
     """)
     
     with gr.Row():
         url_input = gr.Textbox(
             label="أدخل رابط الموقع",
             placeholder="https://example.com",
-            dir="ltr"
+            rtl=True  # Using rtl parameter instead of dir
         )
     
     with gr.Row():
@@ -161,19 +151,22 @@ with gr.Blocks(css=custom_css) as demo:
             info_output = gr.Textbox(
                 label="معلومات الموقع",
                 lines=10,
-                readonly=True
+                readonly=True,
+                rtl=True
             )
         with gr.Column():
             tips_output = gr.Textbox(
                 label="نصائح تحسين الموقع",
                 lines=4,
-                readonly=True
+                readonly=True,
+                rtl=True
             )
         with gr.Column():
             traffic_output = gr.Textbox(
                 label="تحليل الزيارات",
                 lines=4,
-                readonly=True
+                readonly=True,
+                rtl=True
             )
     
     check_button.click(