{"version":3,"file":"static/chunks/4711.09c156113c9d8610.js","mappings":"mLAoGA,UA7FyB,SAACA,GACxB,IAA0CA,EAAAA,EAAWC,mBAA7CC,EAAkCF,EAAlCE,SAAUC,EAAwBH,EAAxBG,YAAaC,EAAWJ,EAAXI,OACGC,GAAAA,EAAAA,EAAAA,WAAS,GAApCC,EAA2BD,EAAe,GAA/BE,EAAgBF,EAAe,GAQjD,OAAM,sB,oBAEDG,EAAAA,QAAS,CAACC,OAAK,E,oBACbC,MAAG,CAACC,UAAU,6D,qBACZD,MAAG,CAACC,UAAU,mB,oBACZC,KAAE,CAACD,UAAU,iJ,mBACXE,OAAI,CACHC,wBAAyB,CACvBC,OAAQb,Q,SAIbQ,MAAG,CACFC,UAAU,iFACVG,wBAAyB,CAAEC,OAAQZ,M,SAEpCO,MAAG,CAACC,UAAU,kD,SACZK,EAAAA,GAAAA,KAA0B,SAACC,GAC1B,OAAM,UAALP,MAAG,CAAmBC,UAAU,6B,oBAC9BD,MAAG,C,mBACDQ,EAAAA,QAAK,CACJC,IAAI,WACJC,OAAQ,GACRC,QAAS,IACTC,IAAI,iCACJC,MAAO,Q,SAGVb,MAAG,C,mBACDc,IAAC,CAACb,UAAU,oB,mBACVE,OAAI,C,SAAEI,EAAMQ,cAZTR,EAAMQ,a,SAkBnBf,MAAG,CAACC,UAAU,Q,mBACZe,EAAAA,EAAc,CACbtB,OAAQA,EACRuB,WAAW,yBACXC,QA9CI,WAChBrB,GAAa,Y,SAiDNG,MAAG,CAACC,UAAU,mB,mBACZD,MAAG,CAACC,UAAU,4F,SACZkB,EAAAA,GAAAA,KAAgC,SAACC,EAAOC,GACvC,OAAM,UAALrB,MAAG,CAACC,UAAU,6B,qBACZD,MAAG,CAACC,UAAU,6B,oBACZO,EAAAA,QAAK,CACJC,IAAI,UACJC,OAAQ,GACRE,IAAKQ,EAAMR,IACXC,MAAO,M,SAERb,MAAG,CACFC,UAAY,+BAIX,OAHCkB,EAAAA,GAAAA,OAAqC,IAAME,EACvC,SACA,e,UAITrB,MAAG,CAACC,UAAU,mB,oBACZqB,KAAE,CAACrB,UAAU,8C,oBACXE,OAAI,C,UACFkB,EAAQ,EAAE,QAAQD,EAAML,Y,SAG5BD,IAAC,CAACb,UAAU,+F,mBACVE,OAAI,C,SAAEiB,EAAM3B,qBAvB8B2B,EAAMG,iB,SAgChEC,EAAAA,EAAK,CAACC,OAAQ7B,EAAW8B,QAlFX,WACjB7B,GAAa","sources":["webpack://_N_E/./components/hire-page/WhyHireDeveloper.jsx"],"sourcesContent":["import { HIRE_DEVELOPER_PROCESS_DATA, PROCESS_FEATURES_DATA } from \"const/technology\";\nimport Image from \"next/image\";\nimport { useState } from \"react\";\nimport Container from \"../common/Container\";\nimport Modal from \"../common/Modal\";\nimport HirepageButton from \"./common/Button\";\n\nconst WhyHireDeveloper = (properties) => {\n  const { headLine, description, button } = properties.hireProcessSection;\n  const [modalOpen, setModalOpen] = useState(false);\n\n  const openModal = () => {\n    setModalOpen(true);\n  };\n  const closeModal = () => {\n    setModalOpen(false);\n  };\n  return (\n    <>\n      <Container large>\n        <div className=\"my-20 md:my-16 lg:mt-28 lg:mb-36 flex flex-col xl:flex-row\">\n          <div className=\"w-full xl:w-7/12\">\n            <h2 className=\"md:w-4/5 lg:w-11/12 text-4xl leading-tight md:text-4xl md:leading-snug lg:leading-tight lg:text-6xl font-medium text-black mr-0 mb-12 xl:mr-32\">\n              <span\n                dangerouslySetInnerHTML={{\n                  __html: headLine,\n                }}\n              ></span>\n            </h2>\n            <div\n              className=\"text-base text-justify lg:pr-32 mb-8 [&>p]:mb-4 text-black [&_a]:text-blue-500\"\n              dangerouslySetInnerHTML={{ __html: description }}\n            ></div>\n            <div className=\"flex flex-wrap pt-10 md:pt-12 md:mr-20 lg:mr-32\">\n              {PROCESS_FEATURES_DATA.map((value) => (\n                <div key={value.title} className=\"flex w-full md:w-6/12 pb-8\">\n                  <div>\n                    <Image\n                      alt=\"verified\"\n                      height={24}\n                      quality={100}\n                      src=\"/assets/common/round-true.webp\"\n                      width={24}\n                    />\n                  </div>\n                  <div>\n                    <p className=\"text-xl ml-6 mb-0\">\n                      <span>{value.title}</span>\n                    </p>\n                  </div>\n                </div>\n              ))}\n            </div>\n            <div className=\"pt-10\">\n              <HirepageButton\n                button={button}\n                buttonName=\"Book a 30 min Call Now\"\n                onClick={openModal}\n              />\n            </div>\n          </div>\n          <div className=\"w-full xl:w-5/12\">\n            <div className=\"py-12 px-4 mt-16 md:py-16 md:px-20 lg:mt-12 lg:py-20 lg:px-9 bg-primary-black rounded-3xl\">\n              {HIRE_DEVELOPER_PROCESS_DATA.map((items, index) => (\n                <div className=\"gap-4 flex justify-between\" key={items.id}>\n                  <div className=\"flex flex-col items-center\">\n                    <Image\n                      alt=\"profile\"\n                      height={61}\n                      src={items.src}\n                      width={61}\n                    />\n                    <div\n                      className={`w-px bg-primary-yellow h-28 ${\n                        HIRE_DEVELOPER_PROCESS_DATA.length - 1 === index\n                          ? \"hidden\"\n                          : \"block\"\n                      }`}\n                    ></div>\n                  </div>\n                  <div className=\"w-10/12 lg:w-4/5\">\n                    <h3 className=\"text-base md:text-xl text-white font-medium\">\n                      <span>\n                        {index + 1}.&nbsp;{items.title}\n                      </span>\n                    </h3>\n                    <p className=\"pb-4 md:pb-0 mb-0 md:mb-4 mt-2 text-justify md:text-start text-sm lg:text-base text-white/80\">\n                      <span>{items.description}</span>\n                    </p>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </div>\n        </div>\n      </Container>\n      <Modal isOpen={modalOpen} onClose={closeModal} />\n    </>\n  );\n};\nexport default WhyHireDeveloper;\n"],"names":["properties","hireProcessSection","headLine","description","button","useState","modalOpen","setModalOpen","Container","large","div","className","h2","span","dangerouslySetInnerHTML","__html","PROCESS_FEATURES_DATA","value","Image","alt","height","quality","src","width","p","title","HirepageButton","buttonName","onClick","HIRE_DEVELOPER_PROCESS_DATA","items","index","h3","id","Modal","isOpen","onClose"],"sourceRoot":""}