Scroll Aware Animated Header - Copy this React, Tailwind Component to your project

i need a react component that is a header with cool switching animations while also tracking my scroll direction in the viewport and setting the state of the current section in the header