A light paper split with a serif headline whose key word gets a hand-drawn underline, bullet promises, a compact signup card and a row of trust logos.
For finance teams
Ledgerline reconciles every account overnight, flags what looks off and hands your auditors a clean trail.
14 days of full access. No card needed.
By signing up you agree to our Terms and Privacy Policy.
Trusted by finance teams at
npx shadcn@latest add https://hyperblur.dev/r/cta-split-light.jsonWorks in any React project set up with the shadcn CLI. The file lands in components/hyperblur/cta-split-light.tsx.
import { CtaSplitLight } from "@/components/hyperblur/cta-split-light"
<CtaSplitLight onSubmit={async ({ email }) => console.log(email)} />| Prop | Type | Default | Description |
|---|---|---|---|
| eyebrow | string | "For finance teams" | Pill above the headline. Empty hides it. |
| title | string | "Close the books in days, not weeks." | Serif headline. |
| highlight | string | "days," | Part of the title drawn in the accent with an animated underline. |
| subtitle | string | Paragraph under the headline. | |
| promises | string[] | 3 promises | Bullet list with checks. |
| formTitle | string | "Start your free trial" | Signup card heading. |
| formSubtitle | string | "14 days of full access. No card needed." | Line under the card heading. |
| buttonLabel | string | "Create account" | Submit button text. |
| ssoLabel | string | "Continue with SSO" | Secondary button text. Empty hides it and the divider. |
| finePrint | string | Small print under the form. | |
| successMessage | string | Shown in the card after a successful submit. | |
| logosLabel | string | "Trusted by finance teams at" | Label above the logo row. |
| logos | string[] | 5 names | Company names rendered as simple wordmarks. Empty array hides the row. |
| onSubmit | (data: { name: string; email: string }) => void | Promise<void> | Called with the form values. A rejected promise keeps the form open. | |
| onSso | () => void | Called when the SSO button is pressed. | |
| headingFont | string | CSS font-family for the headline. Defaults to the page serif, then Georgia. | |
| accent | string | "#0f8a5f" | Highlight, checks and button color. |
| className | string | "" | Extra classes for the section element. |
| style | CSSProperties | Inline styles merged after the accent variable. |