const menuBtn = document.getElementById("menu-btn")
const navLinks = document.getElementById("nav-links")
const menuBtnIcon = menuBtn.querySelector("i")

menuBtn.addEventListener("click", () => {
    navLinks.classList.toggle("open")
    
    const isOpen = navLinks.classList.contains("open");
    menuBtnIcon.setAttribute(
       "class",
       isOpen ? "ri-close-line" : "ri-menu-4-line"         
    );
});


navLinks.addEventListener("click", () => {
    navLinks.classList.remove("open");
    menuBtnIcon.settAttribute("class", "ri-menu-4-line");
})


const scrollRevealOption = {
    distance:"50px",
    origin:"bottom",
    duration: 1000,
};

ScrollReveal().reveal(".header__image img"),{
    ...scrollRevealOption,
    origin:"right",

}

ScrollReveal().reveal(".header__image img"),{
    ...scrollRevealOption,
    delay: 500,

}



ScrollReveal().reveal(".header__image img"),{
    ...scrollRevealOption,
    delay: 500,

} 

ScrollReveal().reveal(".header__image h2"),{
    ...scrollRevealOption,
    delay: 500,

}
ScrollReveal().reveal(".header__image h1"),{
    ...scrollRevealOption,
    delay: 500,

}
ScrollReveal().reveal(".header__image p"),{
    ...scrollRevealOption,
    delay: 500,

}