Stand up Comedian Library - Copy this React, Tailwind Component to your project

App: Stand up Comedian Library Objective: Design two pages for an app that showcases a library of stand up comedians. Comedian List Page: At the top of the page, place a header titled "Stand up Comedians" in a bold, easy to read font. Below the header, include a search bar with a placeholder that says "Search by name or genre." Main content should display a grid or list of comedians: Each item should include a comedian's photo, their name, and a short description (such as genre, country, or a notable show). Add filtering options for genre, country, or popularity (via dropdowns or filter buttons). Hover or tap animations for each comedian's card: the image slightly enlarges or lifts. At the bottom of the list, include a "Load More" button to dynamically add more comedians to the page. Fresh Shows Page: At the top, a bold header that says "Latest Stand up Shows" or "Fresh Stand up Specials." Below, showcase a featured comedian or show in a large banner with a play button overlay for quick access. The main section should display a list or grid of the latest stand up specials: Each entry should include a show poster, the comedian’s name, show title, and release date. Option to filter or sort by release date, popularity, or genre. Include a call to action button to “Watch Now” or “Add to Favorites” for each show.