sa-results-final-cta-navy (CALL NOW) v2026-06-04
Navy Visible Depth gradient final CTA. White Georgia/Times New Roman headline with italic-orange 'Get It With Sam Aguiar.' line, $0-out-of-pocket / Bigger Share Guarantee subline, all-caps CALL NOW pill button, and a prior-results disclaimer.
Source skill: sa-results-final-cta · Updated 2026-06-15 12:32:42
When to use
Bottom-of-page closing CTA when a dark, statement-style finish fits the page rhythm.
Rules & constraints
- Button text is ALL CAPS 'CALL NOW' (June 2026 decision). tel: href only. Orange-fill pill button. Keep the prior-results disclaimer. Pick one closing CTA 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
Deployment notes
Variant A of two final-CTA variants (navy). Pair white variant on alternating pages, never both on one page. Run pre-publish-qa and post-deploy Playwright visual QA. 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
<section class="sa-cta-final"><div class="in"><h2>Get More. Get It Faster.<br><em>Get It With Sam Aguiar.</em></h2><p>$0 Out-Of-Pocket Forever. You only pay if we win, and with the Bigger Share Guarantee® you always get more.</p><a class="b" href="tel:5028888888"><svg viewBox="0 0 24 24" width="20" height="20" fill="currentColor" aria-hidden="true"><path d="M6.6 10.8c1.4 2.8 3.8 5.2 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.6c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.4 0 .7-.2 1l-2.4 2.2z"></path></svg>CALL NOW</a><p class="d">Prior results do not guarantee a similar outcome. Each case is different and must be evaluated on its own facts.</p></div></section>CSS
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@700&display=swap');
.sa-cta-final{--navy:#0B212D;--orange:#D97706;--font-display:Georgia,'Times New Roman',serif;--font-ui:'Poppins',system-ui,sans-serif;position:relative;background:linear-gradient(0deg,#000,var(--navy) 100%);color:#fff;text-align:center;padding:64px 24px;overflow:hidden;border-radius:12px;}
.sa-cta-final::after{content:"";position:absolute;inset:0;background:radial-gradient(50% 70%,rgba(217,119,6,.16),transparent 70%);pointer-events:none;}
.sa-cta-final .in{position:relative;z-index:1;max-width:680px;margin:0 auto;}
.sa-cta-final h2{font-family:var(--font-display);font-weight:500;font-size:clamp(28px,4.6vw,46px);line-height:1.05;margin:0 0 16px;color:#fff;}
.sa-cta-final h2 em{font-style:italic;color:var(--orange);}
.sa-cta-final p{font-weight:300;font-size:17px;color:#FFFFFF;margin:0 0 28px;}
.sa-cta-final .b{display:inline-flex;align-items:center;gap:10px;background:#0B212D;color:#fff;font-family:var(--font-ui);font-weight:700;font-size:18px;text-decoration:none;padding:16px 36px;border-radius:999px;transition:background .2s,color .2s;}.sa-cta-final .b:hover{background:linear-gradient(0deg,#000000 0%,#0B212D 100%);color:#D97706;}
.sa-cta-final .d{font-size:12.5px;color:#FFFFFF;font-weight:300;max-width:560px;margin:22px auto 0;line-height:1.5;}