§ 01
Hero
—
Hero block with H1 and full-bleed background.
Hero · Full-width Background
Background image · #011-F
H1 · 5–9 words
| Element · Label | Spec / Word Count | Custom Value Name | Key |
|---|---|---|---|
| Meta Info | |||
| Meta Title | ≤70 chars | #011-A [Reviews] Meta Title | {{custom_values.011a}} |
| Meta Description | ≤165 chars | #011-B [Reviews] Meta Description | {{custom_values.011b}} |
| Meta Keywords | 5–15 keywords | #011-C [Reviews] Meta Keywords | {{custom_values.011c}} |
| Canonical Link | URL · /reviews | Site URL + /reviews | {{custom_values.url}}/reviews |
| Hero | |||
| H1 Header | 5–9 words | #011-D [Reviews] H1 Header | {{custom_values.011d}} |
| Background Image | 1920×1080 | #011-F [Reviews] Background01 | {{custom_values.011f}} |
| CTA Button | Top + Bottom hard-coded text | 20J + 20K [Global] Service/City/Article CTA01 | {{custom_values.020j}}{{custom_values.020k}} |
§ 02
Review Widget
—
Single-section page hosting an embedded Google Reviews widget with intro headline + sub-headline.
Centered Review Widget
H2 + sub-headline (intro)
Google Reviews iframe (custom HTML)
| Element · Label | Spec / Word Count | Custom Value Name | Key |
|---|---|---|---|
| Content Section 01 — Review Widget | |||
| H2 Header | 4–6 words | 11G [Reviews] H2 Headline01 | {{custom_values.011g}} |
| Sub-headline | 15–20 words | 11H [Reviews] Sub-headline01 | {{custom_values.011h}} |
| Review Widget Embed | Custom HTML — Google Reviews | [Website] 21: Google Review Embed Code | {{custom_values.google_review_code}} |
§ 01 / Global Header
Top Bar & Navigation
Global · Sitewide
Fixed header displayed sitewide — logo, primary nav, CTA button, and contact strip.
Global · Sitewide Header
Business Logo
Alt Text: Business Name
HomeServices ▾Service Areas ▾AboutContactBlog
✉ business email
custom html / javascript
☎ phone number
| Element · Label | Spec / Word Count | Custom Value Name | Key |
|---|---|---|---|
| Logo & Branding | |||
| Logo ImageTop-left brand mark · light-background variant | URL · image | [Business] 08: Logo URL02 (Header) {ref:02L} | {{custom_values.logo_image_url__4_light_bg}} |
| Logo Image Alt TextAccessibility / SEO alt text on the logo image | Business Name | [Business] 01: Name | {{custom_values.business_name}} |
| Logo Image Action LinkClicking the logo returns to home | Website URL | [Website] 01: Website URL | {{custom_values.url}} |
| Primary Navigation | |||
| Primary NavigationHome / Services / Service Areas / About / Contact / Blog · dropdowns populated from service + city lists | hard coded | Structural | — |
| Header CTA ButtonOpens Pop-Up on click | 2–4 words | 20I [Global] Global Header Button CTA | {{custom_values.020i}} |
| Contact Strip (red bar) | |||
| Business EmailLeft of contact strip | email address | [Business] 03: Email (display) | {{custom_values.business_email}} |
| Display Phone NumberRight of contact strip | phone | [Website] 02: Business Phone (display) | {{custom_values.client_business_phone_display}} |
| Custom HTML · Social Profile URLsLinks to Google / Facebook / Yelp / Instagram | Social Profile URLs | [Website] 15a / 15b / 15c · Profile URL — Google / Facebook / Yelp [Website] 13: Profile URL — Instagram |
{{custom_values.url_google}}{{custom_values.url_facebook}}{{custom_values.url_yelp}}{{custom_values.ig_url}} |