Call to Action

Heroes 22

About

A centered call-to-action section with a balanced title, description, and optional button.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Call to Action to your project and fits it to your theme.

Code

How Call to Action is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Cta01 } from '@/components/ui/cta-01'

export default function Cta01Example() {
  return (
    <Cta01
      title="Simple & Elegant"
      description="Display content in a minimal and visually appealing way."
      cta={{
        ctaEnabled: true,
        text: 'Click here',
        link: '',
        variant: 'default',
      }}
    />
  )
}