import ApplicationMessageIcon from "../icons/ApplicationMessageIcon";

type SubmitApplicationProps = {
  title: string;
};

const SubmitApplication = ({ title }: SubmitApplicationProps) => {
  return (
    <div className="bg-white text-black pt-20">
      <section className="flex flex-col gap-28 mx-auto w-[1440px]">
        <h2 className="text-7xl mx-auto font-bold text-center w-[95%]">
          {title}
        </h2>
        <div className="flex  gap-4">
          <p className="w-[50%] text-3xl">
            Оставьте заявку и наш менеджер свяжется с вами. Расскажем о том, как
            мы сможем решить ваши задачи, дадим оценку стоимости и сроков
          </p>
          <div className="flex items-center gap-8 select-none cursor-pointer group ">
            <div className="text-[#564aa3] group-hover:text-[#E498FF] text-4xl font-bold transition-all duration-300">
              Оставить заявку
            </div>
            <ApplicationMessageIcon />
          </div>
        </div>
        <img src="/images/graffTechLove.png" alt="graff" />
      </section>
    </div>
  );
};

export default SubmitApplication;
