Files
ai-wpa/components/ui/custom-solution-cta.tsx
2025-08-30 18:18:57 +05:30

39 lines
937 B
TypeScript

'use client'
import { Button } from '@/components/ui/button'
import { ArrowRight } from 'lucide-react'
interface CustomSolutionCTAProps {
title?: string
description: string
buttonText?: string
buttonHref?: string
className?: string
}
export function CustomSolutionCTA({
title = "Need Something Custom?",
description,
buttonText = "Contact Us",
buttonHref,
className = ""
}: CustomSolutionCTAProps) {
const handleClick = () => {
if (buttonHref) {
window.location.href = buttonHref
}
}
return (
<div className={`text-center mt-16 p-8 bg-muted/50 rounded-lg ${className}`}>
<h3 className="text-2xl font-semibold mb-4">{title}</h3>
<p className="text-muted-foreground mb-6">
{description}
</p>
<Button size="lg" onClick={buttonHref ? handleClick : undefined}>
{buttonText}
<ArrowRight className="w-4 h-4 ml-2" />
</Button>
</div>
)
}