Demo Request Split Form
A closing call-to-action split in two: the left side lists 3-4 short promises about what a demo call is like, each separated by a hairline rule, while the right side holds a compact form for name, work email, and team size, a submit button, and fine print about response time.
Docs
Installation
A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button dependencies and any missing npm packages, and installs them straight into your project.
npx shadcn add https://staaarter.com/r/demo-request-split-form.jsonPrefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/cta/cta77.tsx instead.
Usage
The file also exports cta77Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.
import { Cta77, cta77Demo } from "@/components/blocks/cta/cta77"; export default function Page() { return <Cta77 {...cta77Demo} />; }
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| heading | string | "See it running on your own data" | Heading above the promises list. |
| promises | string[] | none | Short reassurance statements about the demo, separated by hairline rules. |
| actionLabel | string | "Request a demo" | Label for the submit button. |
| finePrint | string | none | Small print shown under the submit button. |
| className | string | none | Extra classes for the outer section element. |
Behavior notes
- Fully static: this is a Server Component, so the form has no onSubmit handler and every input is uncontrolled, nothing is sent anywhere on submit.
- The hairlines between promises use `divide-y divide-border` on the list container, which is equivalent to a `border-t border-border` on every item but the first.
More CTA Blocks
View all →centered-newsletter-cta
Centered Newsletter CTA
Minimal centered call-to-action with heading, description, and action buttons.
split-layout-newsletter-cta
Split Layout Newsletter CTA
Two-column call-to-action with a decorative image on one side and a feature list plus subscribe form on the other.
newsletter-social-proof-cta
Newsletter CTA with Social Proof
Newsletter call-to-action with an avatar stack, subscriber count, and a testimonial quote.
banner-cta
Banner CTA
Horizontal banner call-to-action with heading and action buttons side by side.
stats-cta
Stats CTA
Call-to-action section with impressive statistics and trust indicators above action buttons.
multi-card-cta
Multi-Card CTA
Three action cards side by side, each offering a different path to conversion.