What is Yogia?
Yogia is a yoga and wellness studio website demo with an editorial look and a working class booking system. It shows how an AI-generated wellness site can combine brand storytelling with authenticated scheduling.
Key features of Yogia
Visitors can browse a 7-day schedule, filter classes, see live spot counts, book a class, cancel a booking, join a waitlist when classes are full, view personal bookings, and enable class reminder notifications.
How Yogia was built
The source uses React Router pages for schedule, bookings, and studio content, plus AppDeploy backend routes for classes, booking, canceling, my bookings, class subscriptions, and notifications. The backend handles capacity, waitlist promotion, and real-time spot updates.
Prompt used to build Yogia
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.
Live Yogia demo
Open the live Yogia appSee more Business apps
Cookilida Bake Shop
Berlin cookie boutique with weekly rotating menu, full e-commerce checkout with pickup/shipping toggle, order confirmation, My Orders account page, and push notifications.
"Build a website for an artisan cookie boutique based in Berlin - the design should be warm and playful with a pink color palette (soft pink, rose, and dark pink tones), rounded elements, wavy SVG section dividers, and a..."
Puerto Rico Bucks
Tropical drinks shop with floating hero animations, full mobile ordering flow, real-time WebSocket order tracking, gift cards, and loyalty rewards program.
"Build a vibrant, fun website for a tropical shaved ice and drinks shop in a Caribbean beach town - think piraguas, smoothies, acai bowls, and coconut drinks with a playful beach-party vibe. The design should use a teal,..."