Service Areas Page — Content Map

§ 01

Hero

—

Hero block with H1 and full-bleed background.

Hero · Full-width Background

Background image · #010-F

H1 · 5–9 words

Element · Label	Spec / Word Count	Custom Value Name	Key
Meta Info
Meta Title	≤70 chars	#010-A [Service Areas] Meta Title	`{{custom_values.010a}}`
Meta Description	≤165 chars	#010-B [Service Areas] Meta Description	`{{custom_values.010b}}`
Meta Keywords	5–15 keywords	#010-C [Service Areas] Meta Keywords	`{{custom_values.010c}}`
Canonical Link	URL · /service-areas	Site URL + /service-areas	`{{custom_values.url}}/service-areas`
Hero
H1 Header	5–9 words	#010-D [Service Areas] H1 Header	`{{custom_values.010e}}`
Background Image	1920×1080	#010-F [Service Areas] Background	`{{custom_values.010f}}`
CTA Button	Top + Bottom hard-coded text	20J + 20K [Global] Service/City/Article CTA01	`{{custom_values.020j}}` `{{custom_values.020k}}`

§ 02

City Trio + Map

—

Three city cards pulling service+city interpolation, plus a USA map highlighting the business pin.

3-Column City Grid + Map

City01 card

City02 card

City03 card

USA Map

Element · Label	Spec / Word Count	Custom Value Name	Key
Content Section 01 — City Trio
H2 Header	4–6 words	10K [Service Areas] H2 Headline01	`{{custom_values.010k}}`
Sub-headline	15–20 words	10L [Service Areas] Sub-headline01	`{{custom_values.010l}}`
City 01 Column
BG Image	City cover	#010-G [Service Areas] City01: Content01	`{{custom_values.010g}}`
H4 Title (template)	"{Service} in {City}"	[Website] 04: service1 in [Website] 07: city01	`{{custom_values.service1}}` `{{custom_values.city01}}`
Title URL	URL · city slug	Site URL + #014-J URL Path	`{{custom_values.url}}{{custom_values.014j}}`
City 02 Column
BG Image	City cover	#010-H [Service Areas] City02: Content01	`{{custom_values.010h}}`
H4 Title (template)	"{Service} in {City}"	[Website] 04: service2 in [Website] 07: city02	`{{custom_values.service2}}` `{{custom_values.city02}}`
Title URL	URL · city slug	Site URL + #015-J URL Path	`{{custom_values.url}}{{custom_values.015j}}`
City 03 Column
BG Image	City cover	#010-I [Service Areas] City03: Content01	`{{custom_values.010i}}`
H4 Title (template)	"{Service} in {City}"	[Website] 04: service3 in [Website] 07: city03	`{{custom_values.service3}}` `{{custom_values.city03}}`
Title URL	URL · city slug	Site URL + #016-J URL Path	`{{custom_values.url}}{{custom_values.016j}}`
Map Element
USA Map (with biz pin)	750×450	#010-J [Service Areas] Content02 (map)	`{{custom_values.010j}}`
Image Alt Text	5–12 words	#010-E [Service Areas] Image Alt Text	`{{custom_values.010e}}`

§ 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

⚡ Header CTA

✉ 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}}`

§ 99 / Global Footer

Three-Column + Bottom Bar

Global · Sitewide

Footer split into two sections: Section 01 with Contact / Hours / Social columns + map embed, Section 02 with copyright, powered-by attribution, and utility links.

Global · 3-Column + Bottom Bar Footer

Contact Info

Address line 1
Address line 2
email · phone
Licensed & Insured

Service Hours

Mon-Fri · hours
Saturday · hours
Sunday · hours

LOGO

Social Media

f · ig · x · tt · g · y · yt

Connect With Our Socials

Map embed iframe · width 100% × height 300

Powered by · {{powered_by}}

Privacy · Messaging · Website Terms · Site Map

Element · Label	Spec / Word Count	Custom Value Name	Key
Footer Section 01 — Contact / Hours / Social
Contact: AddressAddress line 1 + line 2	address	[Business] 05: Address2 Line 1 / [Business] 06: Address2 Line 2	`{{custom_values.business_address2_line_1}}` `{{custom_values.business_address2_line_2}}`
Address: Directions LinkTap-through to Google Maps directions	URL	Directions Google Maps URL	`{{custom_values.shop_directions}}`
Contact: Emailmailto:	email	[Business] 03: Email (display)	`{{custom_values.business_email}}`
Contact: Phonetel:	phone	[Website] 02: Business Phone (display)	`{{custom_values.client_business_phone_display}}`
Service Hours · Mon–Fri	hours	[Website] 08a: Business Hours (Mon-Fri)	`{{custom_values.client_business_hours}}`
Service Hours · Saturday	hours	[Website] 08b: Business Hours (Saturday)	`{{custom_values.client_business_hours_sat}}`
Service Hours · Sunday	hours	[Website] 08c: Business Hours (Sunday)	`{{custom_values.client_business_hours_sun}}`
Footer Logo ImageDark-background variant	URL · image	[Business] 07: Logo URL01 (Footer) {ref:01L}	`{{custom_values.logo_url_4_dark_bg}}`
Social Icons (7 platforms)Instagram, X, TikTok, Google, Facebook, Yelp, YouTube	URLs	Multiple social profile URLs	`{{custom_values.ig_url}}` `{{custom_values.x_url}}` `{{custom_values.tt_url}}` `{{custom_values.url_google}}` `{{custom_values.url_facebook}}` `{{custom_values.url_yelp}}` `{{custom_values.youtube_url}}`
Map Embed iframeFull-width · height 300px	iframe HTML	[Website] 16: Map Embed (iframe)	`{{custom_values.client_map_embed}}`
Footer Section 02 — Copyright & Utility Links
Copyright Line	auto + global	© {{right_now.year}} · [Business] 01: Name	`{{custom_values.business_name}}`
Powered By	agency name + URL	[Website] 23 / 24: Powered By (Name) / URL	`{{custom_values.powered_by}}` `{{custom_values.powered_by_url}}`
Utility LinksPrivacy Policy · Messaging Terms · Website Terms · Site Map	hard coded labels	Static URL paths from {{custom_values.url}}	`{{custom_values.url}}/privacy-policy` `{{custom_values.url}}/terms` `{{custom_values.url}}/website-terms` `{{custom_values.url}}/sitemap.xml`