Fitness
Fitness — Class Booking Page
Copy-paste layout brief covering Header/Filters, Schedule View Options, Calendar Grid View and Class Card Details — hand it to ChatGPT, Claude, or v0 as-is.
Fitness — Class Booking Page is a copy-ready build prompt for fitness pages. Paste it into ChatGPT, Claude, v0 and iterate from the first draft it returns.
If something here is out of date, the source link below is always the canonical reference.
| Use case | Fitness |
|---|---|
| Works with | ChatGPT, Claude, v0, Cursor |
| Source | websiteprompts.com |
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.How to use it
- Copy the full prompt with the button above.
- Paste it into your model and add your brand, copy and colours.
- Ask for one section at a time if the first pass is too broad.
Compiled and written by HowToPrompts from public sources. View original source ↗
← Back to Website Prompts