const buttons = document.querySelectorAll(".btn");
const formBG = document.querySelector(".S03");
const formOverlay = document.querySelector(".overlay__dark");
const serviceField = document.querySelector("#service");
const form = document.querySelector(".wpcf7-form");
const pageBody = document.querySelector("body");
gsap.set(formBG, {
  autoAlpha: 0
});
buttons.forEach(button => {
  button.addEventListener("click", e => {
    e.stopPropagation();
    pageBody.style.overflow = "hidden";
    gsap.to(formBG, {
      duration: 0.4,
      autoAlpha: 1,
      ease: "Expo.inOut"
    });
    serviceField.value = button.dataset.title;
  });
});
formOverlay.addEventListener("click", e => {
  pageBody.style.overflow = "initial";
  gsap.to(formBG, {
    duration: 0.4,
    autoAlpha: 0,
    ease: "Expo.inOut"
  });
  form.reset();
});