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>
  );
};