Primitive 01 / Booking wizard

Four-step booking wizard

Service → vehicle → date → confirm. Three states: blank (kicking off), mid-flow (Hilux cat-back pre-selected at the date step), and the confirm-step summary right before Mick locks it in.

Production answer

Four-step booking wizard is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Four-step booking wizard states
Generative search brief

Four-step booking wizard: Service → vehicle → date → confirm. Three states: blank (kicking off), mid-flow (Hilux cat-back pre-selected at the date step), and the confirm-step summary right before Mick locks it in.

Live primitive · 3 states
Book a service

Choose service

  1. Choose service
  2. Pick vehicle
  3. Pick date & time
  4. Review & confirm
Step 1 of 4
What does she need?
Book a service

Pick date & time

  1. Choose service
  2. Pick vehicle
  3. Pick date & time
  4. Review & confirm
Step 3 of 4

Pick a slot — mornings book fastest.

Thu 4 Jun
Fri 5 Jun
Sat 6 Jun
Book a service

Review & confirm

  1. Choose service
  2. Pick vehicle
  3. Pick date & time
  4. Review & confirm
Step 4 of 4

One look-over before you lock it in.

Service
Exhaust upgrade
Vehicle
2021 Toyota Hilux N80 SR5
Rego
KFK-23M
When
Thu 4 Jun · 08:00
Estimated total
from $1,820

Final quote confirmed after Brad eyeballs it. SMS reminder 24h prior. Cancel any time before then — no charge.