All categories

cta/*

Calls to action

Conversion sections — banner, mid-page, or inline email capture.

3 variants
@vireya/blocks/cta/banner

Full-width band, bordered or shaded variant.

server

Ready to build your landing?

One import, infinite customization.

@vireya/blocks/cta/centered

Centered eyebrow + headline + actions.

server
Get started

Build your next landing in an afternoon

Composable sections, themeable tokens, real components — not screenshots.

@vireya/blocks/cta/inlineEmail

Newsletter signup with email validation. Uses state — opts into 'use client'.

client

Get the changelog

One email when we ship. No spam, no upsell.

Unsubscribe anytime. We never share your address.

Understanding Calls to action

A call-to-action block exists to convert — it isolates a single decision (sign up, start a trial, contact sales) and removes everything competing for attention. Placed mid-page or at the end, it catches readers at the moment they're persuaded.

Vireya offers banner, centered and inline-email-capture CTA variants, all customised through props.

When to use

  • Closing a landing page once you've made the case.
  • Breaking up a long page with a mid-scroll conversion prompt.
  • Capturing an email with a single inline field.

When to avoid

  • Stacking multiple CTAs back to back, which dilutes each one.
  • Asking for a high-commitment action before establishing value.

Best practices

  • Use one specific, action-led label ('Start free trial', not 'Submit').
  • Surround the action with minimal copy — restate the benefit, then ask.
  • Make the button the highest-contrast element in the block.
  • For email capture, ask for the least information that lets you follow up.

Accessibility

  • Label the action button by its outcome, not 'click here'.
  • Associate inline email inputs with a visible or accessible label.
  • Maintain strong contrast between the button and its background.

Frequently asked questions

Where should a call-to-action block go on the page?
At least at the end, after you've made your case, and often a second time mid-page for long content. Place it where the reader is most likely to be convinced, and keep one clear action per block.
What should a CTA button say?
State the outcome in the user's terms — 'Start free trial', 'Get the template', 'Talk to sales'. Specific, benefit-led verbs outperform generic labels like 'Submit' or 'Click here'.