Components/cbdd1b4e-9df2-495e-8f69-d1bc5bad25dc

SaaS CTA

ctafrom SaaS Clean
Sign in to Add to Project
Live

AI Usage Rules

Use as a bottom-of-page conversion section. Keep messaging action-oriented.

Code Template

<section className="bg-blue-500 py-16"><div className="mx-auto max-w-4xl px-6 text-center"><h2 className="text-3xl font-bold text-white">{headline}</h2><p className="mt-4 text-lg text-blue-100">{description}</p><a href="{ctaLink}" className="mt-8 inline-block rounded-lg bg-white px-8 py-3 font-semibold text-blue-500 shadow-sm hover:bg-blue-50">{ctaText}</a></div></section>

Props Schema

PropertyTypeDefaultDescription
ctaLinkstring
ctaTextstring
headlinestring
descriptionstring
View raw JSON schema
{
  "type": "object",
  "properties": {
    "ctaLink": {
      "type": "string"
    },
    "ctaText": {
      "type": "string"
    },
    "headline": {
      "type": "string"
    },
    "description": {
      "type": "string"
    }
  }
}