import { sanitizeText } from "@/lib/sanitize";
import { CmsContact } from "@/types/TCms";
import InquiresForm from "./form";

const Inquires = ({ contactData }: { contactData?: CmsContact }) => {
  return (
    <div className="flex flex-col items-center mt-16 px-8 ">
      <div className="lg:w-2/3 m-auto flex flex-col gap-4 mb-12">
        <h2 className="font-bold text-4xl">
          {sanitizeText(contactData?.title) || "Unlock Your Growth Potential"}
        </h2>
        <p className="font-normal text-[16px] text-gray-600">
          {sanitizeText(contactData?.description) ||
            "Register for early access and a free consultation. Let's start winning together."}
        </p>
      </div>
      <section className="border border-gray-300 rounded-4xl w-full lg:max-w-2/3 flex flex-col items-center bg-white">
        <InquiresForm contactData={contactData} />
      </section>
    </div>
  );
};

export default Inquires;