Edit file

File name : script.js

Content :// Smooth scroll for navigation links document.querySelectorAll('a[href^="#"]').forEach(anchor=>{anchor.addEventListener('click',function(e){e.preventDefault();const target=document.querySelector(this.getAttribute('href'));if(target){target.scrollIntoView({behavior:'smooth',block:'start'})}})}); // Add scroll animation const observerOptions={threshold:0.1,rootMargin:'0px 0px -100px 0px'}; const observer=new IntersectionObserver(entries=>{entries.forEach(entry=>{if(entry.isIntersecting){entry.target.style.opacity='1';entry.target.style.transform='translateY(0)'}})},observerOptions); // Observe elements for animation document.querySelectorAll('.feature-card, .benefit-item, .testimonial-card, .pricing-card').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)}); // FAQ toggle functionality document.querySelectorAll('.faq-item').forEach(item=>{item.querySelector('.faq-question').addEventListener('click',()=>{item.classList.toggle('active')})}); // Infinite auto-carousel functionality const autoCarousels=document.querySelectorAll('.auto-carousel');autoCarousels.forEach(carousel=>{let scrollPos=0;let isAutoScrolling=true;const scrollSpeed=0.8;const autoScroll=()=>{if(!isAutoScrolling)return;scrollPos+=scrollSpeed;const maxScroll=carousel.scrollWidth-carousel.clientWidth;if(scrollPos>=maxScroll){scrollPos=0}carousel.scrollLeft=scrollPos};const autoScrollInterval=setInterval(autoScroll,30);carousel.addEventListener('mouseenter',()=>{isAutoScrolling=false});carousel.addEventListener('mouseleave',()=>{isAutoScrolling=true});carousel.addEventListener('wheel',()=>{isAutoScrolling=false;setTimeout(()=>{isAutoScrolling=true},3000)})});

Save