Netflix Like Component - Copy this React, Tailwind Component to your project
Prompt for Netflix Like Movie and Series Section: Design Overview: Create a visually engaging web page layout that features two main sections: "Movies" and "Series." Each section should utilize a carousel design to allow users to scroll through various titles seamlessly. The layout should be responsive and optimized for both desktop and mobile devices. Movies Section: Header: Title: "Featured Movies" Subtitle: "Discover the latest blockbusters and hidden gems." Carousel Design: Each carousel page should display a horizontal row of movie posters. Each poster should include: Movie title (text overlay) Rating (e.g., star rating or percentage) Short description (hover effect to reveal more details) Navigation buttons for left and right scrolling. An auto scroll feature that cycles through the movie posters every few seconds. Interactive Elements: Hover effects to enlarge the poster and display additional information, such as genre and release year. Option to click on a poster to access a detailed movie page with a trailer, full synopsis, cast information, and viewer reviews. Series Section: Header: Title: "Trending Series" Subtitle: "Binge worthy shows to keep you entertained." Carousel Design: Similar to the Movies section, featuring horizontal rows of series posters. Each poster should include: Series title (text overlay) Season and episode count Short description (hover effect to reveal more details) Navigation buttons for left and right scrolling. An auto scroll feature to enhance user experience. Interactive Elements: Hover effects to display additional information, such as the genre and release date. Option to click on a poster to view a detailed series page that includes episode listings, trailers, and character bios. Styling and Aesthetics: Use a dark themed background to create a cinematic feel. Ensure smooth transitions and animations when navigating between carousels. Utilize high quality images for movie and series posters to attract viewers. Functionality: Implement user ratings and reviews for both movies and series to engage the community. Provide filtering options for users to sort by genre, release date, and popularity.
