SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-clients-family-marquee-v2
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
Clients All Across Kentucky Become Part of the Family photo-social-proof section. Version 2 is a staggered two-row counter-scrolling marquee with square client cards on a soft gray band, normalized from the v7 local mockup into production-safe sa-* classes.
When to use
Selective sitewide use for pages, especially practice-area, location, homepage-adjacent, and conversion pages where a stronger visual family/trust proof section is appropriate. Avoid on already media-heavy articles or pages that already contain multiple review/testimonial modules.
Source skill
Rules (one per line, leading dash optional)
1. Use only one Clients Family photo section per post/page. 2. Keep this as supporting social proof, not the primary CTA, hero, or footer CTA replacement. 3. Do not pair directly adjacent to another heavy social-proof module such as review grids, badge grids, or video testimonials. 4. Use live firm-hosted WebP client photos only; preserve lazy loading and neutral alt text. 5. Desktop and mobile QA required before moving from Beta to Live because the marquees are image-heavy and animated. 6. Respect prefers-reduced-motion in a production hardening pass before broad rollout. 7. Version 2 is the preferred page/conversion variant because it has a stronger visual footprint and two-row motion.
Live reference URL
Deployment notes
Registry entry added from Clients Family Section - 5 Variants v7 on 2026-06-15. Not yet mass-deployed. Recommended next step: create a reversible WordPress insertion map that assigns V1 to selected posts and V2 to selected pages, backs up every edited post/page, then tests desktop/mobile samples before cache purge.
HTML
<section class="sa-clients-family-v2"> <div class="sa-clients-family-container"> <div class="sa-clients-family-header"> <h2>Clients All Across Kentucky<br><span class="accent">Become Part of the Family</span></h2> </div> <div class="sa-clients-family-v2-rows"> <div class="sa-clients-family-v2-row sa-clients-family-v2-row-1"> <div class="sa-clients-family-v2-row-inner"><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-4.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-13.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-5.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-12.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-6.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-10.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-7.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-08.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-16.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-9.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-10.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-2.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-18.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-02.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-20.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-03.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-4.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-13.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-5.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-12.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-6.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-10.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-7.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-08.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-16.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-9.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-10.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-2.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-18.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-02.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-20.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-03.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div></div> </div> <div class="sa-clients-family-v2-row sa-clients-family-v2-row-2"> <div class="sa-clients-family-v2-row-inner"><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-3.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-4.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-14.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-11.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-01.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-5.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-09.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-6.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-18.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-20.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-15.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-06.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-11.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-7.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-05.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-2.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-3.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-4.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-14.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-11.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-01.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-5.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-09.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-6.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-18.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-20.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-15.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-06.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-11.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-7.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/05/client-photo-2026-may-05.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div><div class="sa-clients-family-v2-card"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Happy-Clients-2.webp" alt="Sam Aguiar Injury Lawyers client" width="220" height="220" loading="lazy" /></div></div> </div> </div> </div> </section>
CSS
.sa-clients-family-container{max-width:1200px;margin:0 auto;padding:0 24px;} .sa-clients-family-header{text-align:center;max-width:820px;margin:0 auto 18px;} .sa-clients-family-header h2{font-family:'Poppins',sans-serif;font-size:36px;font-weight:700;color:#0B212D!important;margin:0;line-height:1.2;} .sa-clients-family-header .accent{color:#F89C22!important;} @media(max-width:768px){.sa-clients-family-header h2{font-size:28px;}}.sa-clients-family-v2{background:#F7F9FA;padding:36px 0;} .sa-clients-family-v2-rows{display:flex;flex-direction:column;gap:16px;margin:0 -24px;} .sa-clients-family-v2-row{overflow:hidden;} .sa-clients-family-v2-row-inner{display:flex;gap:16px;width:max-content;} .sa-clients-family-v2-row-1 .sa-clients-family-v2-row-inner{animation:saClientsFamilyV2Left 90s linear infinite;} .sa-clients-family-v2-row-2 .sa-clients-family-v2-row-inner{animation:saClientsFamilyV2Right 90s linear infinite;} .sa-clients-family-v2-card{flex:0 0 auto;width:220px;height:220px;border-radius:12px;overflow:hidden;box-shadow:0 4px 14px rgba(11,33,45,.1);} .sa-clients-family-v2-card img{width:100%;height:100%;object-fit:cover;object-position:center 30%;display:block;} @keyframes saClientsFamilyV2Left{0%{transform:translateX(0);}100%{transform:translateX(calc(-1 * (100% / 2)));}} @keyframes saClientsFamilyV2Right{0%{transform:translateX(calc(-1 * (100% / 2)));}100%{transform:translateX(0);}} @media(max-width:768px){.sa-clients-family-v2-card{width:160px;height:160px;}.sa-clients-family-v2-row-1 .sa-clients-family-v2-row-inner,.sa-clients-family-v2-row-2 .sa-clients-family-v2-row-inner{animation-duration:70s;}}
Save changes
Cancel