"use client";

interface PricingCTAProps {
  lang: string;
  isAr: boolean;
  onGetStarted: (tierId: string) => void;
}

export default function PricingCTA({
  lang,
  isAr,
  onGetStarted,
}: PricingCTAProps) {
  return (
    <section className="bg-brand-green text-white py-16">
      <div className="max-w-4xl mx-auto px-4 text-center">
        <h2 className="text-3xl md:text-4xl font-bold mb-6">
          {isAr ? "جاهز للبدء؟" : "Ready to Get Started?"}
        </h2>
        <p className="text-xl mb-8 text-white/90">
          {isAr
            ? "انضم لمئات الشركات التي تستخدم مويدي لإدارة مواعيدها بكفاءة"
            : "Join hundreds of businesses using Mawidi to manage appointments efficiently"}
        </p>
        <div className="flex flex-col sm:flex-row gap-4 justify-center">
          <button
            onClick={() => onGetStarted("tier2")}
            className="px-8 py-4 bg-white text-brand-green rounded-lg font-bold text-lg hover:bg-slate-100 transition-colors shadow-lg"
          >
            {isAr ? "ابدأ تجربتك المجانية" : "Start Free Trial"}
          </button>
          <a
            href={`/${lang}/contact`}
            className="px-8 py-4 bg-transparent border-2 border-white text-white rounded-lg font-bold text-lg hover:bg-white/10 transition-colors"
          >
            {isAr ? "تواصل مع المبيعات" : "Contact Sales"}
          </a>
        </div>
      </div>
    </section>
  );
}