/* 
  This is the contact cta component.
  It contains the following components:
  - ContactCTA
*/
import { FAQsContent } from '@/src/types/StaticContent/faqs.content.type';
import Routes from '@/src/utils/RouteConstants';
import Link from 'next/link';

const ContactCTA = ({ ContactCTAContent }: { ContactCTAContent: FAQsContent['CONTACT_CTA'] }) => {

  return (
    <>
      <section className={`w-full mt-[30px] sm:mt-[40px] lg:mt-[65px] xxxl:mt-[75px]`}>
        <div className={`container`}>
          <div className={`bg-secondaryColor p-5 sm:p-6 lg:p-8 rounded-[16px] text-whiteColor`}>
            <h6 className={`!mb-[10px] !font-semibold text-center`}>{ContactCTAContent?.TITLE}</h6>
            <p className={`!mb-0 text-center fs-18`}>{ContactCTAContent?.DESCRIPTION}</p>
            <Link className={`WhiteBtn !text-secondaryColor w-max mx-auto mt-4 sm:mt-5`} href={Routes.CONTACT}>{ContactCTAContent?.BUTTON}</Link>
          </div>
        </div>
      </section>
    </>
  )
}

export default ContactCTA