Pricing 49 block design & features
Built with Shadcn UI, the section centers a headline and optional intro, then a pill-style control that switches all three tiers between monthly and yearly pricing at once. The plans render inside one continuous rounded frame split by vertical rules on wide layouts and stacked sections on phones. Each segment shows the tier label, large price, period line, a short supporting sentence, two check lines for quick scanning, and a full width link-styled button.
The muted recommended column can pick up a light tinted background while borders stay shared across the band. A single footnote under the band clarifies currency or billing without adding another component.
Visually it reads flatter and more editorial than three separate floating cards because everything sits on one surface.
This is a compact pattern with simple boolean billing state and short feature copy in each column.