Manual changes saved

index.html

@@ -489,130 +489,131 @@
             </div>
         </footer>
     </div>
+    
+<script>
+  // Vanta.js Background
+  VANTA.WAVES({
+    el: "#vanta-bg",
+    mouseControls: true,
+    touchControls: true,
+    gyroControls: false,
+    minHeight: 200.00,
+    minWidth: 200.00,
+    scale: 1.00,
+    scaleMobile: 1.00,
+    color: 0x1b9aaa,
+    shininess: 130.00,
+    waveHeight: 25.00,
+    waveSpeed: 0.80,
+    zoom: 0.75
+  });
 
-    <script>
-        // Vanta.js Background
-        VANTA.WAVES({
-            el: "#vanta-bg",
-            mouseControls: true,
-            touchControls: true,
-            gyroControls: false,
-            minHeight: 200.00,
-            minWidth: 200.00,
-            scale: 1.00,
-            scaleMobile: 1.00,
-            color: 0x1b9aaa,
-            shininess: 130.00,
-            waveHeight: 25.00,
-            waveSpeed: 0.80,
-            zoom: 0.75
+  // Mobile Menu Toggle
+  const menuBtn = document.getElementById('menu-btn');
+  const mobileMenu = document.getElementById('mobile-menu');
+
+  if (menuBtn && mobileMenu) {
+    menuBtn.addEventListener('click', () => {
+      const isOpen = mobileMenu.classList.contains('hidden');
+      if (isOpen) {
+        mobileMenu.classList.remove('hidden');
+        mobileMenu.classList.add('flex');
+        feather.replace();
+      } else {
+        mobileMenu.classList.add('hidden');
+        mobileMenu.classList.remove('flex');
+      }
+    });
+  }
+
+  // Smooth scrolling for anchor links
+  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+    anchor.addEventListener('click', function (e) {
+      const target = document.querySelector(this.getAttribute('href'));
+      if (target) {
+        e.preventDefault();
+        target.scrollIntoView({
+          behavior: 'smooth',
+          block: 'start'
         });
+        // Update URL without jumping
+        if (history.pushState) {
+          history.pushState(null, null, this.getAttribute('href'));
+        }
+      }
+      // Close mobile menu if open
+      if (mobileMenu && !mobileMenu.classList.contains('hidden')) {
+        mobileMenu.classList.add('hidden');
+        mobileMenu.classList.remove('flex');
+      }
+    });
+  });
 
-        // Mobile Menu Toggle
-        const menuBtn = document.getElementById('menu-btn');
-        const mobileMenu = document.getElementById('mobile-menu');
-        
-        menuBtn.addEventListener('click', () => {
-            const isOpen = mobileMenu.classList.contains('hidden');
-            if (isOpen) {
-                mobileMenu.classList.remove('hidden');
-                mobileMenu.classList.add('flex');
-                feather.replace();
-            } else {
-                mobileMenu.classList.add('hidden');
-                mobileMenu.classList.remove('flex');
-            }
-        });
+  // FAQ accordion (only one open at a time)
+  document.querySelectorAll('.faq-btn').forEach((btn) => {
+    btn.addEventListener('click', () => {
+      const content = btn.nextElementSibling;
+      const isOpen = !content.classList.contains('hidden');
 
-        // FAQ Accordion
-        const faqBtns = document.querySelectorAll('.faq-btn');
-        
-        faqBtns.forEach(btn => {
-            btn.addEventListener('click', () => {
-                const content = btn.nextElementSibling;
-                const icon = btn.querySelector('i');
-                
-                // Toggle content
-                content.classList.toggle('hidden');
-                
-                // Rotate icon
-                if (content.classList.contains('hidden')) {
-                    icon.style.transform = 'rotate(0deg)';
-                } else {
-                    icon.style.transform = 'rotate(180deg)';
-                }
-            });
-        });
-        // Smooth scrolling for anchor links
-        document.querySelectorAll('a[href^="#"]').forEach(anchor => {
-            anchor.addEventListener('click', function (e) {
-                const target = document.querySelector(this.getAttribute('href'));
-                if (target) {
-                    e.preventDefault();
-                    target.scrollIntoView({
-                        behavior: 'smooth',
-                        block: 'start'
-                    });
-                    // Update URL without page jump
-                    if(history.pushState) {
-                        history.pushState(null, null, this.getAttribute('href'));
-                    }
-                }
-// Close mobile menu if open
-                if (!mobileMenu.classList.contains('hidden')) {
-                    mobileMenu.classList.add('hidden');
-                    mobileMenu.classList.remove('flex');
-                }
-            });
-        });
-    </script>
-    
-    <script>
-    // FAQ accordion (only one open at a time)
-document.querySelectorAll('.faq-btn').forEach((btn) => {
-  btn.addEventListener('click', () => {
-    const content = btn.nextElementSibling;
-    const isOpen = !content.classList.contains('hidden');
-    document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden'));
-    document.querySelectorAll('.faq-btn i').forEach(i => i.style.transform = 'rotate(0deg)');
-    if (!isOpen) {
-      content.classList.remove('hidden');
-      btn.querySelector('i').style.transform = 'rotate(180deg)';
-    }
+      document.querySelectorAll('.faq-content').forEach(c => c.classList.add('hidden'));
+      document.querySelectorAll('.faq-btn i').forEach(i => i.style.transform = 'rotate(0deg)');
+
+      if (!isOpen) {
+        content.classList.remove('hidden');
+        btn.querySelector('i').style.transform = 'rotate(180deg)';
+      }
+    });
   });
-});
 
-// CTA scroll to contact
-document.getElementById('cta-scroll').addEventListener('click', () => {
-  const target = document.getElementById('contact');
-  target.scrollIntoView({ behavior: 'smooth', block: 'start' });
-});
+  // CTA scroll to contact section
+  const ctaBtn = document.getElementById('cta-scroll');
+  if (ctaBtn) {
+    ctaBtn.addEventListener('click', () => {
+      const target = document.getElementById('contact');
+      if (target) {
+        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+      }
+    });
+  }
+
+  // Testimonials carousel
+  const carousel = document.getElementById('testimonial-carousel');
+  const nextBtn = document.getElementById('next-review');
+  const prevBtn = document.getElementById('prev-review');
+
+  if (carousel) {
+    let index = 0;
+    const total = carousel.children.length;
+
+    function updateCarousel() {
+      carousel.style.transform = `translateX(-${index * 100}%)`;
+      feather.replace();
+    }
+
+    if (nextBtn) {
+      nextBtn.addEventListener('click', () => {
+        index = (index + 1) % total;
+        updateCarousel();
+      });
+    }
 
-// Testimonials carousel
-let index = 0;
-const carousel = document.getElementById('testimonial-carousel');
-const total = carousel.children.length;
+    if (prevBtn) {
+      prevBtn.addEventListener('click', () => {
+        index = (index - 1 + total) % total;
+        updateCarousel();
+      });
+    }
+
+    // Auto-slide every 7 seconds
+    setInterval(() => {
+      index = (index + 1) % total;
+      updateCarousel();
+    }, 7000);
+  }
 
-function updateCarousel() {
-  carousel.style.transform = `translateX(-${index * 100}%)`;
+  // Initialize feather icons
   feather.replace();
-}
-
-document.getElementById('next-review').addEventListener('click', () => {
-  index = (index + 1) % total;
-  updateCarousel();
-});
-document.getElementById('prev-review').addEventListener('click', () => {
-  index = (index - 1 + total) % total;
-  updateCarousel();
-});
-
-// Auto-slide every 7 seconds
-setInterval(() => {
-  index = (index + 1) % total;
-  updateCarousel();
-}, 7000);
-
-    feather.replace();</script>
+</script>
+
 </body>
 </html>