Split CTA with product visual

Two-column CTA card with a benefit list and a dashboard mock-up, traced by an animated border beam.

Library

Velora UI

Framework

React

Type

block

License

MIT

Dependencies

lucide-react

Install

npx shadcn@latest add https://velora.colorlib.com/r/cta-split-image.json

Files

• src/components/blocks/cta-split-image.tsx
• src/components/velora/border-beam.tsx
• src/components/velora/grid-pattern.tsx
• src/components/velora/meteors.tsx
• src/lib/utils.ts
• src/components/ui/button.tsx

Source

https://github.com/ColorlibHQ/velora-ui

Categories

• Border Effect Components
• React Border Effect Components
• Tailwind CSS Border Effect Components
• Animated Border Effect Components
• CTA Section Components
• React CTA Section Components
• Tailwind CSS CTA Section Components
• Animated CTA Section Components
• shadcn/ui CTA Section Components
• Effect Components
• React Effect Components
• Tailwind CSS Effect Components

More from Velora UI

• Border Beam
• Browser Mockup
• Container Scroll
• Newsletter sign-up
• Vortex CTA band
• Alternating screenshot rows
• Tabbed product tour
• Glowing Effect
• Product screenshot hero
• Phone split hero
• iPhone Mockup
• Macbook Scroll