Pricing 106 - Single plan split heading and card

Pro

Two-column layout places section story and inline switch beside a bordered pricing card.

Shadcn Pricing 106 block

Component Data

  • ID:pricing106
  • Access:pro
  • Created:May 17, 2026
  • Type:block

Pricing 106 block design & features

Pricing106 is a single-tier pricing section built with shadcn/ui that keeps attention on one offer rather than a multi-column comparison. Controls sit under the description in the narrative column while the adjacent card handles price, features, and stacked buttons.

The rhythm relies on standard marketing section spacing with a max-width column typical of the pricing group. On small screens the grid stacks so the story still reads before the purchase module.

Overall complexity is moderate because secondary structures like split grids or tabs add structure. Mobile layouts stack primary content before supporting lists so the price and CTA remain visible early.