Pricing 48 block design & features
Built with Shadcn UI, the hero stack for title and billing uses the full container width rather than a tighter inner column, so text and controls align with the outer page grid. Cards reuse rounded shells with optional muted wash on the highlighted plan, clamped description, labeled feature separator, and badge-style checks. A square switch flips between monthly and yearly framing.
Narrow screens fall back to the same masked carousel with arrows pinned under the track, initializing on the recommended tier.
The feel matches the flat-highlight wide row family: even borders, little shadow, emphasis through fill rather than heavy outlines. Pair it when the page needs the section to breathe edge to edge while keeping the billing control large enough for touch.
Complexity is moderate due to coupled billing state and carousel indexing.