import { Phone } from "lucide-react";
import Link from "next/link";

interface CTASectionProps {
  title: string;
  subTitle: string;
  href?: string;
}

const CTASection = ({ title, subTitle }: CTASectionProps) => {
  return (
    <section className="bg-gradient-to-r from-secondary to-secondary/50 text-white py-20 text-center px-4">
      <h2 className="text-3xl font-bold mb-4">{title}</h2>
      <p className="text-white mb-8 max-w-xl mx-auto">
       {subTitle}
      </p>
      <Link
        href="/contact"
        className="bg-white text-primary px-8 py-3 rounded font-semibold hover:bg-gray-200"
      >
        Contact Us Today
      </Link>
    </section>
  );
};

export default CTASection;