SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-review-break
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
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.
When to use
Between content sections on team pages, practice-area pages, location pages, and landing pages.
Source skill
Rules (one per line, leading dash optional)
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 URL
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}
Save changes
Cancel