Update index.html

index.html

@@ -95,12 +95,12 @@
             font-family: 'Cairo', 'Tajawal', sans-serif;
             direction: rtl;
         }
-        
+      
         [lang="en"] {
             font-family: 'Roboto', sans-serif;
             direction: ltr;
         }
-        
+      
         [lang="fr"] {
             font-family: 'Roboto', sans-serif;
             direction: ltr;
@@ -607,23 +607,23 @@
         .mobile-languages {
             margin-bottom: 30px;
         }
-        
+      
         .mobile-languages-title {
             font-size: 1.1rem;
             margin-bottom: 15px;
             color: var(--dark-color);
         }
-        
+      
         [data-theme="dark"] .mobile-languages-title, [data-theme="cosmos"] .mobile-languages-title {
             color: white;
         }
-        
+      
         .mobile-language-options {
             display: flex;
             flex-wrap: wrap;
             gap: 10px;
         }
-        
+      
         .mobile-language-option {
             display: flex;
             align-items: center;
@@ -634,21 +634,21 @@
             cursor: pointer;
             transition: var(--transition);
         }
-        
+      
         [data-theme="dark"] .mobile-language-option, [data-theme="cosmos"] .mobile-language-option {
             color: white;
         }
-        
+      
         .mobile-language-option:hover {
             background-color: var(--primary-color);
             color: white;
         }
-        
+      
         .mobile-language-option.active {
             background-color: var(--primary-color);
             color: white;
         }
-        
+      
         .mobile-language-option img {
             width: 20px;
             height: 20px;
@@ -868,7 +868,7 @@
                 transform: translateY(-20px);
             }
         }
-        
+      
         /* Typing Effect Container */
         .typing-effect-container {
             min-height: 60px;
@@ -2421,36 +2421,36 @@
             .hero-content, .about-content, .speedy-content {
                 flex-direction: column;
             }
-            
+          
             .hero-text, .hero-image, .about-text, .about-image, .speedy-text, .speedy-image {
                 max-width: 100%;
                 text-align: center;
             }
-            
+          
             .hero-image, .about-image, .speedy-image {
                 margin-top: 40px;
             }
-            
+          
             .hero-buttons, .about-features, .speedy-features {
                 justify-content: center;
             }
-            
+          
             .about-feature, .speedy-feature {
                 text-align: right;
             }
-            
+          
             .nav-list {
                 display: none;
             }
-            
+          
             .mobile-menu-btn {
                 display: block;
             }
-            
+          
             .services-grid, .api-grid, .project-grid, .package-grid, .video-grid, .news-grid, .universe-grid {
                 grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
             }
-            
+          
             .footer-grid {
                 grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
             }
@@ -2460,28 +2460,28 @@
             .hero-title, .about-title, .speedy-title, .universe-title {
                 font-size: 2.5rem;
             }
-            
+          
             .hero-buttons {
                 flex-direction: column;
                 width: 100%;
             }
-            
+          
             .hero-buttons .btn {
                 width: 100%;
                 margin-bottom: 10px;
             }
-            
+          
             .services-grid, .api-grid, .project-grid, .package-grid, .video-grid, .news-grid, .universe-grid {
                 grid-template-columns: 1fr;
             }
-            
+          
             .project-categories, .news-categories {
                 overflow-x: auto;
                 white-space: nowrap;
                 padding-bottom: 15px;
                 justify-content: flex-start;
             }
-            
+          
             .chatbot-window {
                 width: 320px;
             }
@@ -2491,15 +2491,15 @@
             .hero-title, .about-title, .speedy-title, .universe-title {
                 font-size: 2rem;
             }
-            
+          
             .section-title h2 {
                 font-size: 2rem;
             }
-            
+          
             .theme-toggles {
                 display: none;
             }
-            
+          
             .chatbot-window {
                 width: 280px;
             }
@@ -2523,7 +2523,7 @@
                         <span class="logo-animated" id="logo-text">فاست برو</span>
                     </h1>
                 </div>
-                
+              
                 <nav>
                     <ul class="nav-list">
                         <li class="nav-item">
@@ -2549,7 +2549,7 @@
                         </li>
                     </ul>
                 </nav>
-                
+              
                 <!-- Language Selector -->
                 <div class="language-selector" id="language-selector">
                     <div class="current-lang" id="current-lang">
@@ -2572,7 +2572,7 @@
                         </div>
                     </div>
                 </div>
-                
+              
                 <div class="theme-toggles">
                     <button class="theme-toggle light-toggle active" id="light-toggle" title="الوضع الفاتح">
                         <i class="fas fa-sun"></i>
@@ -2584,7 +2584,7 @@
                         <i class="fas fa-rocket"></i> OUR UNIVERSE
                     </button>
                 </div>
-                
+              
                 <button class="mobile-menu-btn" id="mobile-menu-btn">
                     <i class="fas fa-bars"></i>
                 </button>
@@ -2603,7 +2603,7 @@
                 <i class="fas fa-times"></i>
             </button>
         </div>
-        
+      
         <ul class="mobile-menu-list">
             <li class="mobile-menu-item">
                 <a href="#" class="mobile-menu-link">الرئيسية</a>
@@ -2630,7 +2630,7 @@
                 <a href="#contact" class="mobile-menu-link">تواصل معنا</a>
             </li>
         </ul>
-        
+      
         <!-- Mobile Languages -->
         <div class="mobile-languages">
             <h3 class="mobile-languages-title">اختر اللغة</h3>
@@ -2649,7 +2649,7 @@
                 </div>
             </div>
         </div>
-        
+      
         <div class="mobile-themes">
             <h3 class="mobile-themes-title">اختر المظهر</h3>
             <div class="mobile-theme-options">
@@ -2704,7 +2704,7 @@
                 <h2>من نحن</h2>
                 <p>تعرف على فريقنا المتميز وقصة نجاحنا في عالم الذكاء الاصطناعي</p>
             </div>
-            
+          
             <div class="about-content">
                 <div class="about-text" data-aos="fade-right">
                     <span class="about-subtitle">قصة نجاح متواصلة</span>
@@ -2715,7 +2715,7 @@
                     <p class="about-description">
                         نحن نؤمن بأن الذكاء الاصطناعي هو مستقبل التكنولوجيا، ونعمل جاهدين على تطوير حلول ذكية مخصصة تلبي احتياجات عملائنا وتساعدهم على تحقيق أقصى استفادة من التقنيات الحديثة.
                     </p>
-                    
+                  
                     <div class="about-features">
                         <div class="about-feature" data-aos="fade-up" data-aos-delay="100">
                             <div class="about-feature-icon">
@@ -2745,12 +2745,12 @@
                             </div>
                         </div>
                     </div>
-                    
+                  
                     <a href="#contact" class="btn btn-primary">
                         <i class="fas fa-users"></i> تعرف على فريقنا
                     </a>
                 </div>
-                
+              
                 <div class="about-image" data-aos="fade-left">
                     <img src="https://ufastpro.com/wp-content/uploads/2025/04/Blue-and-White-Illustrative-Brainstorm-Presentation.jpg" alt="من نحن" class="about-img">
                     <div class="about-image-overlay">
@@ -2758,7 +2758,7 @@
                     </div>
                 </div>
             </div>
-            
+          
             <div class="about-counters">
                 <div class="about-counter" data-aos="zoom-in" data-aos-delay="100">
                     <div class="about-counter-number count-up" data-count="150">0</div>
@@ -2787,7 +2787,7 @@
                 <h2>خدماتنا</h2>
                 <p>مجموعة متكاملة من الخدمات المتطورة لتلبية احتياجات عملك</p>
             </div>
-            
+          
             <div class="services-grid">
                 <div class="service-card" data-aos="fade-up" data-aos-delay="100">
                     <div class="service-icon">
@@ -2799,7 +2799,7 @@
                     </p>
                     <a href="#" class="btn btn-primary">المزيد</a>
                 </div>
-                
+              
                 <div class="service-card" data-aos="fade-up" data-aos-delay="200">
                     <div class="service-icon">
                         <i class="fas fa-mobile-alt"></i>
@@ -2810,7 +2810,7 @@
                     </p>
                     <a href="#" class="btn btn-primary">المزيد</a>
                 </div>
-                
+              
                 <div class="service-card" data-aos="fade-up" data-aos-delay="300">
                     <div class="service-icon">
                         <i class="fas fa-globe"></i>
@@ -2821,7 +2821,7 @@
                     </p>
                     <a href="#" class="btn btn-primary">المزيد</a>
                 </div>
-                
+              
                 <div class="service-card" data-aos="fade-up" data-aos-delay="400">
                     <div class="service-icon">
                         <i class="fas fa-chart-line"></i>
@@ -2832,7 +2832,7 @@
                     </p>
                     <a href="#" class="btn btn-primary">المزيد</a>
                 </div>
-                
+              
                 <div class="service-card" data-aos="fade-up" data-aos-delay="500">
                     <div class="service-icon">
                         <i class="fas fa-lock"></i>
@@ -2843,7 +2843,7 @@
                     </p>
                     <a href="#" class="btn btn-primary">المزيد</a>
                 </div>
-                
+              
                 <div class="service-card" data-aos="fade-up" data-aos-delay="600">
                     <div class="service-icon">
                         <i class="fas fa-cloud"></i>
@@ -2865,7 +2865,7 @@
                 <h2>خدمات API</h2>
                 <p>واجهات برمجة قوية ومرنة لتكامل سهل مع أنظمتك</p>
             </div>
-            
+          
             <div class="api-grid">
                 <div class="api-card" data-aos="fade-up" data-aos-delay="100">
                     <div class="api-header">
@@ -2893,7 +2893,7 @@
                     </div>
                     <a href="#" class="btn btn-primary">استكشاف API</a>
                 </div>
-                
+              
                 <div class="api-card" data-aos="fade-up" data-aos-delay="200">
                     <div class="api-header">
                         <div class="api-icon">
@@ -2920,7 +2920,7 @@
                     </div>
                     <a href="#" class="btn btn-primary">استكشاف API</a>
                 </div>
-                
+              
                 <div class="api-card" data-aos="fade-up" data-aos-delay="300">
                     <div class="api-header">
                         <div class="api-icon">
@@ -2959,7 +2959,7 @@
                 <h2>SPEEDY</h2>
                 <p>نموذج الذكاء الاصطناعي المتطور للشركات والمؤسسات</p>
             </div>
-            
+          
             <div class="speedy-content">
                 <div class="speedy-text" data-aos="fade-right">
                     <span class="speedy-subtitle">الجيل القادم من الذكاء الاصطناعي</span>
@@ -2970,7 +2970,7 @@
                     <p class="speedy-description">
                         بفضل قدراته الفائقة على معالجة البيانات وفهم اللغات الطبيعية واتخاذ القرارات المعقدة، يمكن لنموذج SPEEDY أن يحدث ثورة في طريقة إدارة أعمالك وتفاعلك مع عملائك.
                     </p>
-                    
+                  
                     <div class="speedy-features">
                         <div class="speedy-feature" data-aos="fade-up" data-aos-delay="100">
                             <i class="fas fa-bolt"></i>
@@ -3001,23 +3001,23 @@
                             </div>
                         </div>
                     </div>
-                    
+                  
                     <a href="#contact" class="btn btn-primary">
                         <i class="fas fa-rocket"></i> جرب SPEEDY الآن
                     </a>
                 </div>
-                
+              
                 <div class="speedy-image" data-aos="fade-left">
                     <img src="https://ufastpro.com/wp-content/uploads/2025/04/تصميم-بدون-عنوان-1.jpg" alt="SPEEDY AI" class="speedy-img">
                 </div>
             </div>
-            
+          
             <div class="speedy-universe">
                 <h2 class="universe-title" data-aos="zoom-in">SPEEDY UNIVERSE</h2>
                 <p class="universe-description" data-aos="zoom-in">
                     اكتشف عالمًا كاملًا من التطبيقات والأدوات المدعومة بنموذج SPEEDY، والتي تتكامل معًا لتوفير تجربة ذكاء اصطناعي شاملة.
                 </p>
-                
+              
                 <div class="universe-grid">
                     <div class="universe-card" data-aos="flip-left" data-aos-delay="100">
                         <div class="universe-image">
@@ -3033,7 +3033,7 @@
                             </a>
                         </div>
                     </div>
-                    
+                  
                     <div class="universe-card" data-aos="flip-left" data-aos-delay="200">
                         <div class="universe-image">
                             <img src="https://placehold.co/600x400/7b2cbf/fff?text=SPEEDY+Analytics" alt="SPEEDY Analytics" class="universe-img">
@@ -3048,7 +3048,7 @@
                             </a>
                         </div>
                     </div>
-                    
+                  
                     <div class="universe-card" data-aos="flip-left" data-aos-delay="300">
                         <div class="universe-image">
                             <img src="https://placehold.co/600x400/7b2cbf/fff?text=SPEEDY+Vision" alt="SPEEDY Vision" class="universe-img">
@@ -3063,7 +3063,7 @@
                             </a>
                         </div>
                     </div>
-                    
+                  
                     <div class="universe-card" data-aos="flip-left" data-aos-delay="400">
                         <div class="universe-image">
                             <img src="https://placehold.co/600x400/7b2cbf/fff?text=SPEEDY+Voice" alt="SPEEDY Voice" class="universe-img">
@@ -3090,7 +3090,7 @@
                 <h2>مشاريعنا</h2>
                 <p>نفخر بتقديم حلول مبتكرة للعديد من العملاء في مختلف القطاعات</p>
             </div>
-            
+          
             <div class="project-categories">
                 <button class="project-category-btn active" data-filter="all">الكل</button>
                 <button class="project-category-btn" data-filter="ai">الذكاء الاصطناعي</button>
@@ -3098,7 +3098,7 @@
                 <button class="project-category-btn" data-filter="web">تطوير الويب</button>
                 <button class="project-category-btn" data-filter="data">تحليل البيانات</button>
             </div>
-            
+          
             <div class="project-grid">
                 <div class="project-card" data-category="ai" data-aos="fade-up" data-aos-delay="100">
                     <div class="project-image">
@@ -3125,7 +3125,7 @@
                         </div>
                     </div>
                 </div>
-                
+              
                 <div class="project-card" data-category="mobile" data-aos="fade-up" data-aos-delay="200">
                     <div class="project-image">
                         <img src="https://ufastpro.com/wp-content/uploads/2024/11/f-stpro-1-1.png" alt="تطبيق جوال" class="project-img">
@@ -3151,7 +3151,7 @@
                         </div>
                     </div>
                 </div>
-                
+              
                 <div class="project-card" data-category="web" data-aos="fade-up" data-aos-delay="300">
                     <div class="project-image">
                         <img src="https://ufastpro.com/wp-content/uploads/2025/04/تصميم-بدون-عنوان-1.jpg" alt="بوابة إلكترونية" class="project-img">
@@ -3179,7 +3179,7 @@
                         </div>
                     </div>
                 </div>
-                
+              
                 <div class="project-card" data-category="data" data-aos="fade-up" data-aos-delay="400">
                     <div class="project-image">
                         <img src="https://placehold.co/600x400/4facfe/fff?text=Data+Analytics" alt="تحليل بيانات" class="project-img">
@@ -3205,7 +3205,7 @@
                         </div>
                     </div>
                 </div>
-                
+              
                 <div class="project-card" data-category="ai" data-aos="fade-up" data-aos-delay="500">
                     <div class="project-image">
                         <img src="https://placehold.co/600x400/4facfe/fff?text=AI+Chatbot" alt="روبوت محادثة ذكي" class="project-img">
@@ -3231,7 +3231,7 @@
                         </div>
                     </div>
                 </div>
-                
+              
                 <div class="project-card" data-category="mobile" data-aos="fade-up" data-aos-delay="600">
                     <div class="project-image">
                         <img src="https://placehold.co/600x400/4facfe/fff?text=Fitness+App" alt="تطبيق لياقة" class="project-img">
@@ -3277,7 +3277,7 @@
                         <a href="https://www.instagram.com/ufastpro" class="social-link"><i class="fab fa-instagram"></i></a>
                     </div>
                 </div>
-                
+              
                 <div class="footer-widget footer-links">
                     <h3>روابط سريعة</h3>
                     <ul>
@@ -3290,7 +3290,7 @@
                         <li><a href="#packages">باقاتنا</a></li>
                     </ul>
                 </div>
-                
+              
                 <div class="footer-widget footer-links">
                     <h3>تفضيلات أخرى</h3>
                     <ul>
@@ -3303,7 +3303,7 @@
                         <li><a href="#">خريطة الموقع</a></li>
                     </ul>
                 </div>
-                
+              
                 <div class="footer-widget footer-contact">
                     <h3>تواصل معنا</h3>
                     <p>
@@ -3312,11 +3312,11 @@
                     </p>
                     <p>
                         <i class="fas fa-phone-alt"></i>
-                        <span>+20 123 456 7890</span>
+                        <span>+1(469) 898-7406</span>
                     </p>
                     <p>
                         <i class="fas fa-envelope"></i>
-                        <span>info@fastpro.ai</span>
+                        <span>ufastpro@proton.me</span>
                     </p>
                     <div class="footer-subscribe">
                         <input type="email" placeholder="البريد الإلكتروني للنشرة الإخبارية">
@@ -3324,7 +3324,7 @@
                     </div>
                 </div>
             </div>
-            
+          
             <div class="footer-bottom">
                 <p>
                     جميع الحقوق محفوظة &copy; 2025 فاست برو للذكاء الاصطناعي
@@ -3338,7 +3338,7 @@
         <div class="chatbot-toggle" id="chatbot-toggle">
             <i class="fas fa-comment-dots"></i>
         </div>
-        
+      
         <div class="chatbot-window" id="chatbot-window">
             <div class="chatbot-header">
                 <h3 class="chatbot-title">مساعد فاست برو</h3>
@@ -3346,13 +3346,13 @@
                     <i class="fas fa-times"></i>
                 </button>
             </div>
-            
+          
             <div class="chatbot-messages" id="chatbot-messages">
                 <div class="chat-message bot-message">
                     مرحبًا! أنا مساعد فاست برو الافتراضي المدعوم بتقنية SPEEDY. كيف يمكنني مساعدتك اليوم؟
                 </div>
             </div>
-            
+          
             <div class="chatbot-input">
                 <input type="text" id="chat-input" placeholder="اكتب رسالتك هنا...">
                 <button class="chatbot-send" id="chat-send">
@@ -3375,7 +3375,7 @@
                 once: true,
                 offset: 100
             });
-            
+          
             // Initialize Typed.js for Hero Section
             const heroTyped = new Typed('#hero-typing', {
                 strings: [
@@ -3389,7 +3389,7 @@
                 backDelay: 3000,
                 loop: true
             });
-            
+          
             // Initialize Logo Typing Effect
             const logoTyped = new Typed('#logo-text', {
                 strings: ['فاست برو','فاست برو', 'FastPro'],
@@ -3398,15 +3398,15 @@
                 backDelay: 5000,
                 loop: true
             });
-            
+          
             // Count Up Animation
             const countUpElements = document.querySelectorAll('.count-up');
-            
+          
             function animateCountUp(el) {
                 const target = parseInt(el.getAttribute('data-count'));
                 const count = parseInt(el.innerText);
                 const increment = target / 50;
-                
+              
                 if (count < target) {
                     el.innerText = Math.ceil(count + increment);
                     setTimeout(function() {
@@ -3416,7 +3416,7 @@
                     el.innerText = target;
                 }
             }
-            
+          
             // Initialize count animations when elements are in viewport
             const observer = new IntersectionObserver((entries) => {
                 entries.forEach(entry => {
@@ -3426,12 +3426,12 @@
                     }
                 });
             }, {threshold: 0.5});
-            
+          
             countUpElements.forEach(el => {
                 observer.observe(el);
             });
         });
-        
+      
         // Theme Toggle
         const lightToggle = document.getElementById('light-toggle');
         const darkToggle = document.getElementById('dark-toggle');
@@ -3440,11 +3440,11 @@
         const mobileDarkToggle = document.getElementById('mobile-dark-toggle');
         const mobileCosmosToggle = document.getElementById('mobile-cosmos-toggle');
         const body = document.body;
-        
+      
         function setTheme(theme) {
             body.setAttribute('data-theme', theme);
             localStorage.setItem('theme', theme);
-            
+          
             // Update active states
             lightToggle.classList.remove('active');
             darkToggle.classList.remove('active');
@@ -3452,7 +3452,7 @@
             mobileLightToggle.classList.remove('active');
             mobileDarkToggle.classList.remove('active');
             mobileCosmosToggle.classList.remove('active');
-            
+          
             if (theme === 'light' || !theme) {
                 lightToggle.classList.add('active');
                 mobileLightToggle.classList.add('active');
@@ -3468,7 +3468,7 @@
                 createStars();
             }
         }
-        
+      
         lightToggle.addEventListener('click', () => setTheme('light'));
         darkToggle.addEventListener('click', () => setTheme('dark'));
         cosmosToggle.addEventListener('click', () => setTheme('cosmos'));
@@ -3484,52 +3484,52 @@
             setTheme('cosmos');
             closeMobileMenu();
         });
-        
+      
         // Load saved theme
         const savedTheme = localStorage.getItem('theme');
         if (savedTheme) {
             setTheme(savedTheme);
         }
-        
+      
         // Create stars for cosmos theme
         function createStars() {
             const starsContainer = document.getElementById('stars-container');
             starsContainer.innerHTML = '';
-            
+          
             // Create small stars
             for (let i = 0; i < 200; i++) {
                 const star = document.createElement('div');
                 star.classList.add('star');
-                
+              
                 const size = Math.random() * 2 + 1;
                 const x = Math.random() * window.innerWidth;
                 const y = Math.random() * window.innerHeight;
-                
+              
                 star.style.width = `${size}px`;
                 star.style.height = `${size}px`;
                 star.style.left = `${x}px`;
                 star.style.top = `${y}px`;
                 star.style.animationDelay = `${Math.random() * 5}s`;
-                
+              
                 starsContainer.appendChild(star);
             }
-            
+          
             // Create shooting stars
             for (let i = 0; i < 5; i++) {
                 const shootingStar = document.createElement('div');
                 shootingStar.classList.add('shooting-star');
-                
+              
                 const x = Math.random() * window.innerWidth;
                 const y = Math.random() * window.innerHeight;
-                
+              
                 shootingStar.style.left = `${x}px`;
                 shootingStar.style.top = `${y}px`;
                 shootingStar.style.animationDelay = `${Math.random() * 15}s`;
-                
+              
                 starsContainer.appendChild(shootingStar);
             }
         }
-        
+      
         // Initialize Particles.js
         function initParticles(color) {
             particlesJS('particles-js', {
@@ -3621,64 +3621,64 @@
                 retina_detect: true
             });
         }
-        
+      
         // Initialize default particles
         initParticles('#4facfe');
-        
+      
         // Language Selector
         const currentLang = document.getElementById('current-lang');
         const langDropdown = document.getElementById('lang-dropdown');
         const langOptions = document.querySelectorAll('.lang-option');
         const mobileLangOptions = document.querySelectorAll('.mobile-language-option');
-        
+      
         currentLang.addEventListener('click', function() {
             langDropdown.style.display = langDropdown.style.display === 'block' ? 'none' : 'block';
         });
-        
+      
         document.addEventListener('click', function(event) {
             if (!currentLang.contains(event.target) && !langDropdown.contains(event.target)) {
                 langDropdown.style.display = 'none';
             }
         });
-        
+      
         function setLanguage(lang) {
             // In a real application, this would switch the language
             document.documentElement.setAttribute('lang', lang);
-            
+          
             // Update the current language display
             const selectedOption = document.querySelector(`.lang-option[data-lang="${lang}"]`);
             const mobileSelectedOption = document.querySelector(`.mobile-language-option[data-lang="${lang}"]`);
-            
+          
             if (selectedOption) {
                 currentLang.innerHTML = selectedOption.innerHTML;
             }
-            
+          
             // Update active states
             langOptions.forEach(option => {
                 option.classList.remove('active');
             });
-            
+          
             mobileLangOptions.forEach(option => {
                 option.classList.remove('active');
             });
-            
+          
             if (selectedOption) {
                 selectedOption.classList.add('active');
             }
-            
+          
             if (mobileSelectedOption) {
                 mobileSelectedOption.classList.add('active');
             }
-            
+          
             localStorage.setItem('language', lang);
-            
+          
             // Close the dropdown
             langDropdown.style.display = 'none';
-            
+          
             // In a real application, you would reload content in the selected language
             // This is just a placeholder for demonstration
             let title, subtitle;
-            
+          
             if (lang === 'ar') {
                 title = 'فاست برو - حلول الذكاء الاصطناعي المتقدمة';
                 document.body.style.direction = 'rtl';
@@ -3689,17 +3689,17 @@
                 title = 'FastPro - Solutions IA Avancées';
                 document.body.style.direction = 'ltr';
             }
-            
+          
             document.title = title;
         }
-        
+      
         langOptions.forEach(option => {
             option.addEventListener('click', function() {
                 const lang = this.getAttribute('data-lang');
                 setLanguage(lang);
             });
         });
-        
+      
         mobileLangOptions.forEach(option => {
             option.addEventListener('click', function() {
                 const lang = this.getAttribute('data-lang');
@@ -3707,48 +3707,48 @@
                 closeMobileMenu();
             });
         });
-        
+      
         // Load saved language
         const savedLanguage = localStorage.getItem('language');
         if (savedLanguage) {
             setLanguage(savedLanguage);
         }
-        
+      
         // Mobile Menu
         const mobileMenuBtn = document.getElementById('mobile-menu-btn');
         const mobileMenu = document.getElementById('mobile-menu');
         const mobileMenuClose = document.getElementById('mobile-menu-close');
         const overlay = document.getElementById('overlay');
-        
+      
         function openMobileMenu() {
             mobileMenu.classList.add('active');
             overlay.classList.add('active');
             document.body.style.overflow = 'hidden';
         }
-        
+      
         function closeMobileMenu() {
             mobileMenu.classList.remove('active');
             overlay.classList.remove('active');
             document.body.style.overflow = '';
         }
-        
+      
         mobileMenuBtn.addEventListener('click', openMobileMenu);
         mobileMenuClose.addEventListener('click', closeMobileMenu);
         overlay.addEventListener('click', closeMobileMenu);
-        
+      
         // Smooth scroll for navigation links
         document.querySelectorAll('a[href^="#"]').forEach(anchor => {
             anchor.addEventListener('click', function(e) {
                 e.preventDefault();
-                
+              
                 const targetId = this.getAttribute('href');
                 if (targetId === '#') return;
-                
+              
                 const targetElement = document.querySelector(targetId);
                 if (targetElement) {
                     // Close mobile menu if open
                     closeMobileMenu();
-                    
+                  
                     // Scroll to target
                     window.scrollTo({
                         top: targetElement.offsetTop - 80,
@@ -3757,20 +3757,20 @@
                 }
             });
         });
-        
+      
         // Project category filtering
         const projectCategoryBtns = document.querySelectorAll('.project-category-btn');
         const projectCards = document.querySelectorAll('.project-card');
-        
+      
         projectCategoryBtns.forEach(btn => {
             btn.addEventListener('click', function() {
                 // Remove active class from all buttons
                 projectCategoryBtns.forEach(b => b.classList.remove('active'));
                 // Add active class to clicked button
                 this.classList.add('active');
-                
+              
                 const filter = this.getAttribute('data-filter');
-                
+              
                 projectCards.forEach(card => {
                     if (filter === 'all') {
                         card.style.display = 'block';
@@ -3784,10 +3784,10 @@
                 });
             });
         });
-        
+      
         // Back to Top Button
         const backToTopBtn = document.getElementById('back-to-top');
-        
+      
         window.addEventListener('scroll', function() {
             if (window.pageYOffset > 300) {
                 backToTopBtn.classList.add('active');
@@ -3795,17 +3795,17 @@
                 backToTopBtn.classList.remove('active');
             }
         });
-        
+      
         backToTopBtn.addEventListener('click', function() {
             window.scrollTo({
                 top: 0,
                 behavior: 'smooth'
             });
         });
-        
+      
         // Header Scroll Effect
         const header = document.querySelector('.header');
-        
+      
         window.addEventListener('scroll', function() {
             if (window.pageYOffset > 50) {
                 header.classList.add('scrolled');
@@ -3813,7 +3813,7 @@
                 header.classList.remove('scrolled');
             }
         });
-        
+      
         // Chatbot functionality
         const chatbotToggle = document.getElementById('chatbot-toggle');
         const chatbotWindow = document.getElementById('chatbot-window');
@@ -3821,31 +3821,31 @@
         const chatbotMessages = document.getElementById('chatbot-messages');
         const chatInput = document.getElementById('chat-input');
         const chatSend = document.getElementById('chat-send');
-        
+      
         chatbotToggle.addEventListener('click', function() {
             chatbotWindow.style.display = chatbotWindow.style.display === 'flex' ? 'none' : 'flex';
         });
-        
+      
         chatbotClose.addEventListener('click', function() {
             chatbotWindow.style.display = 'none';
         });
-        
+      
         function sendMessage() {
             const message = chatInput.value.trim();
             if (!message) return;
-            
+          
             // Add user message
             const userMessageElement = document.createElement('div');
             userMessageElement.classList.add('chat-message', 'user-message');
             userMessageElement.textContent = message;
             chatbotMessages.appendChild(userMessageElement);
-            
+          
             // Clear input
             chatInput.value = '';
-            
+          
             // Scroll to bottom
             chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
-            
+          
             // Simulate bot response after 1 second
             setTimeout(function() {
                 const botResponses = [
@@ -3856,21 +3856,21 @@
                     "يمكنني تقديم معلومات مفصلة حول باقاتنا المختلفة وما تشمله من خدمات.",
                     "أنا هنا لمساعدتك! هل تود معرفة كيف يمكن لحلول الذكاء الاصطناعي تحسين أعمالك؟"
                 ];
-                
+              
                 const randomResponse = botResponses[Math.floor(Math.random() * botResponses.length)];
-                
+              
                 const botMessageElement = document.createElement('div');
                 botMessageElement.classList.add('chat-message', 'bot-message');
                 botMessageElement.textContent = randomResponse;
                 chatbotMessages.appendChild(botMessageElement);
-                
+              
                 // Scroll to bottom
                 chatbotMessages.scrollTop = chatbotMessages.scrollHeight;
             }, 1000);
         }
-        
+      
         chatSend.addEventListener('click', sendMessage);
-        
+      
         chatInput.addEventListener('keypress', function(event) {
             if (event.key === 'Enter') {
                 sendMessage();
@@ -3878,4 +3878,4 @@
         });
     </script>
 </body>
-</html>
+</html>