Pricing 13 block design & features
Pricing13 is an add-on pricing section built with shadcn/ui, wrapped in a single bordered, rounded container. The header area shows a heading, a description paragraph, and a decorative image on the right. Below the header, three add-on cards sit side by side on accent-colored backgrounds, each containing a title, a short description, and a price or contact label at the bottom.
Each card uses the accent surface color with consistent internal padding. Prices display in medium-weight type with a smaller "/ Month" suffix, while the last card can substitute a "Contact Sales" label instead of a numeric price. The description text sits in muted foreground at a small size, keeping the focus on the title and price.
The overall look is simple and contained, grouping all add-ons inside one outer border rather than rendering them as separate floating cards. Complexity is low because the content is hardcoded with three static cards and a straightforward header area.
On smaller screens the three cards stack into a single column while the header image is hidden, preserving the bordered container around the full section.