// Client/Server Component // "use client" // uncomment when required for: hooks, event handlers, browser APIs /** * @name CTA 02 * @description A bold CTA section with gradient background, decorative elements, * and prominent call-to-action. Great for high-impact conversion sections. * * @slots cta, cta-container, cta-content, cta-eyebrow, cta-heading, * cta-description, cta-actions, cta-primary, cta-secondary * @variant gradient * * @registryDependencies button-link button * @dependencies lucide-react */ import * as React from "react" import { ArrowRight, Sparkles } from "lucide-react" import { cn } from "@/registry/lib/utils" import { ButtonLink } from "@/registry/ui/button-link" // ============================================================================ // TYPES // ============================================================================ interface CtaConfig { /** Button text */ text: string /** Link destination */ href: string } interface Cta02Props { /** Eyebrow text above heading */ eyebrow?: string /** Main heading */ heading?: string /** Supporting description */ description?: string /** Primary CTA button */ primaryCta?: CtaConfig /** Secondary CTA button */ secondaryCta?: CtaConfig /** Additional CSS classes */ className?: string } // ============================================================================ // COMPONENT // ============================================================================ function Cta02({ eyebrow = "Limited time offer", heading = "Start your free trial today", description = "Get started with our platform and see results in minutes. No credit card required.", primaryCta = { text: "Start free trial", href: "#" }, secondaryCta = { text: "Talk to sales", href: "#" }, className, }: Cta02Props) { return (

{/* Background */}

{/* Decorative blur */}

{/* Eyebrow */} {eyebrow && (

)} {/* Heading */}

{heading}

{/* Description */} {description && (

{description}

)} {/* CTAs */}

{primaryCta && ( {primaryCta.text} )} {secondaryCta && ( {secondaryCta.text} )}

) } export default Cta02 export { Cta02, type Cta02Props, type CtaConfig }