Jak podświeltić napis w menu glownym gdy scrolluje po jego zawartosci

Tworze aplikacje w NEXT.JS i chcialbym zeby w moim landing page przyciski w menu glownym byly podswietlane gdy scrolluje przez zawartosc do ktorej sa one podlinkowane. Cos jak tutaj (https://nextjs.org/docs/app/api-reference/functions/next-request) po prawej stronie. Jak taki efekt uzyskac w najbardziej elegancki sposob?

Możesz wykorzystać Intersection Observer (https://developer.mozilla.org/en-US/docs/Web/API/Intersection_Observer_API).

Tutaj przykład jak wykorzystać go do zrobienia podobnej animacji (https://css-tricks.com/table-of-contents-with-intersectionobserver/).