lms
Design a modern, AI-powered Learning Management System (LMS) website with a clean, minimal, and professional user interface focused on easy learning. The platform should include both an admin dashboard and a student-facing learning experience. The overall design must feel calm, intelligent, and student-friendly, using soft blue and teal gradients, white backgrounds, rounded cards, subtle shadows, and modern typography. Apply glassmorphism and smooth micro-interactions where appropriate. The homepage should feature a hero section with a bold headline, short supporting text, and a clear call-to-action. Include subtle AI-inspired abstract visuals and flowing wave elements. As the user scrolls down, display a gentle wave transition between sections; with deeper scrolling, transform the wave into a dynamic splash effect that feels fluid, organic, and elegant without being distracting. Design an admin dashboard with a left sidebar navigation including Dashboard, Courses, Content, Students, Queries, Assessments, Reports, and Settings. Add a top navigation bar with a notification bell and user profile menu. The main dashboard area should display KPI cards, quick action buttons, and a recent activity table in a clean, institutional layout. Design a student dashboard that emphasizes focus and simplicity. Show enrolled courses as cards with progress indicators, easy access to video lessons and reading materials, upcoming quizzes, and recent results. The learning pages should support watching videos, reading content comfortably, and attending quizzes with a clean, stress-free interface. Ensure the entire design is responsive, accessible, and optimized for both desktop and mobile. The final UI should communicate trust, clarity, innovation, and ease of learning, making the experience feel smooth, modern, and engaging.