Update app.py

app.py

@@ -1,36 +1,77 @@
 import gradio as gr
 
-# تعريف الدوال لكل خدمة
-def home():
-    return "مرحباً بك في الصفحة الرئيسية. اختر إحدى الخدمات أدناه."
+# دالة الصفحة الرئيسية
+def home_page():
+    return """
+    <h1>مرحباً بك في Wasm-Speeker</h1>
+    <p>Wasm-Speeker هو إطار متقدم يعتمد على تقنيات الذكاء الاصطناعي لتوليد الكلام من النصوص.</p>
+    <p>تعتمد جميع النماذج على بنية VITS، التي تتيح توليد موجات صوتية واقعية بناءً على المدخلات النصية.</p>
+    <p>النماذج تحتوي على محولات لتحليل النص وتوليد الكلام بناءً على خصائص الصوت المحلية لكل لهجة.</p>
+    <h2>مميزات Wasm-Speeker:</h2>
+    <ul>
+      <li>التخصص في اللهجة السعودية.</li>
+      <li>سهولة التدريب.</li>
+      <li>الأداء المتوازن.</li>
+      <li>الاستخدام الفعال للموارد.</li>
+      <li>الشعبية والانتشار.</li>
+      <li>حجم النموذج: 36.3 مليون باراميتر.</li>
+    </ul>
+    """
 
-def service_1():
-    return "هذه هي الخدمة الأولى."
+# دالة صفحة "Chat AI"
+def chat_ai_service():
+    return """
+    <h2>خدمة Chat AI</h2>
+    <p>خدمة تفاعلية تستخدم تقنيات الذكاء الاصطناعي المتقدمة لتوليد ردود طبيعية وسلسة على الرسائل.</p>
+    <p>تتميز هذه الخدمة بالقدرة على فهم اللهجة السعودية واستخدامها في الردود.</p>
+    <h3>مزايا الخدمة:</h3>
+    <ul>
+      <li>توليد ردود طبيعية وشبيهة بردود الإنسان.</li>
+      <li>التعامل مع النص والصوت.</li>
+      <li>تعدد الاستخدامات: خدمة العملاء، الترفيه، التعليم، التسويق.</li>
+    </ul>
+    """
 
-def service_2():
-    return "هذه هي الخدمة الثانية."
+# دالة صفحة "خدمات الرد بالصوت السعودي"
+def saudi_voice_service():
+    return """
+    <h2>خدمة الرد بالصوت السعودي</h2>
+    <p>توليد أصوات واقعية باللهجة السعودية.</p>
+    <p>الخدمة مثالية لتطبيقات مثل المساعدات الصوتية أو الردود التفاعلية بالصوت.</p>
+    """
 
-def service_3():
-    return "هذه هي الخدمة الثالثة."
+# دالة صفحة "تحويل النص إلى اللهجة السعودية"
+def text_to_najdi_service():
+    return """
+    <h2>تحويل النص من العربية إلى اللهجة السعودية</h2>
+    <p>هذه الخدمة تقوم بتحويل النصوص القياسية المكتوبة باللغة العربية إلى اللهجة السعودية، مما يجعلها مثالية لتطبيقات مثل المساعدات الصوتية أو الأنظمة التعليمية.</p>
+    """
 
-# إنشاء واجهة Gradio لكل صفحة
+# إنشاء واجهة Gradio
 with gr.Blocks() as demo:
-    with gr.Column():
-        gr.Markdown("# أهلاً وسهلاً بك في موقعنا")
-        gr.Markdown("## اختر إحدى الخدمات من القائمة")
-
-    # قائمة تنقل بين الصفحات
-        with gr.Tabs():
-            with gr.TabItem("الرئيسية"):
-                gr.Markdown("## اختر إحدى الخدمات من القائمة")
-                
-                
-            with gr.TabItem("الخدمة 1"):
-                gr.Markdown("## اختر إحدى الخدمات من القائمة")
-            with gr.TabItem("الخدمة 2"):
-                gr.Markdown("## اختر إحدى الخدمات من القائمة")
-            with gr.TabItem("الخدمة 3"):
-                gr.Markdown("## اختر إحدى الخدمات من القائمة")
-
-# إطلاق الموقع
+    # العنوان الرئيسي
+    gr.Markdown("# Wasm-Speeker: إطار الذكاء الاصطناعي لتوليد الكلام")
+    
+    # عرض الصورة الترحيبية
+    gr.Image("9588e6d4-9959-4cfc-9697-fc9b996fcd97.jpeg", label="صورة ترحيبية")
+
+    # تبويبات الصفحات
+    with gr.Tabs():
+        # صفحة رئيسية
+        with gr.TabItem("الصفحة الرئيسية"):
+            gr.HTML(home_page)
+
+        # صفحة خدمة Chat AI
+        with gr.TabItem("خدمة Chat AI"):
+            gr.HTML(chat_ai_service)
+
+        # صفحة خدمة الرد بالصوت السعودي
+        with gr.TabItem("خدمة الرد بالصوت السعودي"):
+            gr.HTML(saudi_voice_service)
+
+        # صفحة خدمة تحويل النص إلى اللهجة السعودية
+        with gr.TabItem("تحويل النص إلى اللهجة السعودية"):
+            gr.HTML(text_to_najdi_service)
+
+# تشغيل الموقع
 demo.launch()