Cta-4

hex-ui/cta-4

FreeBlock

A split CTA section built to display large amounts of information

Live preview

live · rendered by the registry

Rendered by hex-ui on their own page — this is the component running, not a screenshot of it.

Install it

npx shadcn@latest add https://hexui.sh/r/cta-4.json

Source

registry/blocks/cta/cta-4/source/app/cta/page.tsxhexui.sh/r/cta-4.json

1import { Cta } from "../../components/cta"
2 
3export default function Page() {
4  return (
5    <div className="flex min-h-screen w-full flex-col items-center justify-center px-4 py-4">
6      <Cta />
7    </div>
8  )
9}

What it pulls in

npm packages

lucide-react

Other registry items

button

Files it writes

registry/blocks/cta/cta-4/source/app/cta/page.tsx
registry/blocks/cta/cta-4/source/components/cta.tsx

More from hex-ui

All 34 items

Same registry, same kind — the ones you would have found next
Component	Registry	Kind	Access	Installs
Banner-1banner-1	hex-ui	Blocks	Free	1 dep · 2 files
Banner-2banner-2	hex-ui	Blocks	Free	1 dep · 2 files
Cta-1cta-1	hex-ui	Blocks	Free	1 dep · 2 files
Cta-2cta-2	hex-ui	Blocks	Free	1 dep · 2 files
Cta-3cta-3	hex-ui	Blocks	Free	1 dep · 2 files
Faq-1faq-1	hex-ui	Blocks	Free	no deps · 3 files
Faq-2faq-2	hex-ui	Blocks	Free	no deps · 3 files
Faq-3faq-3	hex-ui	Blocks	Free	no deps · 2 files