> From [PageWeave Design](https://pageweave-design.pageweave.site) — a working library for agentic web development. Full index: [llms.txt](https://pageweave-design.pageweave.site/llms.txt)

# Closing CTA

Final conversion moment

- Category: Components
- Tags: cta banner conversion closing

## 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 source

```html
<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>
```