Cta Banner

CTAs

About

Full-width brand-red CTA banner with gradient background. Centered title and subtitle, primary white CTA on red, optional secondary outline CTA. Suited for closing sections and lead-gen pages.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Cta Banner to your project and fits it to your theme.

Code

How Cta Banner is used: the demo's code. The component's own source comes with a free account.

Usage.tsx

import CtaBanner from '@/components/ui/ctabanner'

export default function Demo() {
  return (
    <CtaBanner
      title="Klaar om uw project te starten?"
      subtitle="Vraag vandaag nog een vrijblijvende offerte aan — wij reageren binnen 24 uur."
      primaryCta={{ label: 'Offerte aanvragen', href: '/contact' }}
      secondaryCta={{ label: 'Bel: 076 204 5474', href: 'tel:+31762045474' }}
    />
  )
}