CTA band

Grey band with a heading and the one primary button.

Marketing

Pack defaults

With content

In context

Source

import { CtaBand } from "demo-landing/components";

const props = {
  "heading": "Plan next week in ten minutes",
  "lead": "Free for one person. No card needed.",
  "buttonLabel": "Start free",
  "buttonHref": "#signup"
};
<CtaBand {...props} />

Live CSS

Injected into the previews above. CTA band

/* Live CSS — edits inject into every preview above.
   Try overriding a component utility, e.g.:
   .btn { letter-spacing: 0.04em; } */