Service 2 block design & features
Service2 is a single-column service detail block. It starts with a full-width hero section that uses a background photo with a semi-transparent black overlay for text readability, displaying a centered white heading. Below the hero is an introduction with a left-aligned subheading and paragraph, followed by a prose content section containing multiple headings, paragraphs, and a bulleted service list.
The hero has a minimum height of 500px with the photo set as a cover background. The overlay is 50% black opacity. The prose sections use a constrained max-width for comfortable reading and support dark mode via prose-invert. Spacing between sections is handled with vertical padding. No additional UI components beyond basic HTML elements.
This follows the same structure as a basic service detail page but differentiates itself with the photographic hero. The dark overlay technique gives it a slightly more polished look compared to a plain muted background. Low complexity with no interactive elements.