kazimorwan498/Olay ? reverse-engineered prompt

Build me a clean React app that shows how to set up and use Tailwind CSS and HeroUI together.

I want a simple modern page that feels like a polished demo site, with a nice hero section, a few content sections, and some visible scroll animations like fade up reveals as you move down the page. Use reusable React components, keep the styling responsive and attractive, and make sure the UI looks good in both light and dark mode if possible.

Please wire up the app so HeroUI components work properly, include a couple of buttons and other basic interactive pieces, and keep the code organized and easy to understand. If you need to check current docs online for the best setup, go ahead. Make it something I can run right away with a dev server and use as a starter project for future React practice.