// Start autoplay if (dots.length > 0) { resetAutoPlay(); } // Pause on hover const slider = document.getElementById('testimonialSlider'); if (slider) { slider.addEventListener('mouseenter', function() { clearInterval(autoPlayInterval); }); slider.addEventListener('mouseleave', function() { resetAutoPlay(); }); } // Keyboard navigation document.addEventListener('keydown', function(e) { if (e.key === 'ArrowLeft') { const prev = (currentIndex - 1 + dots.length) % dots.length; goToSlide(prev); resetAutoPlay(); } else if (e.key === 'ArrowRight') { nextSlide(); resetAutoPlay(); } }); }); // Intersection Observer for scroll animations document.addEventListener('DOMContentLoaded', function() { const elements = document.querySelectorAll('.why-card, .service-card, .feature-card, .plan-card'); const observer = new IntersectionObserver((entries) => { entries.forEach((entry, index) => { if (entry.isIntersecting) { setTimeout(() => { entry.target.style.opacity = '1'; entry.target.style.transform = 'translateY(0)'; }, index * 100); } }); }, { threshold: 0.1 }); elements.forEach(el => { el.style.opacity = '0'; el.style.transform = 'translateY(30px)'; el.style.transition = 'opacity 0.6s ease, transform 0.6s ease'; observer.observe(el); }); }); console.log('💧 Aqua\'rem Homepage Loaded - Fully Responsive'); console.log('✅ Testimonials slider active'); console.log('✅ Custom Quote CTA section active'); console.log('✅ Mobile-first responsive design applied');