Services + area-hub primitives
Fourteen reusable primitives that mirror the live services index, service detail, and regional area-hub anatomy. Each primitive composes a shared umbrella primitive (TextFirstHero, FeatureGrid, ProcessSteps, FaqAccordion, TestimonialWall, PriceTag, StaticMapCanvas, MetricBlock, Breadcrumb) so the surface stays consistent across the design system.
Services + area-hub primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Services + area-hub primitives: Fourteen reusable primitives that mirror the live services index, service detail, and regional area-hub anatomy. Each primitive composes a shared umbrella primitive (TextFirstHero, FeatureGrid, ProcessSteps, FaqAccordion, TestimonialWall, PriceTag, StaticMapCanvas, MetricBlock, Breadcrumb) so the surface stays consistent across the design system.
Services index hero
Anchor hero for the services index: kicker, headline, supporting copy, service-count + lead-time chips, dual CTA.
Service tile
Single service tile: category iconmark + name + short description + lead-time chip + average-price chip.
Service detail hero
Service detail hero with cover-image placeholder and Sound / Compliance / Performance scope chips.
Service process steps
Numbered process steps row — drop-off → fitment check → build → test → handover.
Service FAQ block
Service-specific FAQ accordion with single-open expansion and Base UI accessibility wiring.
Service testimonials
Testimonials wall for this service: star rating + customer name + vehicle + quote.
Service pricing band
Pricing band card — From $XXX + GST chip + booking-deposit chip + finance chip.
Service coverage card
Coverage card: mini radius map + drive-time stat + suburb chip cloud + see-all CTA.
Area hub hero
Area hub hero with suburbs-count + workshops-count chips and split-credit layout.
Area coverage map mini
Mini coverage map: hand-drawn region outline + workshop pins + scale chip.
Area stats trio
Trio of stat tiles: workshops count + suburbs covered + average response time.
Area services grid
Grid of services available in this area with localised copy + book CTA per service.
Services breadcrumb
Home / Services / Service trail. No postcode badge.
Area suburb list card
Listing of suburbs in an area with postcode + drive-time chip + services-count per row.