Booking Blocks

Split-panel scheduler: a real monthly calendar on the left, morning/afternoon time slots on the right, and a live booking summary footer.

A static booking confirmation card with service, date/time, provider avatar, price breakdown, promo code field, and cancellation policy.

Upcoming and past appointments grouped by date, with provider avatar, status badge, and reschedule/cancel actions.

Category-tabbed grid of bookable services with icon, description, duration, and price.

A selectable grid of staff/provider cards with rating, reviews, availability, and an Any Provider fallback.

Table reservation form with a guest stepper, date/time inputs, seating pills, and a live summary panel.

Selectable room cards with photos and amenities, plus check-in/out dates and a live-computed total.

Flight result cards with a fare-class switcher that live-updates every card's price.

Event banner with General/VIP/Backstage ticket tiers, per-tier quantity steppers, and a live order total.

Selectable coworking room cards with equipment icons, a time range picker, and a live cost total.

Google-Flights-style monthly calendar with a price under every day, cheapest days badged, and a deal callout for the selected date.

Airbnb/Booking.com-style search bar with a real dates panel and a real guest counter panel.

Slim rotating ticker bar that auto-advances through a fixed set of urgency/social-proof messages with an icon and fade transition.

Tour/activity booking card with a hero photo, traveler counter, language picker, and live total.

Centered success screen with a confirmation number, booking summary, decorative QR code, and action buttons.

Service-type tabs, bedroom/bathroom steppers, recurring-frequency pills, and an add-ons checklist with a live price breakdown.

Rideshare request form with a Now/Later toggle, selectable ride class cards, and a payment list.

Screen indicator, a tiered seat grid with an aisle gap, multi-select toggling, and a live running-total summary.

4-step booking flow (Service, Schedule, Contact, Review) with a numbered stepper, animated progress bar, and a derived review panel.

Pickup/return dates, a photo car-class picker, radio-card insurance tiers, and add-ons with a live day-based price breakdown.

Day-of-week tabbed schedule of gym/studio classes with instructor, duration, spots remaining, and difficulty badge.

Add services from five categories into a running package with a live total, an animated bundle-discount progress bar, and quick-start presets.

Booking cancellation form with a reason picker, a live refund breakdown, and a gated destructive action.

Hairline-bordered panel combining a selectable service list, a horizontally scrollable day strip, and a time slot grid.