Video Card - Copy this React, Tailwind Component to your project
Website Development Request Prompt: I would like to create a website similar to Promolta’s "All Videos" page with the following features and functionalities: General Design: Clean and simple layout: A minimalist, user friendly design with a modern look. Header and Navigation: Sticky header with logo on the left. Navigation links such as "Home," "Services," "Videos," "Contact," etc. Option for users to sign up or log in. Responsive design: Ensure the site is fully responsive and mobile friendly for optimal viewing on desktops, tablets, and smartphones. Main Page Features: Video Grid Section: A grid or masonry layout to display multiple video thumbnails (similar to YouTube) with titles below. Each video thumbnail should have a hover effect to play a preview or highlight. A "Load More" button to dynamically load more videos without reloading the page. Ensure the grid automatically adjusts the number of videos displayed based on screen size (e.g., 3 columns on desktop, 2 on tablet, and 1 on mobile). Each video should have a brief description and an external link to YouTube or another platform. Filtering and Search Functionality: Allow users to filter videos by category (e.g., music, gaming, vlogs, tutorials, etc.). A search bar to allow users to search for specific videos by keyword. Filters to sort by "Most Popular," "Newest," or "Most Viewed." Call to Action Banner: A section at the top of the page with a call to action (CTA) for video promotion services. Include a prominent CTA button ("Promote Your Video") that leads to a dedicated service page or signup form. Footer Section: Contact Information: Company address, email, and phone number. Social Media Links: Icons linking to social media profiles. Legal Links: Privacy policy, terms of service, and other relevant legal documentation. Other Functionalities: SEO Optimized: Ensure the website is optimized for search engines (SEO) with meta tags, structured data, etc. Analytics Integration: Set up Google Analytics or another tracking tool to monitor user behavior and video performance. Fast Loading: Prioritize page speed and performance optimization to ensure quick loading times for all media, especially video thumbnails. Optional User Sign Up: Option for users to create accounts to save favorite videos or receive promotions. Technical Specifications: CMS Integration: Preferably use a CMS like WordPress or a drag and drop builder like Webflow for ease of future updates. Secure Hosting and SSL: Ensure the site is hosted securely with an SSL certificate. Please provide an estimate of the time and cost involved in developing this website, along with any recommendations for improvement or additional features.
