Now I have a clear picture of the AetherWay app concept and the codebase. Let me build this as a fully interactive mobile app with multiple tabs, proper theming, and polished UI components.

Now let me update the layout and build the app components:

Now let me create all the app components:

Now let me create the main page that brings everything together:

Now let me update the @theme inline section in globals.css to use the Inter font:

I've built the AetherWay mobile app concept as a fully interactive Next.js application. The app is presented inside a realistic phone frame with a dynamic notch and status bar, featuring four navigable screens:

1. Map - Shows a campus SVG map with clean/fast route toggle, real-time AQI card (PM2.5 score of 12 = Excellent), route recommendation overlay, and quick stats for green zones, humidity, and indoor AQI.
2. Report - A pollution reporting interface with 6 report categories, automatic location detection, photo upload prompt, and a list of recent nearby reports with verification badges.
3. Rewards - Gamification system with user points, level progression, a 5-day streak tracker, achievement progress bars, and redeemable rewards like free coffee and canteen discounts.
4. Profile - User stats overview, a weekly activity bar chart, and settings menu items.

The design uses a teal/green primary palette with nature-inspired theming, glass-morphism card overlays, and all Thai language copy matching the original concept.