CTA / Footer Live

sa-cta-get-more-get-it-faster v2026-06-14

White bottom-of-page CTA block from Sam's attached screenshot. Centered Poppins layout with a slim Foundry-orange top rule, orange all-caps GET STARTED TODAY line, navy headline 'Get More. Get It Faster. Get It With Sam Aguiar.', short no-cost review copy, Louisville and Lexington phone lines, and a Spanish phone line.

Source skill: sa-element-registry · Updated 2026-06-15 12:32:44

Edit

Live preview

Open ↗

When to use

Bottom block above the footer or after final body content when a page needs a quiet, no-form phone CTA. Use once per page. Distinct from image-backed CTA banners and form-backed CTA banners.

Rules & constraints

1. White background only, no dark band, no image, no form.
2. Preserve exact headline: Get More. Get It Faster. Get It With Sam Aguiar.
3. Preserve phone display format shown in the screenshot: Louisville: (502) 684-2270, Lexington: (502) 684-2270, Se habla español: (502) 684-2270.
4. Top accent is a slim Foundry-orange #D97706 rule with rounded top corners.
5. Scoped class namespace .sa-cta-get-more. No global selectors.
6. Mobile stacks phone lines and keeps all text centered.
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.

Deployment notes

Created from Sam's attached bottom-block screenshot on 2026-06-14 after the source WordPress post /sa-cta-get-more-get-it-faster/ was moved to draft because it should not be a live page. The screenshot asset is archived locally at /Users/samaguiar/Documents/Projects/admin/scratch/sa-cta-unpublish-20260614/codex-clipboard-217b9d66-f159-4b35-8afe-f393b5dbc0db.png. Rollback for the WordPress unpublish is post ID 48584 with the before snapshot at /Users/samaguiar/Documents/Projects/admin/scratch/sa-cta-unpublish-20260614/post-48584-before.json. 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-cta-get-more" aria-labelledby="sa-cta-get-more-title">
  <div class="sa-cta-get-more__inner">
    <p class="sa-cta-get-more__kicker">Get Started Today</p>
    <h2 id="sa-cta-get-more-title" class="sa-cta-get-more__title">Get More. Get It Faster. Get It With Sam Aguiar.</h2>
    <p class="sa-cta-get-more__copy">Case review at no cost. No upfront expense, no obligation. Available 24/7, including nights and weekends.</p>
    <div class="sa-cta-get-more__phones" aria-label="Office phone numbers">
      <a href="tel:5026842270">Louisville: (502) 684-2270</a>
      <a href="tel:5026842270">Lexington: (502) 684-2270</a>
    </div>
    <p class="sa-cta-get-more__spanish">Se habla espa&ntilde;ol: <a href="tel:5026842270">(502) 684-2270</a></p>
  </div>
</section>
<!-- /wp:html -->

CSS

.sa-cta-get-more{
  --sa-navy:#0B212D;
  --sa-orange:#D97706;
  --sa-white:#FFFFFF;
  background:var(--sa-white);
  color:var(--sa-navy);
  font-family:Poppins,system-ui,sans-serif;
  padding:62px 24px 74px;
  text-align:center;
}
.sa-cta-get-more,.sa-cta-get-more *{box-sizing:border-box;}
.sa-cta-get-more__inner{
  position:relative;
  max-width:1720px;
  margin:0 auto;
  padding:86px 24px 0;
}
.sa-cta-get-more__inner::before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:min(100%,1720px);
  height:14px;
  border-top:6px solid var(--sa-orange);
  border-left:6px solid var(--sa-orange);
  border-right:6px solid var(--sa-orange);
  border-radius:22px 22px 0 0;
}
.sa-cta-get-more__kicker{
  margin:0 0 24px;
  color:var(--sa-orange);
  font-size:clamp(18px,1.45vw,31px);
  font-weight:700;
  letter-spacing:.16em;
  line-height:1.1;
  text-transform:uppercase;
}
.sa-cta-get-more__title{
  max-width:1420px;
  margin:0 auto 24px;
  color:var(--sa-navy);
  font-size:clamp(30px,2.55vw,50px);
  font-weight:700;
  line-height:1.16;
  letter-spacing:0;
  text-align:center;
}
.sa-cta-get-more__copy{
  max-width:1400px;
  margin:0 auto 58px;
  color:var(--sa-navy);
  font-size:clamp(17px,1.25vw,25px);
  font-weight:500;
  line-height:1.45;
}
.sa-cta-get-more__phones{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  margin:0 0 34px;
}
.sa-cta-get-more__phones a{
  color:var(--sa-orange);
  font-size:clamp(21px,1.55vw,30px);
  font-weight:700;
  line-height:1.15;
  text-decoration:none;
}
.sa-cta-get-more__spanish{
  margin:0;
  color:var(--sa-navy);
  font-size:clamp(17px,1.1vw,23px);
  font-weight:600;
  line-height:1.35;
}
.sa-cta-get-more__spanish a{
  color:var(--sa-navy);
  font-weight:700;
  text-decoration:none;
}
.sa-cta-get-more a:hover,.sa-cta-get-more a:focus-visible{
  text-decoration:underline;
  text-underline-offset:4px;
}
@media (max-width:760px){
  .sa-cta-get-more{padding:42px 18px 54px;}
  .sa-cta-get-more__inner{padding:58px 0 0;}
  .sa-cta-get-more__inner::before{height:10px;border-top-width:4px;border-left-width:4px;border-right-width:4px;border-radius:16px 16px 0 0;}
  .sa-cta-get-more__copy{margin-bottom:38px;}
  .sa-cta-get-more__phones{gap:12px;margin-bottom:28px;}
}