Social Proof Live

sa-review-break v2026-06-09

Reusable Google review page-break component - Google G logo, five gold stars, italic quote, reviewer attribution. Reviewer name renders in ALL CAPS. All text at 16px for consistent typography.

Source skill: sa-review-break · Updated 2026-06-09 17:11:21

Edit

Live preview

Open ↗

When to use

Between content sections on team pages, practice-area pages, location pages, and landing pages.

Rules & constraints

1. Inserts a Google review as a visual page-break between content sections.
2. Components: Google G logo, five gold stars, italic quote, reviewer attribution.
3. All text at 16px for consistent typography.
4. Reviewer names follow firm-briefing §15 attribution rules.

Live reference

https://aguiarinjurylawyers.com/

Deployment notes

Copy verbatim. Replace bracketed placeholders. Run pre-publish-qa, playwright-visual-qa (desktop 1280 / mobile 390), sa-content-rot-detector, and sa-css-leak-guard after deploy. Log via content-publish-logger and notify search engines via batch-indexnow. See the source skill for full rules.

HTML

<section class="sa-review-break">
  <div class="sa-review-break-inner">
    <img class="sa-review-g" src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/google-social-icon.webp" alt="Google review" width="32" height="32" loading="lazy">
    <span class="sa-review-stars">★★★★★</span>
    <p class="sa-review-quote">“[VERBATIM QUOTE FROM APPROVED REVIEWS LIST - NO PARAPHRASING.]”</p>
    <span class="sa-review-name">- [Brittany V.] or [B. VanHoose]</span>
  </div>
</section>

CSS

.sa-review-break{background:#fafafa;padding:36px 20px;border-top:1px solid #eef1f3;border-bottom:1px solid #eef1f3}
.sa-review-break-inner{max-width:760px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}
.sa-review-g{display:block}
.sa-review-stars{color:#D97706;font-size:16px;letter-spacing:2px}
.sa-review-quote{font-family:Poppins,sans-serif;font-weight:500;font-style:italic;font-size:16px;line-height:1.55;color:#0B212D;margin:0;max-width:640px}
.sa-review-name{font-family:Poppins,sans-serif;font-weight:600;font-size:16px;color:#0B212D;text-transform:uppercase;letter-spacing:.05em}