script.js

const header = document.querySelector('header');
function fixedNavbar(){
    header.classList.toggle('scroll', window.pageYOffset > 0)
}

fixedNavbar();
window.addEventListener('scroll', fixedNavbar);

let menu = document.querySelector('#menu-btn');
let userBtn = document.querySelector('#user-btn');

menu.addEventListener('click', function(){
    let nav = document.querySelector('.navbar');
    nav.classList.toggle('active');
})

userBtn.addEventListener('click',function(){
    let userBox = document.querySelector('.user-box');
    userBox.classList.toggle('active');
})


/* home page slider */
"use strict"
const leftArrow = document.querySelector('.left-arrow .bxs-left-arrow'),
      rightArrow = document.querySelector('.right-arrow .bxs-right-arrow'),
      slider = document.querySelector('.slider');


function scrollRight(){
    if (slider.scrollWidth - slider.clientWidth === slider.scrollLeft){
        slider.scrollBy({
            left:0,
            behavior: "smooth"
        })
    }else{
        slider.scrollBy({
            left: window.innerWidth,
            behavior: "smooth"
        })
    }
        
}

function scrollLeft(){
    slider.scrollBy({
        left:0- window.innerWidth,
        behavior: "smooth"
    })
}

let timerId = setInterval(scrollRight, 7000);

function resertTimer(){
    clearInterval(timerId);
    timerId = setInterval(scrollRight, 7000);
}

slider.addEventListener('click',function(ev){
    if(ev.target === rightArrow){
        scrollRight();
        resertTimer();
    }
});

slider.addEventListener('click',function(ev){
    if(ev.target === leftArrow){
        scrollLeft();
        resertTimer();
    }
});


/*---- testimonial ----*/

function nextSlide(){
    let slides = document.querySelectorAll('.testimonial-item');
    let index = Array.from(slides).indexOf(document.querySelector('.testimonial-item.active'));

    slides[index].classList.remove('active');
    index = (index + 1) % slides.length;
    slides[index].classList.add('active');
}

function prevSlide(){
    let slides = document.querySelectorAll('.testimonial-item');
    let index = Array.from(slides).indexOf(document.querySelector('.testimonial-item.active'));
    slides[index].classList.remove('active');
    index = (index - 1 + slides.length) % slides.length;
    slides[index].classList.add('active');
}