landing.js

const prefersReducedMotion = window.matchMedia("(prefers-reduced-motion: reduce)");

function revealOnScroll() {
  const revealables = document.querySelectorAll("[data-reveal]");

  if (!revealables.length) return;

  if (prefersReducedMotion.matches || !("IntersectionObserver" in window)) {
    revealables.forEach((element) => element.classList.add("is-visible"));
    return;
  }

  const observer = new IntersectionObserver(
    (entries, activeObserver) => {
      entries.forEach((entry) => {
        if (!entry.isIntersecting) return;

        entry.target.classList.add("is-visible");
        activeObserver.unobserve(entry.target);
      });
    },
    {
      threshold: 0.2,
      rootMargin: "0px 0px -10% 0px"
    }
  );

  revealables.forEach((element) => observer.observe(element));
}

function bindReducedMotionListener() {
  const handler = () => {
    if (!prefersReducedMotion.matches) return;

    document
      .querySelectorAll("[data-reveal]")
      .forEach((element) => element.classList.add("is-visible"));
  };

  if ("addEventListener" in prefersReducedMotion) {
    prefersReducedMotion.addEventListener("change", handler);
  } else if ("addListener" in prefersReducedMotion) {
    prefersReducedMotion.addListener(handler);
  }
}

document.addEventListener("DOMContentLoaded", () => {
  revealOnScroll();
  bindReducedMotionListener();
});