{"version":3,"file":"static/chunks/5366.27c6d10d404a14fc.js","mappings":"8nBAkBA,IAAMA,EAAsB,SAAQ,G,IAALC,EAAS,EAATA,UAAWC,EAAW,EAAXA,YAUlCC,GAAkBC,EAAAA,EAAAA,QAAO,MACOC,GAAAA,EAAAA,EAAAA,UAAS,GAAxCC,EAA+BD,EAAW,GAA7BE,EAAkBF,EAAW,GAC3CG,EAAc,SAACC,GACnBF,EAAeE,GACfN,EAAgBO,QAAQC,UAAUF,IAGpC,OAAM,SACHG,EAAAA,QAAS,CAACC,OAAK,EAACZ,UAAY,oBAA6B,OAAVA,G,oBAC7Ca,MAAG,CAACb,UAAU,6B,oBACZc,KAAE,CACDd,UAAY,0FAAqG,OAAZC,G,oBAEpGc,OAAI,C,UAAC,oB,SACaC,KAAE,IAAG,+B,SAGzBC,KAAE,CAACjB,UAAU,qH,SACXkB,EAAAA,GAAAA,KAA0B,SAACC,EAAKC,GAC/B,OACT,SADUC,KAAE,CAEDC,QAAS,WACPf,EAAYa,IAEdpB,UAAY,uHAGVK,OAFAA,IAAgBe,EAAQ,eAAiB,qBAC1C,KAIA,OAHCf,IAAgBe,EACZ,aACA,8B,mBAGLL,OAAI,C,SAAEI,EAAII,SAZNJ,EAAII,a,UAgBdV,MAAG,CAACb,UAAU,uG,oBACZa,MAAG,CAACb,UAAU,mB,mBACZa,MAAG,CACFb,UAAY,kKACqC,OAAtB,IAAxBwB,OAAOnB,GAAqB,aAAe,IAC9CoB,KAAK,eACLH,QAAS,WACiB,IAAxBE,OAAOnB,IAEHE,EAA4B,IAAhBF,EAAoB,EAAIA,EAAc,I,mBAGvDqB,EAAAA,EAAe,CACdC,OAAQ,OACRC,KAAMC,EAAAA,IACNC,MAAO,c,SAIZjB,MAAG,CAACb,UAAU,oB,mBACZ+B,EAAAA,EAAM,KAjEA,CACfC,MAAM,EACNC,QAAQ,EACRC,UAAU,EACVC,MAAO,IACPC,aAAc,EACdC,eAAgB,EAChBC,WAAW,GA0DiB,CAAEC,IAAKrC,E,SACxBsC,EAAAA,GAAAA,KAA2B,SAACC,GAC3B,OAAM,SAAL5B,MAAG,C,mBACDA,MAAG,CACFb,UAAU,iDACV0C,MAAO,CAAEC,WAAa,GAAe,OAAbF,EAAOG,Q,oBAE9B/B,MAAG,CAACb,UAAU,4B,qBACZa,MAAG,CAACb,UAAU,mB,oBACZ6C,KAAE,CAAC7C,UAAU,8F,mBACXe,OAAI,C,SAAE0B,EAAOK,a,SAEfC,IAAC,CAAC/C,UAAU,gH,mBACVe,OAAI,C,SAAE0B,EAAOO,a,SAEfnC,MAAG,CAACb,UAAU,+C,mBACZiD,EAAAA,EAAa,CACZC,OAAO,EACPC,KAAMC,EAAAA,GAAAA,UAAAA,UACNC,IAAKC,EAAAA,W,SAIVzC,MAAG,CACFb,UAAU,yEACV0C,MAAO,CACLa,gBAAkB,OAAmB,OAAbd,EAAOe,MAAM,cAxBrCf,EAAOe,gB,SAiCtB3C,MAAG,CAACb,UAAU,mB,mBACZa,MAAG,CACFb,UAAY,iJAIX,OAHCwC,EAAAA,GAAAA,OAAgC,IAAoB,EAAdnC,EAClC,aACA,IAENoD,GAAG,QACHhC,KAAK,eACLH,QAAS,WACPkB,EAAAA,GAAAA,OAAgC,IAAoB,EAAdnC,GAElCE,EAA4B,IAAhBF,EAAoB,GAAKA,EAAc,I,mBAGxDqB,EAAAA,EAAe,CACdC,OAAO,OACPC,KAAM8B,EAAAA,IACN5B,MAAM,sBAUtB,WAAe6B,EAAAA,EAAAA,MAAK5D","sources":["webpack://_N_E/./components/common/IndustryServeSlider.jsx"],"sourcesContent":["import\n  {\n    faArrowLeftLong,\n    faArrowRightLong,\n  } from \"@fortawesome/free-solid-svg-icons\";\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport\n  {\n    button_value,\n    INDUSTRIES_SERVE_DATA,\n    INDUSTRIES_SLIDER_DATA,\n    LINK_OF_ALL_PAGES,\n  } from \"const/common\";\nimport { memo, useRef, useState } from \"react\";\nimport Slider from \"react-slick\";\nimport Container from \"./Container\";\nimport PrimaryButton from \"./PrimaryButton\";\n\nconst IndustryServeSlider = ({ className, customStyle }) => {\n  const settings = {\n    dots: false,\n    arrows: false,\n    infinite: true,\n    speed: 1000,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    touchMove: false,\n  };\n  const sliderReference = useRef(null);\n  const [activeSlide, setActiveSlide] = useState(0);\n  const jumpToSlide = (slide) => {\n    setActiveSlide(slide);\n    sliderReference.current.slickGoTo(slide);\n  };\n\n  return (\n    <Container large className={`bg-primary-black ${className}`}>\n      <div className=\"py-8 px-3 md:pb-16 md:px-0\">\n        <h2\n          className={`text-3xl md:text-6xl md:leading-tight font-medium text-center text-white pt-4 md:pt-16 ${customStyle}`}\n        >\n          <span>\n            Serving Clients <br /> across Every Industry\n          </span>\n        </h2>\n        <ul className=\"flex justify-start md:justify-center items-center w-full overflow-auto pt-8 pb-16 md:pt-24 md:px-10 hide-scrollbar\">\n          {INDUSTRIES_SERVE_DATA.map((itm, index) => (\n            <li\n              key={itm.title}\n              onClick={() => {\n                jumpToSlide(index);\n              }}\n              className={`list-none cursor-pointer py-3 mx-5 whitespace-nowrap text-xl first:ml-0 border-2 border-solid border-t-0 border-x-0 ${\n                activeSlide === index ? \"border-white\" : \"border-transparent\"\n              } ${\n                activeSlide === index\n                  ? \"text-white\"\n                  : \"text-opacity-40 text-white\"\n              }`}\n            >\n              <span>{itm.title}</span>\n            </li>\n          ))}\n        </ul>\n        <div className=\"flex justify-center flex-wrap flex-col lg:flex-row bg-primary-black items-center industryServeSlider\">\n          <div className=\"w-full xl:w-1/12\">\n            <div\n              className={`hidden text-3xl text-white border border-solid border-white rounded-full xl:flex justify-center items-center w-12 h-12 mx-auto cursor-pointer \n               ${Number(activeSlide) === 0 ? \"opacity-50\" : \"\"}`}\n              role=\"presentation\"\n              onClick={() => {\n                Number(activeSlide) === 0\n                  ? undefined\n                  : jumpToSlide(activeSlide === 0 ? 4 : activeSlide - 1);\n              }}\n            >\n              <FontAwesomeIcon\n                height={\"30px\"}\n                icon={faArrowLeftLong}\n                width={\"25px\"}\n              />\n            </div>\n          </div>\n          <div className=\"w-full xl:w-10/12\">\n            <Slider {...settings} ref={sliderReference}>\n              {INDUSTRIES_SLIDER_DATA.map((_value) => (\n                <div key={_value.image}>\n                  <div\n                    className=\"rounded-2xl overflow-hidden mx-2 md:mx-4 h-fit\"\n                    style={{ background: `${_value.color}` }}\n                  >\n                    <div className=\"flex flex-col xl:flex-row\">\n                      <div className=\"w-full xl:w-5/12\">\n                        <h3 className=\"text-xl font-medium text-black py-8 px-4 md:pt-12 md:pb-8 md:pl-8 xl:pl-16 xl:pt-16 xl:pr-0\">\n                          <span>{_value.heading}</span>\n                        </h3>\n                        <p className=\"text-base font-medium pr-4 pb-8 pl-4 md:pt-12 md:pb-8 xl:pb-16 xl:pl-16 xl:pt-0 text-gray-600 text-opacity-80\">\n                          <span>{_value.details}</span>\n                        </p>\n                        <div className=\"pb-8 pl-4 md:pb-16 md:pl-8 xl:pb-32 xl:pl-16\">\n                          <PrimaryButton\n                            arrow={false}\n                            link={LINK_OF_ALL_PAGES.mainPages.contactUs}\n                            val={button_value}\n                          />\n                        </div>\n                      </div>\n                      <div\n                        className=\"bg-cover bg-no-repeat pt-80 md:pt-96 md:pb-60 xl:py-0 w-full xl:w-7/12\"\n                        style={{\n                          backgroundImage: `url(${_value.image})`,\n                        }}\n                      ></div>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </Slider>\n          </div>\n          <div className=\"w-full lg:w-1/12\">\n            <div\n              className={`hidden text-3xl text-white border border-solid border-white rounded-full xl:flex justify-center items-center w-12 h-12 mx-auto cursor-pointer ${\n                INDUSTRIES_SLIDER_DATA.length - 1 === activeSlide * 1\n                  ? \"opacity-50\"\n                  : \"\"\n              }`}\n              id=\"arrow\"\n              role=\"presentation\"\n              onClick={() => {\n                INDUSTRIES_SLIDER_DATA.length - 1 === activeSlide * 1\n                  ? undefined\n                  : jumpToSlide(activeSlide === 4 ? 0 : +activeSlide + 1);\n              }}\n            >\n              <FontAwesomeIcon\n                height=\"30px\"\n                icon={faArrowRightLong}\n                width=\"25px\"\n              />\n            </div>\n          </div>\n        </div>\n      </div>\n    </Container>\n  );\n};\n\nexport default memo(IndustryServeSlider);\n"],"names":["IndustryServeSlider","className","customStyle","sliderReference","useRef","useState","activeSlide","setActiveSlide","jumpToSlide","slide","current","slickGoTo","Container","large","div","h2","span","br","ul","INDUSTRIES_SERVE_DATA","itm","index","li","onClick","title","Number","role","FontAwesomeIcon","height","icon","faArrowLeftLong","width","Slider","dots","arrows","infinite","speed","slidesToShow","slidesToScroll","touchMove","ref","INDUSTRIES_SLIDER_DATA","_value","style","background","color","h3","heading","p","details","PrimaryButton","arrow","link","LINK_OF_ALL_PAGES","val","button_value","backgroundImage","image","id","faArrowRightLong","memo"],"sourceRoot":""}