App Container - Copy this React, Tailwind Component to your project
I would like you to generate a fully functional React app that mimics the mobile view of a streaming platform similar to Netflix. The app should have the following features and components: Features: 1. Bottom Navigation Bar: Contains five tabs: Home, Discover, Library, Live, and More. Each tab should be represented by an icon and text, similar to the mobile navigation in modern streaming apps. 2. Banner Section: A large image banner at the top of the app (like a featured movie). The banner should display a movie image, title (e.g., "Adbhut"), and description underneath the image. The image can be a placeholder but should be styled to fit the mobile screen width. 3. Continue Watching Section: A horizontal scrollable section that displays a thumbnail of the movie currently being watched (e.g., "Avengers: Endgame"). It should include an image of the movie, title, and a play button. 4. Latest Movies Section: A grid of movie posters below the “Continue Watching” section, similar to what Netflix shows on the homepage. Each poster should include a placeholder image and a movie title. 5. Footer Text: At the bottom, display a small footer that shows a message (in Hindi or English) about adult content (you can use placeholder text here). Requirements: Use React for the project structure. Use Material UI (MUI) for styling the bottom navigation and layout components. Ensure that the app is responsive for mobile view. Include basic routing (e.g., React Router) to allow navigation between tabs, though you don’t need to build out all the pages—focus on the Home page. Add a simple hover or click interaction for the movie thumbnails. Ensure that the app looks visually close to the provided screenshot (you can use placeholder images and data). Output: The final app should have the following components: Navbar: A bottom navigation bar. Banner: A top section with a movie banner. ContinueWatching: A scrollable list of currently watched movies. LatestMovies: A grid of movie thumbnails. Footer: A small footer with a message. Your task: Provide the full source code for this app. Ensure the app works in a mobile browser view. Provide a README file with instructions on how to run the app.
