Full Page CTA

A full-page call-to-action (CTA) component with a gradient or image background. Use it on your landing page to draw attention to an action.

By default, the CTA is set to ButtonCheckout. You can customize this to any button you like.

Full Page CTA


import FullPageCTA from "@/components/FullPageCTA";
 
...
 
<FullPageCTA />

You can customize the content for this component in @/config/content.ts:

...
export const fullPageCTA = {
  title: 'Take action now',
  headline:
    "Yes, now. Don't wait. Click the button below.",
};

Tip: You can remove the gradient background and use a background image instead, by setting the Tailwind class bg-[url('/path/to/image.png')]


Last Updated: March 5
FooterHeader