Service Catalog Component - Copy this Html, Tailwind Component to your project

Create a responsive web page that includes the following features: Top Banner: A full width banner image at the top of the page. Dark Mode Toggle: Add a button that toggles between the normal light version of the page and a dark mode version. Service Catalog with Pagination: Display a catalog of services with pagination. Each catalog item should have: An image. A service name. A short description. A "View More" button. Modal for Detailed Service Information: When the "View More" button is clicked, a modal should open containing: On the right side: A YouTube video related to the service. On the left side: Detailed service information including: Service name. Full description. Service duration. Price with sound equipment rental. Price without sound equipment rental. A "Request Quote" button, which opens a WhatsApp chat for inquiries. The modal should close if the user clicks outside of it. Make sure the design is mobile friendly and user friendly, and the pagination works seamlessly to navigate through the services.