Service 3 block design & features
Service3 is a multi-section service detail block. The hero uses a full-width background photo with a dark overlay and displays a centered service icon above a large white heading. Below the hero is a muted stats section with a three-column grid of bordered cards, each showing a tool logo, a bold metric value, tool name, and description. The page continues with a prose content section containing headings, paragraphs, and a bulleted list of services.
The hero maintains a minimum height of 500px. Stats cards use a white background with border and centered content. Tool icons include Adobe, Figma, and Sketch logos at a small size. The prose area is constrained to a comfortable reading width with dark mode inversion support. The stats section sits on a muted background to visually separate it from the content below.
The block combines photographic impact in the hero with data-driven credibility in the stats row and detailed service descriptions in the prose area. Moderate complexity due to the three distinct visual zones stacked vertically.