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.
Local Services is for a business that sells a handful of services — a plumber, a cleaner, a salon, a repair shop — and needs one page that explains each one and how booking works. Relay sets out the main services as a numbered row, Rail walks through what happens from first call to finished job, and Spotlight puts one recent job up front with the rest listed beside it, so the page shows proof without turning into a gallery.
The Clarity FAQ handles the questions that usually arrive by phone — which areas you cover, how quotes work, what to prepare — and the Split call to action keeps "book" and "call us" side by side. If price is the first thing customers ask about, pair it with Local Pricing. Tip: name each service the way customers search for it, not the way the trade describes it.
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:
-
1
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.
-
2
Mural
HeroCentered copy standing on a drawn horizon line that runs full width along the bottom edge.
-
3
Relay
FeaturesA four-step sequence rather than parallel cells, each step a numbered icon node on a connecting track.
-
4
Rail
ProcessA sticky heading on the left beside a numbered vertical list of steps on the right.
-
5
Spotlight
GalleryA hierarchy gallery: one large featured item on the left beside a compact list of the rest.
-
6
Clarity
FAQA single-column accordion using native expand and collapse — real open/close behaviour with no scripting.
-
7
Split
Call to actionA horizontal call to action — heading and subcopy on the left, a solid and a ghost button on the right.
-
8
Anchor
FooterA minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.
Local Services template FAQ
Common questions about Local Services — how it compares with Local Home, which of its 8 sections you can drop and where the sample copy in the preview comes from.