## Three-page appointment-booking website

**Design direction:** Clean, calm, and mobile-first, with clear service durations, visible availability, and a simple step-by-step progress indicator.

### Pages
1. **Services** — Browse appointment types, durations, and prices. Select a service to continue.
2. **Choose a time** — Pick a date and available slot; enter contact details and any optional notes. Review the selection before submitting.
3. **Confirmation** — Show the appointment summary and next steps. For a demo, clearly label the booking as **not actually reserved**.

### Main user flow
Choose a service → select a date and time → enter details → review and submit → see confirmation.

### Clearly labeled demo data
Use sample services, prices, and time slots marked **“Demo availability”**. Do not imply that sample slots are live or that a booking has been made.

### Backend requirements
- **Live availability:** Store appointment schedules and prevent double-booking.
- **Booking submission:** Validate and save appointment details; return a real confirmation.
- **Notifications:** Send confirmation or reminder emails/texts, if needed.
- **Staff management:** Manage services, working hours, cancellations, and rescheduling.

Without a backend, the site can demonstrate the flow with sample data, but cannot reserve real appointments or send notifications.

### Milestones
1. Define services, appointment rules, and the demo-versus-live boundary.
2. Build the three linked pages and responsive booking flow.
3. Connect availability and booking submission to a backend before accepting real appointments.