About
Call-to-action section for the end of a landing page: a heavy two-line headline, a primary button and a secondary link on a halftone field, ringed by engraved postage stamps you can pick up, throw and drop. Pressing the button brings a postmark down on the offer stamp. Stamps never rest on the copy, phones get their own layout, three presets with dark versions.
Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds CTA Section with Draggable Stamps to your project and fits it to your theme.
Code
How CTA Section with Draggable Stamps is used: the demo's code. The component's own source comes with a free account.
Usage.tsx
import PostmarkCta from "@/components/ui/postmark-cta"
export default function PostmarkCtaDemo() {
return (
<PostmarkCta
preset="voyage"
onCtaClick={() => console.log("open the trip planner")}
onSecondaryClick={() => console.log("browse places")}
/>
)
}
















