Cta 10

Buttons 38

About

A classic call to action block with 2 buttons - left aligned

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

Code

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

Usage.tsx

import { Cta10 } from "@/components/blocks/shadcnblocks-com-cta10"

const demoData = {
  heading: "Ready to Get Started?",
  description:
    "Join thousands of satisfied customers using our platform to build amazing websites.",
  buttons: {
    primary: {
      text: "Get Started",
      url: "https://www.shadcnblocks.com",
    },
    secondary: {
      text: "Learn More",
      url: "https://www.shadcnblocks.com",
    },
  },
};

function Cta10Demo() {
  return <Cta10 {...demoData} />;
}

export { Cta10Demo };