Chat App - Copy this React, Tailwind Component to your project

"Create a visually stunning real-time chat application UI similar to WhatsApp using Tailwind CSS. The design should feature a sidebar for user and group chats, a main chat section, and an input area. Use a vibrant color scheme based on red (bg-red-500), yellow (bg-yellow-500), blue (bg-blue-500), and green (bg-green-500) to make it highly attractive. Ensure a clean, modern, and responsive layout with smooth hover and transition effects. The UI should be aesthetically appealing, functional, and optimized for both mobile and desktop views."