Components
CallToAction CTA
CallToActionHero is a reusable React component designed to showcase a compelling call-to-action section with a modern layout, decorative background blobs, and responsive buttons. It’s perfect for landing pages, product intros, or sign-up prompts. The component is fully customizable via props and styled with Tailwind CSS.
import CallToAction from "@/components/ui/call-to-action";
export default function DemoOne() {
const ctaData = {
title: "Sign up for free today",
subtitle: "Celebrate the joy of accomplishment with an app designed to track your progress and motivate your efforts.",
primaryButtonText: "Get started",
primaryButtonLink: "#start",
secondaryButtonText: "Learn more",
secondaryButtonLink: "#learn"
};
return (
<div className="app-wrapper">
<CallToAction {...ctaData} />
</div>
);
}