amazon.js

document.addEventListener('DOMContentLoaded', () => {
    const slides = document.querySelectorAll('.hero1, .hero2, .hero3');
    const leftArrow = document.querySelector('.arrow-left');
    const rightArrow = document.querySelector('.arrow-right');
    let currentIndex = 0;

    // Show the first slide 
    slides[currentIndex].style.opacity = '1';

    // Next slide
    rightArrow.addEventListener('click', () => {
        slides[currentIndex].style.opacity = '0';
        currentIndex = (currentIndex + 1) % slides.length; // Loop to first slide
        slides[currentIndex].style.opacity = '1';
    });

    // Previous slide
    leftArrow.addEventListener('click', () => {
        slides[currentIndex].style.opacity = '0';
        currentIndex = (currentIndex - 1 + slides.length) % slides.length; // Loop to last slide
        slides[currentIndex].style.opacity = '1';
    });
});