SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-cta-get-more-get-it-faster
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
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.
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.
Source skill
Rules (one per line, leading dash optional)
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.
Live reference URL
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ñ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;} }
Save changes
Cancel