What are You Looking For?

Our Blog

Subscribe to our Newsletter

Subscribe to our email newsletter to get the latest posts delivered right to your email.
Pure inspiration, zero spam ✨
document.addEventListener("DOMContentLoaded", function () { const emblaNode = document.querySelector(".testimonial-embla"); if (!emblaNode) return; const prevButton = document.querySelector(".testimonial-prev"); const nextButton = document.querySelector(".testimonial-next"); const progressBar = document.querySelector(".progress-line"); const embla = EmblaCarousel( emblaNode, { loop: true, align: "start", skipSnaps: false, dragFree: false } ); nextButton.addEventListener("click", function(){ embla.scrollNext(); }); prevButton.addEventListener("click", function(){ embla.scrollPrev(); }); function updateProgress(){ const totalSlides = embla.scrollSnapList().length; const currentIndex = embla.selectedScrollSnap(); const progress = ((currentIndex + 1) / totalSlides) * 100; progressBar.style.width = progress + "%"; } embla.on("select", updateProgress); embla.on("init", updateProgress); updateProgress(); document.addEventListener( "keydown", function(e){ if(e.key === "ArrowLeft"){ embla.scrollPrev(); } if(e.key === "ArrowRight"){ embla.scrollNext(); } } ); let autoplay; function startAutoplay(){ autoplay = setInterval(()=>{ embla.scrollNext(); },5000); } function stopAutoplay(){ clearInterval(autoplay); } startAutoplay(); emblaNode.addEventListener( "mouseenter", stopAutoplay ); emblaNode.addEventListener( "mouseleave", startAutoplay ); });