PageWeave/Design

Components / Closing CTA

13 Component ctabannerconversionclosing .md

Closing CTA

Final conversion moment

Live preview — rendered in this site's theme Closing CTA

Ready when you are

Build something worth shipping.

No credit card · EU-hosted · Markdown included

Usage

Every page deserves one decisive ending. Kicker → short display headline → ONE button → reassurance line.

Rules

  • Exactly one action. A second CTA halves the first.
  • Headline ≤ 8 words with one italic accent phrase.
  • The reassurance line answers the hesitation the button creates (cost, lock-in, effort).
  • Centered ceremony fits most registers; left-align it inside editorial layouts that never center.
  • No background color change — separation comes from the top hairline and whitespace.

HTML Copy-paste source

<section class="border-t border-base-content/10">
  <div class="max-w-3xl mx-auto px-6 py-24 text-center">
    <p class="font-mono text-xs uppercase tracking-[0.18em] text-base-content/50">Ready when you are</p>
    <h2 class="mt-4 text-4xl md:text-5xl font-medium tracking-tight leading-tight" style="font-family:'Fraunces',serif">
      Build something <em class="italic text-secondary">worth shipping</em>.
    </h2>
    <div class="mt-8">
      <a href="#" class="btn btn-lg btn-primary border-0">Start building — free</a>
    </div>
    <p class="mt-4 font-mono text-xs text-base-content/45">No credit card · EU-hosted · Markdown included</p>
  </div>
</section>