Pricing 17 block design & features
Pricing17 is a plan comparison section built with shadcn/ui, opening with a bold heading and contrasting standard versus premium tiers across duration, listing count, and price rows plus a shared feature checklist with checkmarks or dashes per plan. Each plan ends with a full-width call-to-action button.
On mobile the layout stacks self-contained plan cards with highlighted styling on the recommended tier using a green-tinted surface and border. On desktop the same data expands into a wide comparison table so decision-makers can scan both plans side by side without opening separate panels.
Functional and comparison-first with moderate complexity from dual responsive layouts rather than interactive toggles. The highlighted plan treatment draws attention without animation. Content is data-driven: plan names, pricing strings, feature names, and inclusion flags need to stay aligned across both breakpoints.