I can see there's already a UniBook project structure with some components. Let me examine the existing files to understand the current implementation and then create a mobile prototype screen.

I can see the existing project has a desktop-focused layout with a sidebar. Now I'll create a mobile prototype version with a proper mobile-first design. Let me create a new mobile app component that simulates a mobile device interface.

Now let me update the main page to show the mobile prototype:

I've created a complete mobile prototype for the UniBook library management system. The prototype features:

Home Screen:

• Personalized greeting with user avatar and notifications
• Search bar with QR code scanner button
• Gamification points card showing current level (Gold) and progress to Platinum
• Active loans with progress tracking and due dates
• Book recommendations carousel

Catalog Screen:

• Search functionality
• Category grid (Engineering, Computing, Mathematics, etc.)
• New arrivals section

Loans Screen:

• Stats overview (active, total, overdue)
• Active loans with renew/return buttons
• Recent history

Rewards Screen:

• Points summary with achievements count
• Level progression (Gold to Platinum)
• Achievement badges
• Redeemable rewards (extra days, priority reservations)

Profile Screen:

• User info and stats
• Settings menu items
• Logout button

The design uses a dark theme with green primary accent and gold for gamification elements, enclosed in a realistic phone frame with notch and status bar.