Section-level call-to-action. Centered heading, copy, and action area. Composes Section internally. Use seamless + bg-muted for backgrounded variants.

Default

No background. Used mid-page as a transition point — "here's the proof, go explore." Heading, short copy, one action.

Built with Angora.

This site is its own proof — designed and built with the same system you'll use.

Backgrounded

seamless with bg-muted. Used as a closing section — community invitation, final conversion moment. Multiple action rows supported.

We're in early alpha.
And we're building in the open.

Angora is open source. We want your feedback — what's broken, what's missing, what would make this the tool you actually reach for.

$ curl -fsSL https://getangora.org/install | sh

Minimal

Just heading and a button. Shows the component works with partial composition — only compose what you need.

Ready to get started?

Anatomy

CTA composes Section internally. The inner div centers everything with a flex column. Sub-components slot in any order — heading, description, actions.

Section heading

Supporting copy that explains the action.

Shell Section → flex flex-col items-center text-center gap-6
Title text-3xl font-semibold tracking-tight text-foreground text-balance
Description text-base text-muted-foreground text-pretty max-w-[50ch]
Actions flex flex-wrap items-center justify-center gap-4