Marketing · virtual
$2,400 of $5,000 this month
Spend controls that travel with every card
Set limits, lock merchant types and freeze a card in one tap — rules apply instantly, everywhere.
Fintech
A business-banking product landing page for the fictional "Keelson": sticky header, a hero with email capture and a code-built payment card that tilts with a holographic sheen above a live account panel (Tally balance, transactions sliding in), an FX ticker + Ledger stat band, a feature grid of working UI vignettes (spend controls, multi-currency, instant payouts), a security & compliance band with a disclaimer slot, a Touchstone plan comparison, a Slipway app download, Hallmarks + Casebook customer proof, an Assay FAQ and a Tailstock footer with a regulatory disclaimer — every section a prop, one accent.
motionpro
Pro
The preview is live. The source is Pro.
One purchase, lifetime access: every pro component's source, CLI install with your own registry token, and all future drops.
Installation
CLI
npx shadcn@latest add @crucible/fintechManual — install dependencies, then copy the source
npm install motionProps
| Prop | Type | Default | Description |
|---|---|---|---|
| brand | string | "Keelson" | Brand name beside the logo. |
| logo | React.ReactNode | a keel monogram | Logo mark (a 1em SVG using currentColor). |
| nav | FintechNavItem[] | Nav links (hidden behind a menu button in narrow containers). | |
| signIn | FintechAction | false | Ghost sign-in link. false hides it. | |
| cta | FintechAction | Accent-filled header CTA. |
Honors prefers-reduced-motion with a designed static fallback, and passes className through.