Description
Yoga and wellness studio with grayscale editorial design, 7-day class schedule with real-time spot counts via WebSocket, auth-gated booking with waitlist, and push reminder notifications.
Prompt
Build a yoga and wellness studio website for a community studio in a city neighborhood. The design should feel elegant and minimal - an italic serif heading font paired with a serif body font, a dark teal and cream color palette with gold highlights, grayscale photography throughout, and generous whitespace.... Include a full-viewport hero with two stacked grayscale images separated by a dark banner reading "A WELLNESS COMMUNITY" with the studio's neighborhood in tiny teal uppercase below, and a bouncing scroll chevron indicator. Follow with sections for an intro offer (e.g., $25 for 1 week unlimited), an 8-tile services gallery (yoga, pilates, bodywork, workshops, chiropractic, facials, therapeutic yoga, and a "meet our teachers" tile) with grayscale images and hover zoom effects, 6 teacher profiles in a 3-column grid with circular grayscale portraits and teal specialty labels, and a newsletter signup. Create fully navigable pages for: a class schedule with a 7-column weekly grid showing class cards with time, name, teacher, live spot counts updated via WebSocket in real time, teal "Book" buttons for available classes and gold "Join Waitlist" buttons for full classes - clicking Book triggers auth sign-in if needed, then confirms with a green toast notification and optimistic spot count update; class descriptions; pricing tiers with drop-in, class packs, and monthly memberships; wellness services detail page; a teacher training program page; upcoming events and workshops; an about page with studio story and hours; and a "My Bookings" account page showing confirmed bookings and waitlist entries. Include push notification opt-in for class reminders and a dark footer with contact info.