CTA with Background Image

Overview

The CtaWithBackgroundImage component serves as a call-to-action element that incorporates a background image to emphasize a specific action or message on a webpage.

UI Preview

CTA with Background Image - Web Light — click to enlarge

Usage

To implement this component, import it alongside the necessary data configuration:

import React from "react";
import CtaWithBackgroundImage from "@cloudnua-mobile/components/custom/cta/CtaWithBackgroundImage";
import { ctaWithBackground } from "@cloudnua-mobile/utils/constants/cta";
 
export const CtaWithBackgroundImageBasic = () => {
  return <CtaWithBackgroundImage {...ctaWithBackground} />;
};

CloudNua Mobile Starter

This component is included with CloudNua Mobile. All packages and source code are available with your purchase. View plans →