Tier Table

Pricing in two parts: three cards carrying the headline price, and a feature comparison underneath. Both read from one pricing.js file, so the cards, the table and the monthly/annual switch cannot disagree with each other.

The switch is a real radio group, so it works from the keyboard and announces the change. It handles the awkward cases most pricing blocks do not: a tier with "contact me" where the number should be, a feature that is a count rather than a tick, and a highlighted tier that is not the middle one. Ships with ZAR and USD formatting and an optional VAT line. On a phone the table stacks into one column per tier instead of scrolling sideways.

Wrong choice if you sell one thing at one price, or if pricing is per seat and needs a calculator. There is no slider and no arithmetic beyond the annual discount.