Interactive Web Page - Copy this React, Tailwind Component to your project

How to auto detect fixed postion header height and banner height. Banner is on top of header it is closable. On close adjust the padding of below section. On below navbar there is a scroll centred animated scroll progress indicator. Below that a hero stack section with multiple elements and its has entry animation, and below heading has on scroll revel and translate animation, and other famous animation