hero

Full bleed photo band carrying "The Best Roofing Contractor in Phoenix, Tucson, AZ and Surrounding Areas" with a 650px copy column. The source sets white type straight onto the photo with no scrim; this build adds the solid ink base and gradient the source lacks.

hero-form

Hero variant that puts a lead capture card beside the copy. Used on 19 pages, the highest count of any hero on the site.

contact-split

The site's dual market spine: an estimate form on a 4/6 split against Phoenix and Tucson location cards. Appears on 24 pages.

image-content

Alternating image and copy split closing on "Learn More". The most reused content section on the site at 29 placements.

service-grid

Icon tiles for the six named service lines. Carries the system's defining device: on hover the tile takes a red border and the blur free red underglow.

service-guarantees

Five up trust strip on the pale band. Runs on 17 pages and is the site's most repeated proof device.

awards-rail

Scroll snap rail of award citations, on 21 pages. Third party badge artwork is replaced with a neutral placeholder mark; the citation copy is verbatim.

awards-grid

The awards page's static grid variant, full citations, no rail. Same content model as pattern 07 with the scroll behaviour removed.

reviews

"Trust the Best Roofers in Arizona" over the Phoenix and Tucson two market split. The source fills each column with a Birdeye iframe carrying no transcribable text, so the quotes here are lifted verbatim from inner service and city pages instead.

faq

Accordion on 12px cards with a 1.5px rule. The open card takes the same red border and underglow as a hovered service tile, which is what ties the two components into one system.

why-blocks

Multi column argument blocks with a ticked benefit list. The site's long form persuasion section.

content-block

The workhorse prose block, 55 placements across 26 pages. Hosts the second signature device: a list panel whose red heading bar is clipped into its own 22px top curve.

content-duo

Two prose columns side by side, used where a page carries a partner explanation next to the offer.

area-columns

Service area link columns. Backs a 108 page template on the source and is the site's main internal linking surface.

offers

Printable offer cards carrying their own terms. The fine print sits on the body safe muted ink rather than a low contrast token, because it is copy people actually read.

tool-hero

Two column tool introduction with a slot for the quote widget. The slot is left explicitly empty rather than mocked, because the source fills it with a third party embed.

how-it-works

Three numbered steps. The counter is CSS generated so the markup carries no hardcoded numerals.

videos

Video grid with verbatim captions. Videos are not mirrored into the kit, so each thumbnail uses a still stand in.

blog-index

Category chips over a card grid. Backs 422 posts on the source and is reached from no nav link, which is why it only appears when you enumerate from the sitemap.

article

Ink title band over a body and sidebar split. Post images take the source's asymmetric 10px top only radius.

team-grid

Portrait cards for the 29 entry team custom post type. Portraits are staff photographs on the source and are replaced here with a neutral tile.

team-single

Portrait and bio detail view. The source ships no bio prose for most entries, so the copy slot is left for the client rather than filled.

site-header

Red super header carrying the tagline and both market phone numbers, above a white nav with an outlined red CTA. The tagline "Setting the Standard in AZ Roofing Since 1993" runs on every page of the source.

site-footer

Four column link set over the two location blocks with hours. Carries the verbatim service list and the 24/7 availability line.