Customer Support Dashboard - Copy this React, Tailwind Component to your project

1. Home Screen Central Welcome Message: A warm and inviting message like "Welcome to MEBOT! Your Intelligent Learning Companion." Subject Selection: Clear, visually appealing icons or buttons for each subject (e.g., Math, Science, English, History). Learning Modes: Buttons for different learning modes:"Learn": Access lessons, explanations, and interactive exercises. "Revise": Focus on areas of weakness identified through past interactions. "Quizzes": Take practice quizzes and get instant feedback. "Question Paper Generator": Create custom question papers for practice or assessments. User Profile: A small icon to access the user profile (optional, for personalized settings). Audio/Text Toggle: A button to switch between audio and text output. Avatar Toggle: A button to enable/disable the video avatar. 2. Learn Screen Subject-Specific Content: Display lessons, explanations, and examples related to the selected subject. Interactive Elements: Incorporate interactive elements like quizzes, flashcards, and drag-and-drop exercises. Progress Tracker: Visually track the student's progress through the learning materials. Search Bar: Allow students to search for specific topics or keywords. 3. Revise Screen Personalized Recommendations: Display topics or concepts that the system has identified as areas for improvement based on the student's past interactions. Customized Exercises: Provide targeted exercises to address the student's weaknesses. Performance Feedback: Show the student's performance on previous revisions. 4. Quizzes Screen Quiz Selection: Allow students to choose from a variety of quizzes based on subject and difficulty level. Quiz Interface: Present questions clearly with multiple-choice, fill-in-the-blank, or other appropriate formats. Instant Feedback: Provide immediate feedback on each answer, including correct/incorrect status and explanations. Overall Results: Display the student's overall quiz score and identify areas for improvement. 5. Question Paper Generator Screen Subject Selection: Choose the subject for the question paper. Topic Selection: Select specific topics to be covered in the question paper. Difficulty Level: Choose the desired difficulty level (e.g., easy, medium, hard). Number of Questions: Specify the desired number of questions. Question Paper Preview: Display a preview of the generated question paper before printing or downloading. 6. User Profile Screen (Optional) Personalization Settings: Allow students to adjust settings like font size, audio volume, and avatar preferences. Learning History: Display the student's learning history, including completed lessons, quiz scores, and areas of improvement. Visual Considerations Clean and Intuitive Interface: Use a clean and uncluttered design with clear and concise labels. Visually Appealing Graphics: Incorporate high-quality images, illustrations, and animations to make the learning experience more engaging. Color Scheme: Choose a color scheme that is both visually appealing and easy on the eyes. Accessibility: Ensure the UI is accessible to all users, including those with visual or auditory impairments. using this content share me the dashboard ui design in image