CTA Section

Call-to-action section with animated gradient background on hover. Features a large CTA button with glow effect.

Live Preview

Hover over the card to see the gradient animation effect.

Let's start something big

Open to full-time, freelance, and contract work. Book a free 30min intro call to chat or send me an email.

Get in touch

View Full Version

View on homepage

Props

title

string (optional)

Default: "Let's solve it together"

subtitle

string (optional)

Description text below heading.

buttonText

string (optional)

Default: "Start your project"

buttonHref

string (optional)

Default: "/contact"

Hover Effect

The card features an interactive hover effect:

Purple gradient background fades in
Text color transitions to white
Animated border stops rotating
Button glow effect fades out

Usage

tsx

import { CTASection } from '@/components/sections/CTASection'

// Default usage
<CTASection />

// Custom content
<CTASection
  title="Ready to get started?"
  subtitle="Let's build something amazing together."
  buttonText="Contact me"
  buttonHref="/contact"
/>

Import

tsx

import { CTASection } from '@/components/sections/CTASection'