Class Booking Page

Create a class booking page for a yoga and fitness studio called "ZenFlow Studio". Include these features:

1. HEADER/FILTERS
- Studio location selector (if multiple locations)
- Week navigation (Previous Week | Current Week | Next Week)
- Date picker for jumping to specific dates
- Class type filter: All, Yoga, Pilates, HIIT, Barre, Meditation
- Instructor filter dropdown
- Time of day filter: Morning, Afternoon, Evening

2. SCHEDULE VIEW OPTIONS
- Toggle between: Calendar Grid / List View / Day View
- Mobile: Default to day view with swipe navigation

3. CALENDAR GRID VIEW
- Days of week as columns (Mon-Sun)
- Time slots as rows (6am-9pm)
- Class blocks showing:
  - Class name
  - Time and duration
  - Instructor name
  - Spots remaining (color coded: green > 5, yellow 1-5, red = full)
- Hover: Quick preview with description

4. CLASS CARD DETAILS (On Click/Tap)
- Class name and type icon
- Date, time, duration
- Instructor photo and name
- Room/studio location
- Class description
- Difficulty level indicator
- What to bring
- Spots remaining: "6 spots left"
- Price (if not included in membership)
- "Book Now" button (changes to "Join Waitlist" if full)
- "Add to Calendar" option

5. BOOKING FLOW
- Quick book for members (one click)
- Guest booking requires:
  - Name, email, phone
  - Payment for drop-in ($25)
  - Waiver acknowledgment
- Confirmation modal with details
- Email confirmation sent

6. WAITLIST FUNCTIONALITY
- Join waitlist button for full classes
- Show position on waitlist
- Automatic notification when spot opens
- 15-minute window to confirm

7. MY BOOKINGS SECTION (Sidebar or Tab)
- Upcoming classes list
- Modify/Cancel options
- Cancellation policy reminder (24hr notice)
- Past classes history

8. INSTRUCTOR PROFILES (Quick Access)
- Photo, name, specialties
- Teaching schedule link
- Brief bio
- "View Full Profile" for more

9. MOBILE OPTIMIZATIONS
- Swipeable day navigation
- Sticky filter bar
- Large touch targets for booking
- Bottom sheet for class details

Design: Calm, zen-inspired with soft colors. Primary: Sage green (#8B9A7B). Clean grid layout. Clear visual hierarchy. Accessible contrast ratios. Print-friendly schedule option.