羽毛球预约网站

这是一个适配手机端的羽毛球预约网站，使用Next.js和Tailwind CSS构建。

功能特点

• 用户输入日期
• 显示多个体育馆在该日期的可用时间段
• 使用泳道图可视化预约情况
• 绿色表示可预约，灰色表示已满
• 清爽可爱的设计风格

技术栈

• Next.js
• Tailwind CSS
• React
• TypeScript

如何运行

1. 安装依赖：

   npm install
   

2. 运行开发服务器：

   npm run dev
   

3. 在浏览器中打开 http://localhost:3000

项目结构

• pages/: Next.js页面
• components/: React组件
• styles/: 全局样式
• types/: TypeScript类型定义
• utils/: 工具函数

数据结构

预约数据点的格式：