Services 7 block design & features
A centered heading and subtitle sit above four vertically stacked service cards in a narrow container. Each card uses a horizontal layout with a square icon container on the left and the title, description, and tag row on the right. Tags are rendered as small rounded-full pill shapes with a muted background and medium-weight text. Cards have a border, rounded corners, and a subtle shadow on hover. No Shadcn UI component imports are used.
The icon containers use a muted background at 48px square with rounded-lg corners, giving them a distinct tile shape. Descriptions run in relaxed-leading muted-foreground text, and the pill tags wrap naturally when the row overflows. Card padding is generous and consistent across all four entries.
The stacked single-column layout creates a vertical reading flow that emphasizes each service individually rather than comparing them side by side. The pill tags add texture and scanability without introducing a rigid grid within each card.
On smaller viewports the horizontal card layout switches to a vertical stack within each card, placing the icon above the text content while the pill tags continue to wrap naturally.