erySelectorAll(
        ".fade-in, .slide-left, .slide-right"
      );

      const observer = new IntersectionObserver(
        (entries) => {
          entries.forEach((entry) => {
            if (entry.isIntersecting) {
              entry.target.classList.add("show");
            }
          });
        },
        { threshold: 0.2 }
      );

      elements.forEach((el) => observer.observe(el));
    });
  </script>

  <script src="landing.js"></script>
  <script>
    const toggle = document.querySelecto