Service 7 block design & features
Service7 is a single-column service detail block constrained to a medium max-width. It opens with a large circular muted container holding a service icon, followed by a heading and introductory paragraph. An expertise section shows three bordered horizontal cards with tool logos, names, and descriptions in a three-column grid with a subtitle. The prose content area includes headings, paragraphs, and an icon-text service list. A related services section at the bottom uses bordered cards in a two-column grid with hover background and color transitions.
The circular icon container differentiates this variant from other service blocks. Expertise cards use a horizontal icon-text layout within bordered containers rather than centered card styling. Related service cards are fully bordered with generous padding and color-shift hover effects on icon and title. Each section is preceded by a heading and optional subtitle paragraph. Built using Shadcn UI spacing conventions.
The bordered card approach throughout gives the page a more structured, documentation-like appearance compared to muted-background variants. Sections are clearly separated with spacing rather than background changes. Moderate complexity with consistent use of bordered containers across the expertise and related services areas.
On mobile both the expertise and related services grids collapse to single columns while the rest of the content flows naturally.