Video Library Landing - Copy this Html, Tailwind Component to your project

Video Library Website Design a modern, attractive, and unique user interface (UI) for a video library website that allows access to the stored audiovisual materials database. The design should be fluid, with an elegant and visually balanced color palette. It should feature intuitive visual elements that facilitate navigation and present content prominently. 1. **Landing Page**: A simple and minimalist header with the site logo and name. An interactive slideshow displaying the last 5 uploaded images, with smooth and modern transition effects. A centered login form with inputs for username, password, and a stylized "Login" button, with a clean design that encourages user interaction. A dynamic or subtly gradient background, maintaining an elegant and professional atmosphere. 2. **Home Page**: Displays the last 10 video library entries, each with a main image (video frame), a two line title, and metadata below the image (recording location, capture date, and the main character’s name). A main navigation menu at the top or side, allowing access to categories, advanced search, and additional sections. A visible and accessible search bar to help users easily find materials. Design the entries to be displayed in cards or content blocks, with soft edges and space between them to make each one stand out without overwhelming the view. The metadata design should be clear and not overshadow the image and title. 3. **Category Results Page**: Displays a grid of videos representing each category (drama, comedy, documentary, etc.), with a featured image for each entry, the title, and filters to refine the search. Include a distinctive visual design that highlights categories (icons or color coded labels for each type of material can be used). 4. **Search Results Page**: The search results should be displayed in a format similar to the "Home" page but with the option to sort or filter the results by date, popularity, or relevance. Results should be displayed in a list or grid format, maintaining consistency with the design of the previous entries (images, title, and metadata). The design must be unique and highly visual, featuring modern UI elements like hover effects, smooth transitions, attractive typography, and well defined spaces. The site must adapt perfectly to both mobile and desktop devices, maintaining aesthetics and functionality across formats.