cta

Call-to-action block with eyebrow, heading, body text, and an actions slot. Sits inside section() + container() — adds no padding of its own.

Get started today

Ready to build?

One spec file per page. SSR always on. Lighthouse 100 out of the box.

Start building →View on GitHub

cta({
  eyebrow:  'Get started today',
  title:    'Ready to build?',
  subtitle: 'One spec file per page. SSR always on. Lighthouse 100 out of the box.',
  actions:  button({ label: 'Start building →', href: '/docs', variant: 'primary', size: 'lg' }) +
            button({ label: 'View on GitHub',    href: 'https://github.com/...', variant: 'ghost', size: 'lg' }),
})

Prop	Type	Default
`eyebrow`	string	—	Small label above the heading
`title`	string	—	Main heading
`level`	number	2	Heading tag for the title (1–6). Visual style is unchanged.
`subtitle`	string	—	Supporting paragraph
`actions`	string (HTML)	—	Raw HTML slot — typically button() calls
`align`	string	'center'	'center' · 'left'