App - Copy this React, Tailwind Component to your project

Find Your Hostels Section: Create a responsive section with a heading titled "Find Your Hostels," accompanied by a subheading or detail text that reads, "Explore a wide range of hostels tailored to your preferences and budget. Find the perfect place to stay with ease and comfort." Include a button with the text "Search Hostels Now." The layout should use flexbox to position the text on the left side and an image on the right side, with each taking up 50% of the container’s width. Ensure the section is visually appealing with appropriate padding and spacing. Chats Section: Design a section with the heading "Chats," featuring two rounded buttons labeled "Hostel Chat" and "Direct Messages" with hover animations. Include an image related to chat functionality that changes based on the selected button, and display some explanatory text below the image. Center the buttons horizontally and ensure the image and text are centrally aligned. Footer: Develop a footer with a first row that contains a logo on the left, text next to the logo, and social icons on the right side, with animations on hover. In the second row, create sections for "Accommodation," "Customer Support," "Company," and "Contact Us," with corresponding links listed under each section. Ensure the copyright notice is centered at the bottom of the footer.