I'll build a modern Smart Café Priority System for you! Let me start by generating design inspiration and then exploring the codebase to understand the structure.
Now I'll install the animation library for smooth transitions, then build the complete café queue system with a dark theme featuring purple/blue neon accents and glassmorphism.
Now let me update the globals.css with the dark neon theme and build all the components:
I've built a complete Smart Café Priority System with a modern, startup-quality UI. Here's what's included:
Features:
- Max Heap Priority Queue - Higher café points = higher priority, with VIP tiebreaker
- Animated Queue - Smooth Framer Motion transitions when students are added/served
- Glassmorphism Design - Dark theme with soft purple/blue neon accents and blur effects
- Real-time Stats - Track queue size, served count, estimated wait time
- "Now Serving" Highlight - Top priority student is visually emphasized with a glowing border
- Add Student Form - Input name, ID, role (VIP/Regular), and café points
- Serve Next Button - Removes the highest priority student with a celebration notification
Design Highlights:
- Dark background with subtle purple/blue gradient blobs
- Glass-effect cards with backdrop blur
- Neon glow animations on the "Now Serving" card
- Crown icon for VIP students, user icon for Regular
- Priority progress bars showing relative café points
- Responsive layout that works on mobile and desktop