Now I'll install the lucide-react icons package and create the complete mobile app prototype with all 6 screens. Let me build this investor-pitch ready UI.
Now let me create the components for the mobile app prototype:
I've built a complete mobile app UI/UX prototype for QueueLess Campus with all 6 screens you requested:
- Home Screen - Greeting with "Hey Meet 👋", app title, three service cards (Administration, Library, Cafeteria), live queue status, and average waiting time display
- Administration Queue Screen - Digital token display (A-102), animated circular progress bar showing queue position, current serving number (A-95), estimated wait time, "Cancel Token" and "Notify Me" buttons with real-time tracking indicator
- Library Slot Booking Screen - Time slot selection (10:00-11:00, etc.), interactive seat grid showing available/occupied/selected seats with color coding, and "Book Seat" button
- Cafeteria Table Booking Screen - Table size selection (2/4/6 people) with visual cards, time slot picker, floor layout preview showing table availability, and "Reserve Table" button
- Notifications Screen - Smart notification cards for queue alerts, booking confirmations, and reminders with timestamps and unread indicators
- Admin Dashboard Screen - Analytics overview with stats cards, peak hour bar chart visualization, facility management panel, and quick action buttons
The design features a modern purple-blue gradient color scheme, glassmorphism effects, smooth Framer Motion animations, rounded cards with soft shadows, and a premium startup aesthetic that's investor-pitch ready.