document.addEventListener("DOMContentLoaded", function () { const slider = document.querySelector(".jcb-testimonial"); const data = [ { text: "JCB Financial Services has been instrumental in helping our startup navigate complex tax regulations. Their expertise saved us thousands in the first year alone!", name: "Sarah Mitchell", company: "Tech Innovations Inc." }, { text: "The team at JCB is professional, responsive, and incredibly knowledgeable. They handle our payroll and bookkeeping with precision and care.", name: "Michael Chen", company: "Chen & Associates" }, { text: "Working with JCB has transformed how we manage our finances. Their QuickBooks training was comprehensive and their ongoing support is exceptional.", name: "Jennifer Rodriguez", company: "Rodriguez Retail Group" } ]; let index = 0; const quote = slider.querySelector(".quote"); const name = slider.querySelector(".author strong"); const company = slider.querySelector(".author span"); const dots = slider.querySelectorAll(".dots span"); const next = slider.querySelector(".next"); const prev = slider.querySelector(".prev"); function show(i){ quote.textContent = "“" + data[i].text + "”"; name.textContent = data[i].name; company.textContent = data[i].company; dots.forEach(d => d.classList.remove("active")); dots[i].classList.add("active"); } next.addEventListener("click", () => { index = (index + 1) % data.length; show(index); }); prev.addEventListener("click", () => { index = (index - 1 + data.length) % data.length; show(index); }); dots.forEach((dot,i)=>{ dot.addEventListener("click",()=>{ index = i; show(index); }); }); setInterval(()=>{ index = (index + 1) % data.length; show(index); },5000); });