CTA Section
A high-impact Call to Action block designed to drive conversions at the bottom of a page.
Installation
Full Setup guideInstall the component automatically via Shadcn CLI.
npx shadcn@latest add https://www.grettech.com/api/registry/cta-sectionProps
| Prop | Type | Default | Description |
|---|---|---|---|
badge | string | "Get in touch" | Small label above the headline. Pass an empty string to hide it. |
titleLine1 | string | "Let's scale your" | First line of the headline. |
titleLine2 | string | "Brand Together" | Second line of the headline, in the gradient accent. Pass an empty string to hide it. |
description | string | "We're here to help you grow your business with modern web & app solutions." | Text under the headline. Pass an empty string to hide it. |
buttonText | string | "Send a mail to us" | Label of the call-to-action button. Pass an empty string to hide the button. |
buttonLink | string | "/contact" | Where the call-to-action button links to. |
email | string | "hello@domain.com" | Contact email shown below. Pass an empty string to hide it. |
phone | string | "+1234567890" | Contact phone shown below. Pass an empty string to hide it. |
domain | string | "domain.com" | Website shown below (with or without https://). Pass an empty string to hide it. |
variant | "default" | "compact" | "default" | "compact" halves the section's vertical padding. |
className | string | - | Extra classes for the root <section>. |
...props | React.HTMLAttributes<HTMLElement> | - | Any other section attributes (id, style, etc.). |