Services 10 block design & features
The section leads with a centered Shadcn UI Badge, a large heading, and a subtitle, then renders four service cards in a two-column grid. Each card pairs an icon and title with a duration label, followed by a description paragraph, a checklist of included items with green check-circle icons, a muted deliverables area using Badge components, and a footer row containing the price and a Button. A full-width banner card at the bottom offers a consultation call-to-action with a gradient-styled Button.
Featured cards receive a primary-tinted border and shadow, while non-featured cards use a softer background with a backdrop blur. Cards lift slightly on hover with a translate and shadow transition. Typography ranges from semibold headings to relaxed-leading body text, and small muted labels mark durations and custom-quote availability.
The component is information-dense yet organized, layering multiple content tiers within each card. The featured-versus-standard distinction creates a clear visual hierarchy without relying on color saturation alone.
On narrower screens the grid collapses to a single column and cards stack vertically, preserving internal structure and spacing throughout.