Η ιδέα σας,στην πράξη.

32export function Reveal() {
33  const pathname = usePathname();
34
35  useEffect(() => {
36    const hasIO = typeof IntersectionObserver !== "undefined";
37    let targets: HTMLElement[] = [];
38    let frame = 0;
39    let listening = false;
40    let io: IntersectionObserver | null = null;
41    let lastWidth = window.innerWidth;
42
43    const mark = (el: HTMLElement) => {
44      el.classList.add("is-in");
45      io?.unobserve(el);
46    };
47
48    const sweep = () => {
49      frame = 0;
50      const line = window.innerHeight * 0.88;
51      const remaining: HTMLElement[] = [];
52      for (const el of targets) {
53        const r = el.getBoundingClientRect();
54        if (!hasIO || r.top < line) mark(el);
55        else remaining.push(el);
56      }
57      targets = remaining;
58      if (targets.length === 0) unlisten();
59    };
60
61    const schedule = () => {
62      if (!frame) frame = requestAnimationFrame(sweep);
63    };
64
65    const resize = () => {