Scroll View Timeline - Copy this React, Tailwind Component to your project

I want scroll view timeline sequence animations from top sections to bottom sections css keyframe animation, create, header, hero, about us, what we do, features, careers, events, footers section. How to respect user motion reducion and other options in tailwind css and no hover etc and no other framer motion animation on mobile also