§ 01
Hero
—
Hero block with H1 and full-bleed background.
Hero · Full-width Background
Background image · #012-F
H1 · 5–9 words
| Element · Label | Spec / Word Count | Custom Value Name | Key |
|---|---|---|---|
| Meta Info | |||
| Meta Title | ≤70 chars | #012-A [Gallery] Meta Title | {{custom_values.012a}} |
| Meta Description | ≤165 chars | #012-B [Gallery] Meta Description | {{custom_values.012b}} |
| Meta Keywords | 5–15 keywords | #012-C [Gallery] Meta Keywords | {{custom_values.012c}} |
| Canonical Link | URL · /gallery | Site URL + /gallery | {{custom_values.url}}/gallery |
| Hero | |||
| H1 Header | 5–9 words | #012-D [Gallery] H1 Header | {{custom_values.012d}} |
| Background Image | 1920×1080 | #012-F [Gallery] Background01 | {{custom_values.012f}} |
| CTA Button | Top + Bottom hard-coded text | 20J + 20K [Global] Service/City/Article CTA01 | {{custom_values.020j}}{{custom_values.020k}} |
§ 02
Gallery Grid
—
Custom HTML gallery rendering 28 image URLs with a shared alt-text and a See More button linking to the Google profile.
28-Image Custom Gallery
Hard-coded HTML grid
Each tile = #012-G.NNN
"See More" → Google Reviews
| Element · Label | Spec / Word Count | Custom Value Name | Key |
|---|---|---|---|
| Content Section 01 — Intro | |||
| H2 Header | 4–6 words | 12H [Gallery] H2 Headline01 | {{custom_values.012h}} |
| Sub-headline | 15–20 words | 12I [Gallery] Sub-headline01 | {{custom_values.012i}} |
| Image Alt Text (shared) | 5–12 words | #012-E [Gallery] Image Alt Text | {{custom_values.012e}} |
| Gallery Grid — 28 Images | |||
| Image 001 | 600×400 | #012-G.001 [Gallery] Image001 | {{custom_values.012g1}} |
| Image 002 | 600×400 | #012-G.002 [Gallery] Image002 | {{custom_values.012g2}} |
| Image 003 | 600×400 | #012-G.003 [Gallery] Image003 | {{custom_values.012g3}} |
| Image 004 | 600×400 | #012-G.004 [Gallery] Image004 | {{custom_values.012g4}} |
| Image 005 | 600×400 | #012-G.005 [Gallery] Image005 | {{custom_values.012g5}} |
| Image 006 | 600×400 | #012-G.006 [Gallery] Image006 | {{custom_values.012g6}} |
| Image 007 | 600×400 | #012-G.007 [Gallery] Image007 | {{custom_values.012g7}} |
| Image 008 | 600×400 | #012-G.008 [Gallery] Image008 | {{custom_values.012g8}} |
| Image 009 | 600×400 | #012-G.009 [Gallery] Image009 | {{custom_values.012g9}} |
| Image 010 | 600×400 | #012-G.010 [Gallery] Image010 | {{custom_values.012g10}} |
| Image 011 | 600×400 | #012-G.011 [Gallery] Image011 | {{custom_values.012g11}} |
| Image 012 | 600×400 | #012-G.012 [Gallery] Image012 | {{custom_values.012g12}} |
| Image 013 | 600×400 | #012-G.013 [Gallery] Image013 | {{custom_values.012g13}} |
| Image 014 | 600×400 | #012-G.014 [Gallery] Image014 | {{custom_values.012g14}} |
| Image 015 | 600×400 | #012-G.015 [Gallery] Image015 | {{custom_values.012g15}} |
| Image 016 | 600×400 | #012-G.016 [Gallery] Image016 | {{custom_values.012g16}} |
| Image 017 | 600×400 | #012-G.017 [Gallery] Image017 | {{custom_values.012g17}} |
| Image 018 | 600×400 | #012-G.018 [Gallery] Image018 | {{custom_values.012g18}} |
| Image 019 | 600×400 | #012-G.019 [Gallery] Image019 | {{custom_values.012g19}} |
| Image 020 | 600×400 | #012-G.020 [Gallery] Image020 | {{custom_values.012g20}} |
| Image 021 | 600×400 | #012-G.021 [Gallery] Image021 | {{custom_values.012g21}} |
| Image 022 | 600×400 | #012-G.022 [Gallery] Image022 | {{custom_values.012g22}} |
| Image 023 | 600×400 | #012-G.023 [Gallery] Image023 | {{custom_values.012g23}} |
| Image 024 | 600×400 | #012-G.024 [Gallery] Image024 | {{custom_values.012g24}} |
| Image 025 | 600×400 | #012-G.025 [Gallery] Image025 | {{custom_values.012g25}} |
| Image 026 | 600×400 | #012-G.026 [Gallery] Image026 | {{custom_values.012g26}} |
| Image 027 | 600×400 | #012-G.027 [Gallery] Image027 | {{custom_values.012g27}} |
| Image 028 | 600×400 | #012-G.028 [Gallery] Image028 | {{custom_values.012g28}} |
| See More button | hard coded | Links to Google profile | {{custom_values.url_google}} |
§ 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}} |