Blog Page — Content Map

§ 01

Hero

—

Hero block with H1 and full-bleed background.

Hero · Full-width Background

Background image · #009-F

H1 · 5–9 words

Element · Label	Spec / Word Count	Custom Value Name	Key
Meta Info
Meta Title	≤70 chars	#009-A [Blog] Meta Title	`{{custom_values.009a}}`
Meta Description	≤165 chars	#009-B [Blog] Meta Description	`{{custom_values.009b}}`
Meta Keywords	5–15 keywords	#009-C [Blog] Meta Keywords	`{{custom_values.009c}}`
Meta Image	Footer logo	[Website] 11: Logo URL01	`{{custom_values.logo_image_url}}`
Canonical Link	URL · /blog	Site URL + /blog	`{{custom_values.url}}/blog`
Hero
H1 Header	5–9 words	#009-D [Blog] H1 Header	`{{custom_values.009d}}`
Background Image	1920×1080	#009-F [Blog] Background01	`{{custom_values.009f}}`
CTA Button (mobile only)	Top + Bottom hard-coded text	20J + 20K [Global] Service/City/Article CTA01	`{{custom_values.020j}}` `{{custom_values.020k}}`

§ 02

Article Trio

—

3-column grid pulling Article01-03 covers, titles, and slugs.

3-Column Article Grid

Article01 card

Article02 card

Article03 card

Element · Label	Spec / Word Count	Custom Value Name	Key
Content Section 01 — Article Trio
H2 Header	4–6 words	9K [Blog] H2 Headline01	`{{custom_values.009k}}`
Sub-headline	15–20 words	9L [Blog] Sub-headline01	`{{custom_values.009l}}`
Article 01 Card
BG Image	Article cover	#009-G [Blog] Article01: Content01	`{{custom_values.009g}}`
H4 Title	Pulled from Article page	#017-K [Article01] Title	`{{custom_values.017k}}`
Title URL	URL · article slug	Site URL + #017-J URL Path	`{{custom_values.url}}{{custom_values.017j}}`
"LEARN MORE" link	hard coded	—	`{{custom_values.url}}{{custom_values.017j}}`
Article 02 Card
BG Image	Article cover	#009-H [Blog] Article02: Content01	`{{custom_values.009h}}`
H4 Title	Pulled from Article page	#018-K [Article02] Title	`{{custom_values.018k}}`
Title URL	URL · article slug	Site URL + #018-J URL Path	`{{custom_values.url}}{{custom_values.018j}}`
"LEARN MORE" link	hard coded	—	`{{custom_values.url}}{{custom_values.018j}}`
Article 03 Card
BG Image	Article cover	#009-I [Blog] Article03: Content01	`{{custom_values.009i}}`
H4 Title	Pulled from Article page	#019-K [Article03] Title	`{{custom_values.019k}}`
Title URL	URL · article slug	Site URL + #019-J URL Path	`{{custom_values.url}}{{custom_values.019j}}`
"LEARN MORE" link	hard coded	—	`{{custom_values.url}}{{custom_values.019j}}`

§ 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`