Primary only
Drop the secondary CTA for a single, unambiguous next step.
See it on your own project
Book your walkthrough
Thirty minutes, tailored to your site.
CTA Banner
The full-bleed navy call-to-action band that closes a landing page — a brand Backdrop, an eyebrow, display headline and body on the left, and up to two CTAs on the right (the primary uses the accent variant with the .cta-arrow hover nudge).
$
Registry itembunx shadcn@latest add @nx-ui/cta-bannerSplit layout
The default: copy and CTAs side by side. The accent primary plus an on-brand outline secondary.
See it on your own project
Ready to close the loop?
Bring your yard, your loads and your reporting into one system. Most teams are live within a fortnight.
Centred layout
layout=centered stacks the copy and CTAs, centred — a punchier, symmetrical close.
Get started
One platform for the whole operation
Inventory, dispatch and compliance, unified.
API reference
Exported parts and their props, extracted from the component source.
| Prop | Type | Default | Description |
|---|---|---|---|
eyebrow | string | "See it on your own project" | — |
title* | string | — | — |
body | string | — | — |
primaryCta | Cta | { label: "Book a demo", href: "#" } | — |
secondaryCta | Cta | — | — |
layout | "split" | "centered" | "split" | — |
className | string | — | — |