Pricing 44 block design & features
Built with Shadcn UI, the section keeps the heading, billing control, and card group inside a medium-width centered column rather than stretching edge to edge. A square switch flips labels between monthly and yearly pricing. On wide layouts the three tiers render as a single row of cards. On smaller and medium viewports the same cards move into a mobile carousel with side masking and arrow controls under the track, starting on the recommended tier when one is marked.
Each card repeats the same structure: tier name, large price, small period line, short clamped description, full width button, a labeled band above the checklist, and rows with badge-style checks. The highlighted plan uses a light muted wash on the card surface and the solid button style while borders stay even.
The look is tidy and contained, with emphasis from fill and button role rather than heavy borders. Moderate complexity comes from syncing billing state with the mobile carousel start position.