Session 2026-05-26 — Built reusable Bigger Share CTA Hero component

Objective

Replicate the bottom CTA from https://aguiarinjurylawyers.com/about-us/bigger-share-guarantee/ as a reusable component, with Sam's edits applied so it can be dropped onto any page.

What shipped

All files saved under ~/Documents/Projects/components/bigger-share-cta-hero/:

bigger-share-cta-hero-preview.html — standalone browser preview
bigger-share-cta-hero.wp-html.html — templated WP Custom HTML block with {{PLACEHOLDERS}}
bigger-share-cta-hero.populated.wp-html.html — drop-in WP block with the Bigger Share content already filled
README.md — placeholder map, design decisions, deploy steps, rollback

Class namespace: .sa-bsg-cta (BEM-style, scoped, no Kadence/theme dependency).

Edits applied vs live page

Spec	Live	Built
CTA label	Start Your Free Case Review	Get Started
CTA color	Orange `#F89C22`	Blue `#1E6FA8`, white text
CTA hover	—	Orange `#F89C22`, white text
CTA position	Below tagline, right column	Below headshot, centered to picture box, left column
Headline	One block	Line break after Get It Faster.
Tagline	One line, orange	Two lines, white: You focus on getting better. / We handle everything else.

QA performed

Structural QA script ran 35 checks across all three files. Verified:

Exact CTA label and absence of old label
Blue base + orange hover tokens present
White text on button
Headline line break renders
Tagline two-line break present, color references white token
Button DOM-ordered below the picture, both share max-width:420px so the button centers to the picture box
Mobile breakpoint collapses to single column