Middle Aligned CTA

The Middle Aligned CTA component is a simple component that displays a call to action button with a middle aligned layout accompanied by an image.

UI Preview

Web(Light)

Web(Dark)

Native(Light)

Native(Dark)

Usage

To use the MiddleAlignedCta component, import it and provide it with the necessary data. Here is a basic example:

import React from "react";
import MiddleAlignedCta from "@app-launch-kit/components/custom/cta/MiddleAlignedCta";
import { middleAlignedCta } from "@app-launch-kit/utils/constants/cta";

export const MiddleAlignedCtaBasic = () => {
  return <MiddleAlignedCta {...middleAlignedCta} />;
};