CTA / Footer Live

sa-bsg-strip v2026-06-07

Quiet full-bleed Bigger Share Guarantee® strip. Dark Visible Depth gradient band with an orange uppercase BIGGER SHARE GUARANTEE® strip-line above a two-line Georgia serif headline 'You focus on getting better. / We'll handle everything else.' No button, no subline. The calm payoff strip from the contact page that sits just above the footer.

Source skill: sa-bsg-strip · Updated 2026-06-15 12:32:42

Edit

Live preview

Open ↗

When to use

When a page needs a calm, buttonless BSG payoff strip above the footer (e.g. /contact-us/).

Rules & constraints

The orange uppercase BIGGER SHARE GUARANTEE® line is a STRIP-LINE, never an eyebrow (eyebrows are banned site-wide).
No button, no subline — this is the quiet payoff variant.
Two-line Georgia serif headline only: "You focus on getting better." / "We'll handle everything else."
Keep the gradient #071720 -> #0B212D (the contact-page Visible Depth variant), white headline, #D97706 strip-line.
Self-contained scoped CSS — safe to drop anywhere. Use once per page.
Duplicate UVP guard (2026-06-15): Use only one primary UVP/payoff block with this same message on a page or post. Do not pair this element with another Get More, You Focus, BSG always-get-more, sa-fcta-blk, generic white CTA, or sa-bottom-get-more-fw block that repeats the same primary message. During QA, keep the strongest single block and replace any other same-message break with a different visual element or a different UVP angle.

Live reference

https://aguiarinjurylawyers.com/contact-us/

Deployment notes

Drop above the footer. Distinct from you-focus-pagebreak (has a Call button, no strip-line) and sa-bsg-banner (BSG is the white H2 and it has a Call button). The orange line is a strip-line, NOT an eyebrow. Pairs with pre-publish-qa + wp-deploy for shipping. Duplicate UVP guard (2026-06-15): Use only one primary UVP/payoff block with this same message on a page or post. Do not pair this element with another Get More, You Focus, BSG always-get-more, sa-fcta-blk, generic white CTA, or sa-bottom-get-more-fw block that repeats the same primary message. During QA, keep the strongest single block and replace any other same-message break with a different visual element or a different UVP angle.

HTML

<!-- wp:html -->
<section class="sa-bsg-strip">
  <span class="sa-bsg-strip-line">Bigger Share Guarantee&reg;</span>
  <h2><span>You focus on getting better.</span><span>We&rsquo;ll handle everything else.</span></h2>
</section>
<!-- /wp:html -->

CSS

.sa-bsg-strip{
  background:linear-gradient(0deg,#071720 0%,#0B212D 100%);
  color:#ffffff;
  text-align:center;
  padding:72px 24px;
  width:100%;
}
.sa-bsg-strip .sa-bsg-strip-line{
  display:block;
  font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  font-size:clamp(14px, 2.1vw, 26px);
  line-height:1.1;
  color:#D97706;
  font-weight:600;
  letter-spacing:.06em;
  text-transform:uppercase;
  margin:0 0 10px;
}
.sa-bsg-strip h2{
  font-family:Georgia,'Times New Roman',Times,serif;
  font-weight:500;
  font-size:clamp(28px, 3.4vw, 38px);
  line-height:1.15;
  color:#ffffff;
  margin:0;
  max-width:820px;
  margin-left:auto;
  margin-right:auto;
}
.sa-bsg-strip h2 span{display:block;}
@media (max-width:768px){
  .sa-bsg-strip{padding:56px 22px;}
}