ui: Update hero section - Remove 'مدعوم بالذكاء الاصطناعي' badge - Replace demo text with real spelling/grammar errors - Update error counts: 8 إملائي, 3 نحوي, 2 ترقيم, score 45

src/index.html

@@ -159,8 +159,7 @@
      <div class="max-w-7xl mx-auto px-6 relative z-10">
       <div class="grid lg:grid-cols-2 gap-16 items-center"><!-- Hero Content -->
        <div class="text-center lg:text-right animate-fade-in">
-        <div class="inline-flex items-center gap-2 px-5 py-2 rounded-full text-sm font-bold mb-8" style="background: rgba(59, 130, 246, 0.15); color: var(--primary-color); border: 1px solid rgba(59, 130, 246, 0.3);"><span class="w-2 h-2 rounded-full animate-pulse" style="background: var(--primary-color);"></span> <span>مدعوم بالذكاء الاصطناعي</span>
-        </div>
+
         <h1 id="hero-headline" class="text-5xl lg:text-7xl font-bold leading-tight mb-6" style="line-height: 1.3;">اكتب العربية<br><span class="text-gradient">بثقة واحتراف</span></h1>
         <p id="hero-subheadline" class="text-xl lg:text-2xl leading-relaxed mb-10" style="color: var(--text-secondary); line-height: 1.9;">مساعد ذكي يصحح الإملاء والنحو وعلامات الترقيم ويُلخّص النصوص العربية بدقة عالية.</p>
         <div class="flex flex-col sm:flex-row gap-4 justify-center lg:justify-start mb-12"><button id="hero-cta-primary" onclick="showPage('editor')" class="px-8 py-4 rounded-2xl text-lg font-bold text-white gradient-accent transition-all hover:scale-105 hover:shadow-2xl"> جربه الآن مجاناً ←</button> <button onclick="showPage('features')" class="px-8 py-4 rounded-2xl text-lg font-bold transition-all hover:scale-105 border-2" style="border-color: rgba(255, 255, 255, 0.2); color: var(--text-color);"> استكشف الميزات</button>
@@ -205,23 +204,23 @@
           <div class="w-20"></div>
          </div><!-- Mock Editor Content -->
          <div class="p-8 editor-content text-right text-lg" dir="rtl" style="background: var(--surface-color); color: var(--text-color); min-height: 300px;">
-          <p class="mb-4"><span class="spelling-error">الكتابه</span> <span class="spelling-error">الصحيحه</span> مهمة جداً في التواصل الفعّال<span class="punctuation-suggestion">.</span></p>
-          <p class="mb-4">الطلاب <span class="grammar-error">ذهبوا</span> <span class="spelling-error">الى</span> المدرسة صباحاً<span class="punctuation-suggestion">.</span></p>
-          <p>جرّب المحرر الآن وشاهد كيف يمكن أن تصبح كتابتك أفضل!</p>
+          <p class="mb-4"><span class="spelling-error">السمائ</span> صافيه <span class="grammar-error">والشمس</span> <span class="spelling-error">مشرقه</span> فى هذا <span class="spelling-error">اليو</span><span class="punctuation-suggestion">.</span></p>
+          <p class="mb-4">الطالبات <span class="grammar-error">حضروا</span> <span class="spelling-error">الئ</span> <span class="spelling-error">الامتحان</span> <span class="spelling-error">متاخرين</span><span class="punctuation-suggestion">.</span></p>
+          <p><span class="spelling-error">اكتشاف</span> الاخطأ <span class="grammar-error">الاملائيه</span> والنحويه <span class="spelling-error">تلقائين</span>!</p>
          </div><!-- Mock Stats Bar -->
          <div class="flex items-center justify-between p-4 border-t" style="border-color: rgba(255, 255, 255, 0.1);">
           <div class="flex items-center gap-6">
            <div class="flex items-center gap-2">
-            <div class="w-3 h-3 rounded-full" style="background: #ef4444;"></div><span class="text-sm" style="color: var(--text-secondary);">٣ إملائي</span>
+            <div class="w-3 h-3 rounded-full" style="background: #ef4444;"></div><span class="text-sm" style="color: var(--text-secondary);">٨ إملائي</span>
            </div>
            <div class="flex items-center gap-2">
-            <div class="w-3 h-3 rounded-full" style="background: #fbbf24;"></div><span class="text-sm" style="color: var(--text-secondary);">١ نحوي</span>
+            <div class="w-3 h-3 rounded-full" style="background: #fbbf24;"></div><span class="text-sm" style="color: var(--text-secondary);">٣ نحوي</span>
            </div>
            <div class="flex items-center gap-2">
             <div class="w-3 h-3 rounded-full" style="background: #22c55e;"></div><span class="text-sm" style="color: var(--text-secondary);">٢ ترقيم</span>
            </div>
           </div>
-          <div class="flex items-center gap-2"><span class="text-2xl font-bold text-gradient">٨٥</span> <span class="text-sm" style="color: var(--text-secondary);">التقييم</span>
+          <div class="flex items-center gap-2"><span class="text-2xl font-bold text-gradient">٤٥</span> <span class="text-sm" style="color: var(--text-secondary);">التقييم</span>
           </div>
          </div>
         <div class="absolute -bottom-6 -left-6 p-4 rounded-2xl shadow-xl animate-fade-in" style="background: var(--surface-color); border: 1px solid rgba(34, 197, 94, 0.3); max-width: 280px;">