Update reg.html

reg.html

@@ -115,6 +115,13 @@
       max-height: 400px;
       overflow-y: auto;
     }
+    /* تنسيق مميز لنتائج خريطة التفكير */
+    .mind-map-output {
+      background: #e0f7fa;
+      padding: 1rem;
+      border: 2px dashed #00acc1;
+      border-radius: 1rem;
+    }
     /* تنسيق قسم إنشاء العقود */
     .split-screen {
       display: grid;
@@ -280,9 +287,9 @@
             <i class="fas fa-project-diagram text-3xl mb-4 text-blue-600"></i>
             <h3 class="text-xl font-bold text-gray-800 mb-3">خريطة التفكير</h3>
             <p class="text-gray-600 mb-4">
-              إنشاء خرائط ذهنية للقضايا القانونية وتحليل العلاقات
+              استخدم تقنية تونى بوزان الشهيرة لإنشاء خريطة ذهنية مميزة لحل القضايا القانونية
             </p>
-            <button class="action-button" onclick="showSection('mindMap')">إنشاء خريطة</button>
+            <button class="action-button" onclick="showSection('mindMap')">إنشاء خريطة التفكير</button>
           </div>
         </div>
         <div class="feature-card p-6">
@@ -310,7 +317,7 @@
             <i class="fas fa-language text-3xl mb-4 text-blue-600"></i>
             <h3 class="text-xl font-bold text-gray-800 mb-3">الترجمة القانونية</h3>
             <p class="text-gray-600 mb-4">
-              ترجمة احترافية للوثائق القانونية بدقة عالية مع إمكانية تنزيلها كملف PDF
+              ترجمة احترافية للوثائق القانونية مع إمكانية تنزيلها كملف PDF
             </p>
             <button class="action-button" onclick="showSection('translation')">ترجمة</button>
           </div>
@@ -357,11 +364,14 @@
 
     <!-- قسم خريطة التفكير القانونية -->
     <section id="mindMap" class="section hidden">
-      <h2 class="text-3xl font-bold text-gray-800 mb-8">خريطة التفكير القانونية</h2>
+      <h2 class="text-3xl font-bold text-gray-800 mb-4">خريطة التفكير القانونية</h2>
+      <p class="mb-4 text-gray-700">
+        استخدم تقنية تونى بوزان الشهيرة لإنشاء خريطة ذهنية مميزة تساعدك في تحليل القضية وتحديد الحلول.
+      </p>
       <div class="input-group bg-white rounded p-6 shadow">
         <textarea class="w-full p-3 border rounded" placeholder="اكتب وصف الموضوع الذي تريد إنشاء خريطة ذهنية له..."></textarea>
         <button class="action-button mt-4" onclick="handleSubmit('mindMap')">إنشاء خريطة التفكير</button>
-        <div id="mindMapResult" class="mt-4 response-container"></div>
+        <div id="mindMapResult" class="mt-4 response-container mind-map-output"></div>
       </div>
     </section>
 
@@ -386,10 +396,20 @@
           <select class="p-3 rounded border w-full" id="fromLang">
             <option value="ar">العربية</option>
             <option value="en">الإنجليزية</option>
+            <option value="de">الألمانية</option>
+            <option value="zh">الصينية</option>
+            <option value="fr">الفرنسية</option>
+            <option value="it">الإيطالية</option>
+            <option value="es">الإسبانية</option>
           </select>
           <select class="p-3 rounded border w-full" id="toLang">
             <option value="en">الإنجليزية</option>
             <option value="ar">العربية</option>
+            <option value="de">الألمانية</option>
+            <option value="zh">الصينية</option>
+            <option value="fr">الفرنسية</option>
+            <option value="it">الإيطالية</option>
+            <option value="es">الإسبانية</option>
           </select>
         </div>
         <div class="flex gap-4">
@@ -517,7 +537,7 @@
         case 'documents':
           return 'قم بإنشاء مستند قانوني بناءً على الوصف التالي: ';
         case 'mindMap':
-          return 'قم بإنشاء خريطة ذهنية قانونية للموضوع التالي: ';
+          return 'قم بإنشاء خريطة ذهنية لحل القضية باستخدام تقنية تونى بوزان الشهيرة: ';
         case 'search':
           return 'ابحث عن معلومات قانونية حول: ';
         case 'translation':