sa-clients-family-marquee-v2 v2026-06-15
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.
Source skill: Local mockup source: C:\Users\SAguiar\Documents\Web Elements\collected-local-html-2026-05-27_134940\Downloads\Clients Family Section — 5 Variants (v7) (1).html · Updated 2026-06-15 23:25:49
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.
Rules & constraints
- 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.
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;}}