Local Services Template
Everything we offer.A services page: a horizon hero, a feature relay, a two-step process, a work gallery and an FAQ before the split CTA — rendered in your design language.
When to use this template
A services page has to make an offer legible: what is included, who it suits, and what happens next.
This one is dressed in Local Business copy and runs 8 sections, opening on the Vantage navbar and closing with the Anchor footer. In between it covers hero, features and process.
At a glance
- Page type
- Services
- Business
- Local Business
- Sections
- 8
- Section types
- 8
- Design tokens
- Colour, Radius, Shadow, Spacing, Typography
- Requires JS
- No
- Price
- Free
8 sections in this page
Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:
-
Vantage
NavbarA classic bar: logo on the left, inline nav in the middle, a sign-in link and a solid call to action on the right.
-
Mural
HeroCentered copy standing on a drawn horizon line that runs full width along the bottom edge.
-
Relay
FeaturesA four-step sequence rather than parallel cells, each step a numbered icon node on a connecting track.
-
Rail
ProcessA sticky heading on the left beside a numbered vertical list of steps on the right.
-
Spotlight
GalleryA hierarchy gallery: one large featured item on the left beside a compact list of the rest.
-
Clarity
FAQA single-column accordion using native expand and collapse — real open/close behaviour with no scripting.
-
Split
Call to actionA horizontal call to action — heading and subcopy on the left, a solid and a ghost button on the right.
-
Anchor
FooterA minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.