Office Anchoring Live

sa-managing-partner-block v2026-05-29

Main-column office-anchoring block with a large circular orange-bordered headshot, name, role kicker, 1-2 sentence regional bio, and 'Meet [Name] →' link. Use directly under the hero on location pages.

Source skill: sa-managing-partner-block · Updated 2026-06-06 16:03:22

Edit

Live preview

Open ↗

When to use

Location pages directly under the hero to anchor the regional attorney.

Rules & constraints

1. Main-column office-anchoring block (distinct from the sidebar partner card).
2. Circular orange-bordered headshot 200px desktop / collapses to centered on mobile.
3. Name, role kicker (MANAGING PARTNER — [Office] Office), 1-2 sentence regional bio, 'Meet [Name] →' link.
4. Use on location pages directly under the hero/trust-bar to anchor the regional attorney.

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

<!-- Managing partner block - main-column office anchoring (Jon Hollan example) -->
<section class="sa-jon-block">
  <div class="sa-jon-inner">
    <div class="sa-jon-photo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/03/Sam-Headshot-1.webp" alt="[Attorney name] managing partner" loading="lazy"></div>
    <div class="sa-jon-copy">
      <p class="sa-jon-name">[Attorney Name]</p>
      <p class="sa-jon-title">Managing Partner - [Office] Office</p>
      <p class="sa-jon-details">[1-2 sentence bio about regional connection and case focus]</p>
      <a href="https://aguiarinjurylawyers.com/about-us/meet-our-team/sam-aguiar/" class="sa-jon-link">Meet [First Name] &rarr;</a>
    </div>
  </div>
</section>

CSS

.sa-jon-block{background:#F7F9FB;padding:48px 24px;font-family:Poppins,sans-serif}
.sa-jon-inner{max-width:980px;margin:0 auto;display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:center}
.sa-jon-photo{width:200px;height:200px;border-radius:50%;overflow:hidden;border:4px solid #D97706}
.sa-jon-photo img{width:100%;height:100%;object-fit:cover;display:block}
.sa-jon-name{font-weight:700;font-size:24px;color:#0B212D;margin:0 0 4px}
.sa-jon-title{font-weight:600;font-size:14px;color:#D97706;letter-spacing:1px;text-transform:uppercase;margin:0 0 14px}
.sa-jon-details{font-size:16px;line-height:1.55;color:#2C3E50;margin:0 0 16px}
.sa-jon-link{color:#D97706;font-weight:700;text-decoration:none;font-size:15px}
.sa-jon-link:hover{text-decoration:underline}
@media(max-width:640px){.sa-jon-inner{grid-template-columns:1fr;text-align:center}.sa-jon-photo{margin:0 auto}}