Skip to main content
The Call to Action (CTA) section is a reusable component designed to prompt users to take an action, such as signing up or starting a trial. File Location: src/components/marketing/cta.tsx

​
How to Customize

There are two primary ways to customize the CTA component, depending on whether you want to change the content everywhere or just in one specific place.
  • Change Default Content (Global)
  • Override with Props (Specific Page)
If you want to change the main CTA content throughout your site, edit the default values directly in the component. This is the recommended approach for your primary, most-used CTA.The default text and link are set in the function’s parameters. Edit these values to set your new default call to action.
src/components/marketing/cta.tsx
export function CTA({
  logo,
  title = "The magic of AI at your fingertips.",
  description = "Join thousands of professionals who have already streamlined their scheduling...",
  buttonText = "Get Started",
  buttonHref = "/sign-up",
}: CTAProps = {}) {
  // ... component logic
}
Once you change these values, any instance of <CTA /> used without props will display your new default content.