Upload frontend/index.html with huggingface_hub

frontend/index.html

@@ -3207,11 +3207,9 @@
   <nav id="main-nav">
     <a class="logo" href="#"><span class="logo-dot"></span>محرك</a>
     <ul class="nav-links">
-      <li><a href="#journey">رحلة العميل</a></li>
       <li><a href="#system">النظام</a></li>
       <li><a href="#tools">الأدوات</a></li>
       <li><a href="#packages">الباقات</a></li>
-      <li><a href="/login.html" onclick="handleLoginClick(event)">دخول</a></li>
       <li><a href="/login.html" class="nav-cta" onclick="handleSignupClick(event)">تسجيل</a></li>
     </ul>
   </nav>
@@ -3221,10 +3219,6 @@
 ══════════════════════════════════ -->
   <section class="hero">
     <div class="hero-bg-grid"></div>
-    <div class="hero-glow-1"></div>
-    <div class="hero-glow-2"></div>
-    <div class="hero-glow-3"></div>
-    <div class="hero-scan"></div>
     <div class="hero-lines">
       <div class="hero-line hl1"></div>
       <div class="hero-line hl2"></div>
@@ -4174,54 +4168,53 @@
   </section>
 
   <!-- FOOTER -->
-  <footer>
-    <div class="footer-inner">
+  <footer>    <div class="footer-inner">
       <div class="footer-brand">
         <a class="logo" href="#"><span class="logo-dot"></span>محرك</a>
-        <p>Search Growth System من 5 محركات تتحكم في كل رحلة البحث — من أول ظهور لآخر تحويل.</p>
-        <div style="margin-top:1.2rem;display:flex;gap:.65rem">
-          <a href="#"
-            style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px"
-            onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'">LinkedIn</a>
-          <a href="#"
-            style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px"
-            onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'">TikTok</a>
-          <a href="#"
-            style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px"
-            onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'">WhatsApp</a>
+        <p>استقطب آلاف العملاء الحقيقيين الى موقعك الإلكتروني من خلال خطط محرك المتوازية مع أهداف نشاطك التجاري.</p>
+        <div style="margin-top:1.2rem;display:flex;gap:.65rem;flex-wrap:wrap">
+          <a href="#" style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'"><i class="fab fa-facebook"></i> Facebook</a>
+          <a href="#" style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'"><i class="fab fa-x-twitter"></i> X</a>
+          <a href="#" style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'"><i class="fab fa-youtube"></i> YouTube</a>
+          <a href="#" style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'"><i class="fab fa-instagram"></i> Instagram</a>
+          <a href="#" style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'"><i class="fab fa-linkedin"></i> LinkedIn</a>
+          <a href="#" style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'"><i class="fab fa-tiktok"></i> TikTok</a>
+          <a href="#" style="color:rgba(255,255,255,.35);font-size:.78rem;text-decoration:none;border:1px solid rgba(255,255,255,.1);padding:.36rem .82rem;border-radius:50px" onmouseover="this.style.color='#fff'" onmouseout="this.style.color='rgba(255,255,255,.35)'"><i class="fab fa-snapchat"></i> Snapchat</a>
+        </div>
+        <div style="margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.08)">
+          <img src="https://via.placeholder.com/120x60/0F4246/c8f04e?text=شهادة+التوثيق" alt="شهادة توثيق التجارة الالكترونية" style="max-width:120px;height:auto;opacity:.7">
         </div>
       </div>
       <div class="footer-col">
-        <h4>المحركات الـ 5</h4>
+        <h4>خدمات محرك</h4>
         <ul>
-          <li><a href="#">📈 SEO Engine</a></li>
-          <li><a href="#">🤖 AI Visibility Engine</a></li>
-          <li><a href="#">🎯 Ads Engine</a></li>
-          <li><a href="#">📝 Content Engine</a></li>
-          <li><a href="#">⭐ Trust Engine</a></li>
+          <li><a href="#">تحسين ظهور المواقع في نتائج البحث</a></li>
+          <li><a href="#">SEO الذكاء الاصطناعي</a></li>
+          <li><a href="#">السيو المحلي Local SEO</a></li>
+          <li><a href="#">تحسين بحث التطبيقات ASO</a></li>
         </ul>
       </div>
       <div class="footer-col">
-        <h4>الباقات</h4>
+        <h4>الصفحات التعريفية</h4>
         <ul>
-          <li><a href="#">Search Presence</a></li>
-          <li><a href="#">Search Growth System</a></li>
-          <li><a href="#">Market Control</a></li>
+          <li><a href="#">من نحن</a></li>
+          <li><a href="#">المدونة</a></li>
+          <li><a href="#">المشروعات</a></li>
+          <li><a href="#audit">تواصل معنا</a></li>
         </ul>
       </div>
       <div class="footer-col">
-        <h4>تواصل معنا</h4>
+        <h4>موقعنا</h4>
         <ul>
-          <li><a href="#">hello@mahrak.com</a></li>
-          <li><a href="#">واتساب</a></li>
-          <li><a href="#">القاهرة، مصر</a></li>
-          <li><a href="#">الرياض، السعودية</a></li>
+          <li><i class="fas fa-map-marker-alt" style="color:var(--accent);margin-left:.4rem"></i> مكة المكرمة</li>
+          <li style="padding-right:1.2rem;font-size:.78rem;color:rgba(255,255,255,.3)">حي الخضراء</li>
+          <li style="padding-right:1.2rem;font-size:.78rem;color:rgba(255,255,255,.3)">حبيب بن مروان التميمي</li>
+          <li style="margin-top:.8rem"><a href="tel:+966564696207"><i class="fas fa-phone" style="color:var(--accent);margin-left:.4rem"></i> +966 56 469 6207</a></li>
         </ul>
       </div>
     </div>
     <div class="footer-btm">
       <span>© 2025 محرك. جميع الحقوق محفوظة.</span>
-      <span>Search Growth System — 5 Engines</span>
     </div>
   </footer>