Services 6 block design & features
A centered heading and subtitle lead into a four-column grid of service entries. Each entry is center-aligned and contains a large circular icon container, a semibold title, a short description paragraph, and vertically stacked item labels. No shadcn/ui component imports are used beyond utility classes.
The circular icon containers sit at 64px and use a muted background fill. On group hover the background inverts to the foreground color while the icon switches to the background color, creating a bold interactive toggle. Descriptions and item labels are set in small sizes with the muted-foreground color, keeping the visual weight concentrated on the icons and titles.
The layout has a clean, columnar rhythm where each service occupies a narrow vertical slice. The absence of cards, borders, or background fills gives the section an open, airy quality that relies on alignment and whitespace for structure.
On medium viewports the grid reduces to two columns, and on small screens it becomes a single column, stacking the center-aligned entries vertically.