Keep this CTA to one clear action plus one clear exit, not three competing buttons. A pattern with too many equal-weight choices tends to convert worse than one with a single obvious next step and a quiet way out for people who aren’t ready yet.
Gutenberg
Design a call-to-action block pattern for a landing page
A scenario prompt that builds an end-of-page CTA banner from a Group, Heading, Paragraph, and Buttons block, using theme palette colors so it survives a theme switch.
Works with Claude / GPT1,550 uses★ 4.5
The prompt
gutenberg-cta-block-pattern-landing-page
I need a call-to-action banner at the bottom of our ebook landing page: Heading: "Get the full guide, free" Body: "47 pages on scaling a support team without burning out your best people." Button: "Download the PDF" linking to /downloads/support-guide.pdf Secondary link: "No thanks, take me to the blog" linking to /blog [replace with your own heading, body copy, button label/link, and secondary link] Build this as a single self-contained core-block pattern: 1. Wrap everything in a `wp:group` set to full width or wide alignment, with a background color set to a theme.json palette slug (like `contrast` or `primary`), not a raw hex code, so the section still has proper contrast if the site later switches themes or the palette gets updated. 2. Add a `wp:heading` (level 2, this isn't the page's main H1) and a `wp:paragraph` for the body text, then a `wp:buttons` block holding one `wp:button`. 3. Add the secondary "no thanks" link as a plain `wp:paragraph` with a link inside it below the button, styled smaller and less prominent, don't make it a second button of equal visual weight, that defeats the point of having a primary action. 4. Check text-to-background contrast explicitly: if the group's background is a dark palette color, the heading and paragraph need a light text color set too, don't rely on the theme's default text color, which is usually dark and will vanish against a dark section background. 5. Confirm the button's text isn't just "Download" with the destination implied by context, screen reader users navigating by a list of links out of context need the label itself to say what they're downloading. 6. Output the complete `wp:group` markup down through the buttons and link paragraph.