Cta 4

Buttons 289

About

Call to action section with heading, description and button on left. Feature bullet list on right.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Cta 4 to your project and fits it to your theme.

Code

How Cta 4 is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import { Cta4 } from "@/components/ui/cta-4";

const DemoOne = () => {
  return (
    <Cta4
      title="Call to Action"
      description="Lorem ipsum dolor, sit amet consectetur adipisicing elit. Architecto illo praesentium nisi, accusantium quae."
      buttonText="Get Started"
      buttonUrl="https://shadcnblocks.com"
      items={[
        "Easy Integration",
        "24/7 Support",
        "Customizable Design",
        "Scalable Performance",
        "Hundreds of Blocks"
      ]}
    />
  );
};

export { DemoOne };