Mobile Intro Overlay Test Page
This page provides test controls for the mobile intro overlay experience. Use the buttons below to test the overlay without having to clear your browser's local storage.
Mobile Intro Overlay Test Controls
Status: Overlay hidden
First message shows immediately on overlay display
Second message shows when data is loaded: False
Third message shows when chart is loaded: False
Implementation Notes
- The overlay is designed to appear only on the first visit to the site.
- It presents an emotional text message sequence that appears with natural typing animations.
- The overlay status is stored in localStorage using the key
hasSeenIntroOverlay. - The implementation is optimized for mobile devices and creates an impactful first impression.
- The component is conditionally rendered in the mobile layout and only loads when needed.