let currentSlide = 0;
const slides = document.querySelectorAll('.slide');
function showSlide(index) {
// Hide all slides
slides.forEach((slide, i) => {
slide.style.display = 'none';
});
// Show the current slide
slides[index].style.display = 'block';
}
function nextSlide() {
currentSlide = (currentSlide + 1) % slides.length;
showSlide(currentSlide);
}
function prevSlide() {
currentSlide = (currentSlide - 1 + slides.length) % slides.length;
showSlide(currentSlide);
}
// Show the first slide initially
showSlide(currentSlide);
// Auto slide (optional)
setInterval(nextSlide, 5000); // Change every 2 seconds