Classroom Chat Interface - Copy this Html, Tailwind Component to your project

Design a UI layout with three main sections: Left Column (top half): At the top, display the classroom name and details (class code, instructor, etc.). Below that, include a section for 'Upcoming Meetings' with scheduled times and links. Middle Section: Center this section for a live messaging area where chat messages will be visible in real time. Right Column: At the top right, place a 'Create Meeting' button for scheduling new meetings. Below it, add a narrow section for 'Notes and Alerts' where reminders, alerts, or important announcements can be posted. Make the design clean and functional with easily accessible features for both learners and educators