Services in columns with duration and price, a shimmering popular marker and a bold package offer underneath.
Ironbark Strength · Pricing
No sign-up fees and no twelve-month contracts. Pay per session, grab a pass, or start with the new member package below.
One coach, one plan, built around you
Capped at 14 so coaches see everyone
Book after any session or on its own
Three private sessions to learn the lifts, unlimited classes for 30 days and a body scan at the start and the end.
npx shadcn@latest add https://hyperblur.dev/r/local-services-price-list.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/local-services-price-list.tsx.
import { LocalServicesPriceList } from "@/components/hyperblur/local-services-price-list"
<LocalServicesPriceList packageOffer={null} />| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | string | "Ironbark Strength · Pricing" | Small line above the heading. |
| title | string | "Train hard. Pay fair." | Heading. The last two words are set in the accent color. |
| subtitle | string | "No sign-up fees ..." | Paragraph beside the heading. |
| groups | { title: string; caption?: string; services: { name; duration; price; detail?; popular? }[] }[] | Personal training, Classes, Recovery | Columns of services. |
| packageOffer | { label; title; description; price; was?; includes: string[]; cta: { label; href } } | null | New member starter | Package callout under the columns. Pass null to hide it. |
| popularLabel | string | "Popular" | Text of the marker on popular services. |
| accent | string | "#c6f432" | Accent color used for highlights, selected states and buttons. |
| className | string | Extra classes on the section root. | |
| style | React.CSSProperties | Inline styles on the section root. |