Components / Closing CTA
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>