Pricing 84 block design & features
This block follows the same structure as pricing7, built with shadcn/ui badges, buttons, labels, and a radio group for billing. A compact pill switches Monthly and Yearly, optionally showing a small outline badge for the savings label on the yearly option. The section title and description stay in a centered column; beneath that, two plan panels sit in a row on medium screens and stack on small ones, each growing to share the full width inside the site container.
Each plan shows a name, large price with cadence text, short description, optional feature-list heading, and a checklist with Lucide check icons. The highlighted tier uses a stronger primary border and a solid button; the other tier uses a single hairline border and an outline button so hierarchy stays obvious without stacking ring and border.
Visually it is a calm marketing comparison with muted tab chrome and card backgrounds. Complexity is moderate: shared billing state drives both prices, and optional discount copy is wired to the yearly label. If you need the older fixed-width cards, use pricing7; choose this block when the layout should read as a full-band comparison.