Chatbot U I - Copy this React, Tailwind Component to your project

Create a chatbot UI that integrates with a generative AI model. The chatbot should ask employees if they are offering or looking for a ride, gather route details, travel preferences, and gender, and then automatically match them with employees of the same gender traveling in the same direction. The UI should be conversational, with smooth animations, and display messages in speech bubbles.