A I Chat Interface - Copy this Html, Bootstrap Component to your project

Design a responsive AI chatbot UI using HTML and Bootstrap that mimics the appearance of WhatsApp chat. Include the following elements: Chat bubbles with alternating colors for user and bot responses, similar to WhatsApp's style. Input field at the bottom, with an 'emoji' button on the left and a 'send' button on the right. Scrollable chat area with smooth scroll behavior. Use Bootstrap icons for buttons and Bootstrap’s grid system for responsiveness. Optimize for a mobile layout, keeping the design compact and user friendly. Apply subtle animations for message appearance and interactions. Ensure the chatbot is accessible, with readable fonts, contrasting colors, and clear buttons."