Hostel Booking Section - Copy this React, Tailwind Component to your project

"Design a modern, clean website section for a hostel booking platform, with three main areas: Special Offers Section: This section has a bold heading, 'Special Offers,' centered at the top. Below the heading is a large banner style component, featuring a high quality background image of a scenic hostel, with an overlay text. The text includes an attention grabbing title like 'Limited Time Discount on Premium Hostels' and a brief description of the offer, such as 'Save 20% on select hostels in Islamabad.' At the bottom of the overlay is a 'Book Now' button with bold colors, inviting users to take action. The section height is around 250px, and the button is prominent and interactive. City Listings Section: Display three city cards side by side. Each card represents a city (Lahore, Islamabad, Karachi) and includes a city name at the top, with a slider of hostel images beneath it. The images show different views of hostels, including rooms and amenities. Below the slider, each card has a brief description of the hostels available in the city, like 'Explore affordable hostels in Lahore with premium amenities.' The design is modern, and the cards have consistent spacing and size. Testimonials Section: Below the city cards, a testimonial section features a heading like 'What Our Customers Say.' Display three testimonial cards in a row, each with a small profile image or avatar of the customer, followed by their name and a brief review of their hostel experience. Include a star rating at the bottom of each card, visually indicating customer satisfaction. The overall style is clean, user friendly, and visually engaging."