29 lines
717 B
TypeScript
29 lines
717 B
TypeScript
import Link from 'next/link';
|
|
|
|
interface BlogCTAProps {
|
|
title: string;
|
|
description: string;
|
|
buttonText: string;
|
|
buttonHref: string;
|
|
}
|
|
|
|
export const BlogCTA = ({
|
|
title,
|
|
description,
|
|
buttonText,
|
|
buttonHref,
|
|
}: BlogCTAProps) => {
|
|
return (
|
|
<div className="my-8 p-6 bg-gradient-to-r from-purple-50 to-indigo-50 rounded-lg border border-purple-100">
|
|
<h3 className="text-lg font-semibold text-gray-900 mb-2">{title}</h3>
|
|
<p className="text-gray-600 mb-4">{description}</p>
|
|
<Link
|
|
href={buttonHref}
|
|
className="inline-block px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 transition-colors"
|
|
>
|
|
{buttonText}
|
|
</Link>
|
|
</div>
|
|
);
|
|
};
|