CTA

The CTA component displays a call-to-action section with a title, description, and a button.

Props

The CTA component accepts the following props:

  • title (string, required): The main title of the call-to-action section.

  • description (string, required): A description or details about the call-to-action.

  • buttonText (string, required): The text displayed on the button.

Usage Example

<CTA
  title="Join With Us Today & Increase Your Productivity"
  description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. In convallis tortor eros. Donec vitae tortor lacus. Phasellus aliquam ante in maximus."
  buttonText="Sign up free"
/>

In the example above, the CTA component is used to render a call-to-action section with sample data. Replace the prop values with the appropriate content for your project.

Styling

The CTA component uses Tailwind CSS utility classes for styling. You can customize the component's appearance by modifying these classes or extending them with your own styles.

For more information on Tailwind CSS, refer to the official documentation: https://tailwindcss.com/docs

Last updated

Was this helpful?