Now let me build the complete reservation app. I'll update the layout metadata and create the app components.
All the UI components are already available. Let me mark the tasks as complete:
我已成功將您的 Python 洗衣機預約系統轉換為完整的 Next.js 網頁應用程式。主要功能包括:
- 房號選擇 - 支援 G1-G8 八個房間
- 日期選擇 - 可以前後切換日期,不能選擇過去的日期
- 時段預約 - 09:00 到 20:00,每 30 分鐘一個時段,並以不同顏色顯示可預約、我的預約、已被預約和已過期時段
- 管理員模式 - 點擊右上角齒輪圖示可查看所有預約並刪除
- 自動清理 - 系統會自動清理過期的預約記錄
所有資料儲存在 Supabase 資料庫中,支援多人同時使用。