About this block
A closing call to action inside a wide card: your pitch and two buttons on one side, a photo filling the other. The photo makes the offer feel real and the card frame sets it apart from the sections around it. It works at the bottom of a landing page or between long sections.
When to use it
- At the end of a landing page, to give readers one last clear next step.
- You're promoting a free trial, a consultation or a sign-up and have a photo that shows the result.
- A page needs a visual break between text-heavy sections.
What's inside
- A white section holding one rounded card on your light surface colour, with a soft shadow.
- Left half: a small uppercase eyebrow in your primary colour, an h2 headline, a paragraph, and a solid and an outlined button side by side.
- Right half: a photo cropped to fill the card from edge to edge.
- On phones the photo moves to the top of the card and the buttons stack at full width.
How to customize it
- Make the headline about what visitors get, and keep the paragraph to 2 sentences.
- Point the solid button at your main action and the outlined one at a lower-commitment option, like pricing or docs.
- Replace the photo with your own and update its alt text. People using your product work better than stock office shots.
- Delete the outlined button if you want a single, focused action.
Questions
- Where should a CTA like this go on the page?
- Usually at the end, after you've explained the offer. On long pages you can also place one halfway down for readers who are ready early.
- What photo size should I use?
- Around 1200 pixels wide. The photo is cropped to fill its half of the card, so keep the subject away from the edges.
- Why is the photo above the text on phones?
- On a narrow screen the card becomes one column. Putting the photo first keeps the headline, paragraph and buttons together underneath it, so the call to action reads as one piece.