{"version":3,"sources":["webpack:///./src/templates/BlurCardList/index.jsx","webpack:///./src/assets/Images/WhatWeDo/clutch-co-vector-logo.svg","webpack:///./src/assets/Images/Homepage/Product_designing_and_Prototyping.png","webpack:///./src/assets/Images/Homepage/mobile_application_development.png","webpack:///./src/assets/Images/Homepage/AgileServices/digirytePods.png","webpack:///./src/assets/Images/HowWeDoIt/who_we_work_with.png","webpack:///./src/assets/Images/WhatWeDo/who_we_work_with.png","webpack:///./src/assets/Images/Homepage/Learn_More_white.svg","webpack:///./src/assets/Images/WhatWeDo/what-we-do-banner-image.png","webpack:///./src/components/MiniCardWithBgImg/index.jsx","webpack:///./src/templates/OurLocation/index.jsx","webpack:///./src/assets/Images/ogImages/OG_What-we-do.png","webpack:///./src/assets/Images/Homepage/digital_transformation.png","webpack:///./src/assets/Images/accordian.svg","webpack:///./src/assets/Images/Homepage/product_scaling.png","webpack:///./src/assets/Images/HowWeDoIt/contactus_250px.png","webpack:///./src/assets/Images/Homepage/DigirytepodsHover.png","webpack:///./src/components/MiniCardWithBgImg/MiniCardWithBgImg.scss","webpack:///./src/assets/Images/Homepage/MVP.png","webpack:///./src/pages/what-we-do.jsx","webpack:///./src/assets/Images/Homepage/code_ux_audit.png"],"names":["BlurCardList","props","useState","isHover","setIsHover","showRemainingComponent","setShowRemainingComponent","toggleHover","sliceArray","BlurCardListData","cardsData","slice","sliceArrayIndustry","sliceArrayFinal","componenetName","remainingArray","remainingArrayIndustry","finalArray","className","container","coponentCount","direction","spacing","loadMore","map","item","index","key","xs","sm","text","md","MiniCardBgImg","image","MiniCardBgImgId","componentId","title","subtitle","subTitle","customClassName","customClass","label","btnLabel","route","button","tooltip","RightArrowShow","textColor","cardHgt","lastCardData","variant","cardCustomClass","style","width","textAlign","onMouseEnter","onMouseLeave","role","onClick","display","icon","src","RightArrowWhite","RightArrow","alt","color","loadMoreLabel","module","exports","MiniCardWithBgImg","useEffect","document","getElementById","backgroundImage","service","id","textDecoration","to","tip","routepath","whiteAccordian","LocationCards","animation","mapImage","imgAlt","marginBottom","LocationCardData","locationImages","marginTop","imgTitle","WhatWeDo","clientStoryMbl","setClientStoryMbl","clientStoryWeb","setClientStoryWeb","clientStoryFull","setClientStoryFull","clientStoryMVP","setClientStoryMVP","clientStoryProduct","setClientStoryProduct","clientStoryScaling","setClientStoryScaling","clientStoryCode","setClientStoryCode","clientStoryDigital","setClientStoryDigital","clientStoryMachine","setClientStoryMachine","DataService","getData","then","response","length","og_image","imageAltTxt","meta_title","meta_description","slug_type","slug","type","clutchLogo","MiniImageBannerBgImg","MiniImgBnrBgImg","MiniImageBannerBgImg12","InfoviewData","InfoviewTitle","InfoviewContent","ImageBannerData","bnrImg","BannerBgImage","bnrImgTitle","bnrImgSubTitle","servicesColumn1","data","link","servicesColumn2","servicesColumn3","StaffAug","StaffAughover","DigirytePods","DigirytepodsHover","productdeve","ProductdeveHover","UK","Banglore","Hyderabad","Mumbai","Chennai","Coimbatore","LocationCardData1","mapImage1","Manchester","mBangalore","mHyderabad","mMumbai","mChennai","mCoimbatore","MiniCardBgImage4","MiniCardBgImage6","MiniCardBgImage9","MiniCardBgImage1","MiniCardBgImage2","MiniCardBgImage3","MiniCardBgImage5","MiniCardBgImage7","MiniCardBgImage8","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","Clm2SubTitle","OurLocation","seo","ogtitle","description","ogimage","ogurl","BASE_SITE_URL","keywords","ImageBanner","imageBannerData","Button","BackArrowIcon","Typography","fontSize","fontWeight","marginLeft","OurServicesCard","RevealAnimation","TwoColumnContactInfo"],"mappings":"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","file":"component---src-pages-what-we-do-jsx-a87a378fd68ae7346f94.js","sourcesContent":["import Grid from \"@material-ui/core/Grid\";\nimport React, { useState } from \"react\";\nimport MiniCardWithBgImg from \"../../components/MiniCardWithBgImg\";\nimport \"./BlurCardList.scss\";\nimport Button from \"../../components/Button\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport RightArrowWhite from \"../../assets/Icons/accordian_white.svg\";\n\nconst BlurCardList = (props) => {\n  const [isHover, setIsHover] = useState(false);\n  const [showRemainingComponent, setShowRemainingComponent] = useState(false);\n  let showLoadMore = true;\n  const toggleHover = () => {\n    setIsHover(!isHover);\n  };\n  const sliceArray = props.BlurCardListData.cardsData.slice(0, 3);\n  const sliceArrayIndustry = props.BlurCardListData.cardsData.slice(0, 5);\n  const sliceArrayFinal = props.componenetName\n    ? sliceArrayIndustry\n    : sliceArray;\n  const remainingArray = props.BlurCardListData.cardsData.slice(3, 10);\n  const remainingArrayIndustry = props.BlurCardListData.cardsData.slice(5, 10);\n  const finalArray = props.componenetName\n    ? remainingArrayIndustry\n    : remainingArray;\n  return (\n    <div className=\"body-container\">\n      <Grid\n        container\n        className={props.coponentCount ? \"justify-grid-comp\" : \"\"}\n        direction=\"row\"\n        spacing={props.coponentCount ? \"\" : 4}\n      >\n        {props.loadMore\n          ? sliceArrayFinal.map((item, index) => (\n              <Grid\n                key={index}\n                item\n                xs={12}\n                sm={item.text ? 4 : 6}\n                md={item.text ? 2 : 4}\n                className={\n                  props.componenetName === \"industry\"\n                    ? \"card crd-spc margin-style\"\n                    : \"card crd-spc\"\n                }\n              >\n                <MiniCardWithBgImg\n                  MiniCardBgImg={item.image}\n                  MiniCardBgImgId={index + props.componentId}\n                  title={item.title}\n                  subtitle={item.subTitle}\n                  customClassName={item.customClass}\n                  label={item.btnLabel}\n                  route={item.route}\n                  button={item.button}\n                  tooltip=\"yes\"\n                  RightArrowShow={item.RightArrowShow}\n                  textColor={item.text}\n                  cardHgt={item.cardHgt}\n                />\n              </Grid>\n            ))\n          : props.BlurCardListData.cardsData.map((item, index) => (\n              <Grid\n                key={index}\n                item\n                xs={12}\n                sm={item.text ? 4 : 6}\n                md={item.text ? 2 : 4}\n                className={\n                  props.componenetName === \"industry\"\n                    ? \"card crd-spc margin-style\"\n                    : \"card crd-spc\"\n                }\n              >\n                <MiniCardWithBgImg\n                  MiniCardBgImg={item.image}\n                  MiniCardBgImgId={index + props.componentId}\n                  title={item.title}\n                  subtitle={item.subTitle}\n                  customClassName={item.customClass}\n                  label={item.btnLabel}\n                  route={item.route}\n                  button={item.button}\n                  tooltip=\"yes\"\n                  RightArrowShow={item.RightArrowShow}\n                  textColor={item.text}\n                  cardHgt={item.cardHgt}\n                />\n              </Grid>\n            ))}\n        {props.BlurCardListData.lastCardData && (\n          <Grid item xs={12} sm={6} md={4} className=\"card crd-spc\">\n            <MiniCardWithBgImg\n              MiniCardBgImg={props.BlurCardListData.lastCardData.image}\n              MiniCardBgImgId=\"100\"\n              title={props.BlurCardListData.lastCardData.title}\n              subtitle={props.BlurCardListData.lastCardData.subTitle}\n              variant={props.BlurCardListData.lastCardData.variant}\n              customClassName=\"three-mini-card-btn mt-60\"\n              cardCustomClass={props.BlurCardListData.lastCardData.customClass}\n              label={props.BlurCardListData.lastCardData.label}\n              route={props.BlurCardListData.lastCardData.route}\n              tooltip=\"yes\"\n            />\n          </Grid>\n        )}\n        {props.loadMore && showRemainingComponent\n          ? finalArray.map((item, index) => (\n              <Grid\n                key={index}\n                item\n                xs={12}\n                sm={item.text ? 4 : 6}\n                md={item.text ? 2 : 4}\n                className={\n                  props.componenetName === \"industry\"\n                    ? \"card crd-spc margin-style\"\n                    : \"card crd-spc\"\n                }\n              >\n                <MiniCardWithBgImg\n                  MiniCardBgImg={item.image}\n                  MiniCardBgImgId={index + props.componentId + 1}\n                  title={item.title}\n                  subtitle={item.subTitle}\n                  customClassName={item.customClass}\n                  label={item.btnLabel}\n                  route={item.route}\n                  button={item.button}\n                  tooltip=\"yes\"\n                  textColor={item.text}\n                  cardHgt={item.cardHgt}\n                  RightArrowShow={item.RightArrowShow}\n                />\n              </Grid>\n            ))\n          : \"\"}\n        {props.loadMore && showLoadMore ? (\n          <div style={{ width: \"100%\", textAlign: \"center\" }}>\n            <div\n              onMouseEnter={toggleHover}\n              onMouseLeave={toggleHover}\n              className=\"mt-60\"\n              role=\"presentation\"\n              onClick={() => {\n                setShowRemainingComponent(!showRemainingComponent);\n              }}\n              style={{ display: \"inline-block\" }}\n            >\n              <Button\n                icon={\n                  <img\n                    className={`effect-btn-svgicon rotate-90`}\n                    src={!isHover ? RightArrow : RightArrowWhite}\n                    alt=\"Load More\"\n                  />\n                }\n                customClassName=\"info-view-resize-btn\"\n                color=\"primary\"\n                variant=\"outlined\"\n                label={\n                  props.componenetName === \"industry\"\n                    ? \"Load more industries\"\n                    : props.loadMoreLabel\n                    ? showRemainingComponent\n                      ? \"Show Less\"\n                      : props.loadMoreLabel\n                    : \"Load more services\"\n                }\n                // tip=\"LOAD MORE\"\n                tooltip=\"no\"\n              />\n              <div className=\"mt-30\" />\n            </div>\n          </div>\n        ) : (\n          \"\"\n        )}\n      </Grid>\n    </div>\n  );\n};\n\nexport default BlurCardList;\n","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibGF5ZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjUyIDY1MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUyIDY1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzE3MzEzQjt9DQoJLnN0MXtmaWxsOiNFRjQzMzU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzcsMjM1LjloMjcuNnYxNzAuNEgxNzdWMjM1Ljl6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMwMC42LDM1Mi4zYzAsMjYuNC0yMS42LDI4LjgtMjguOCwyOC44Yy0xNi44LDAtMTkuMi0xNS42LTE5LjItMjR2LTY2SDIyNXY2NC44YzAsMTUuNiw0LjgsMzAsMTQuNCwzOC40DQoJCWM4LjQsOC40LDE5LjIsMTIsMzIuNCwxMmM5LjYsMCwyMS42LTIuNCwyOC44LTkuNnY5LjZoMjcuNlYyOTEuMWgtMjcuNkMzMDAuNiwyOTEuMSwzMDAuNiwzNTIuMywzMDAuNiwzNTIuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzgyLjIsMjQ5LjFoLTI3LjZ2NDJoLTIwLjR2MjYuNGgyMC40djg4LjhoMjcuNnYtODguOGgyMC40di0yNi40aC0yMC40VjI0OS4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODksMzcxLjVjLTYsNC44LTE0LjQsOC40LTIyLjgsOC40Yy0xOS4yLDAtMzIuNC0xNC40LTMyLjQtMzMuNnMxMy4yLTMyLjQsMzIuNC0zMi40DQoJCWM4LjQsMCwxNi44LDIuNCwyMi44LDguNGwzLjYsMy42bDE5LjItMThsLTQuOC0zLjZjLTEwLjgtOS42LTI1LjItMTUuNi00MC44LTE1LjZjLTMzLjYsMC01OC44LDI1LjItNTguOCw1OC44DQoJCXMyNS4yLDU4LjgsNTguOCw1OC44YzE1LjYsMCwzMC02LDQwLjgtMTUuNmw0LjgtMy42bC0xOS4yLTE5LjJMNDg5LDM3MS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MDksMzAwLjdjLTguNC04LjQtMTYuOC0xMi0zMC0xMmMtOS42LDAtMTkuMiwyLjQtMjYuNCw5LjZ2LTYyLjRINTI1djE3MC40aDI3LjZ2LTYzLjYNCgkJYzAtMjYuNCwxOC0yOC44LDI1LjItMjguOGMxNi44LDAsMTUuNiwxNS42LDE1LjYsMjR2NjcuMkg2MjF2LTY2QzYyMSwzMjMuNSw2MTcuNCwzMDkuMSw2MDksMzAwLjd6Ii8+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iNDY1IiBjeT0iMzQ3LjUiIHI9IjE5LjIiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTM4LjYsMzY0LjNjLTkuNiw5LjYtMjQsMTUuNi0zOS42LDE1LjZjLTMwLDAtNTEuNi0yNC01MS42LTU2LjRzMjEuNi01Ni40LDUyLjgtNTYuNA0KCQljMTQuNCwwLDI4LjgsNiwzOS42LDE2LjhsMy42LDMuNmwxOC0xOGwtMy42LTMuNmMtMTUuNi0xNS42LTM2LTI0LTU3LjYtMjRDNTQuNiwyNDAuNywyMSwyNzYuNywyMSwzMjMuNXMzMy42LDgyLjgsNzgsODIuOA0KCQljMjEuNiwwLDQzLjItOC40LDU3LjYtMjRsMy42LTMuNmwtMTgtMThMMTM4LjYsMzY0LjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==\"","module.exports = __webpack_public_path__ + \"static/Product_designing_and_Prototyping-562f5ad0193f620d51a4763228f8a166.png\";","module.exports = __webpack_public_path__ + \"static/mobile_application_development-f4333de86e6032f31963adc271f44bad.png\";","module.exports = __webpack_public_path__ + \"static/digirytePods-9631b61884b5a87d221bbdec80d33a1a.png\";","module.exports = __webpack_public_path__ + \"static/who_we_work_with-8335cac5312cddca457980c6f2718afc.png\";","module.exports = __webpack_public_path__ + \"static/who_we_work_with-18ffa3d7f86156e2f2c554a1fccd45c2.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfNTgwNiIgZGF0YS1uYW1lPSJHcm91cCA1ODA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBpZD0iUGF0aF80MDAiIGRhdGEtbmFtZT0iUGF0aCA0MDAiIGQ9Ik0yNCwwSDBWMjRIMjRaIiBmaWxsPSJub25lIi8+CiAgPHBhdGggaWQ9IlBhdGhfNDAxIiBkYXRhLW5hbWU9IlBhdGggNDAxIiBkPSJNMTEuMjg1LDkuODU5LDgsMTMuMTQ0bC45MzguOTM4LDQuMjIzLTQuMjIzTDguOTM4LDUuNjM2LDgsNi41NzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUzIDIuMTQxKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K\"","module.exports = __webpack_public_path__ + \"static/what-we-do-banner-image-d8d5c65f7b22f3bede070302aaff742a.png\";","import { Link } from \"gatsby\";\nimport React, { useEffect } from \"react\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport whiteAccordian from \"../../assets/Images/Homepage/Learn_More_white.svg\";\nimport Button from \"../Button\";\nimport \"./MiniCardWithBgImg.scss\";\n\nconst MiniCardWithBgImg = (props) => {\n  useEffect(() => {\n    document.getElementById(\n      props.MiniCardBgImgId\n    ).style.backgroundImage = `url(${props.MiniCardBgImg})`;\n  }, [props.MiniCardBgImg, props.MiniCardBgImgId]);\n\n  return (\n    <div className={props.textColor ? \"\" : \"appsgridshadow\"}>\n      <div\n        className={\n          props.service === \"clientStory\"\n            ? props.cardCustomClass &&\n              `miniCrdBgImg-main ${props.cardCustomClass}`\n            : `miniCrdBgImg-main1 ${props.cardHgt} ${props.cardCustomClass}`\n        }\n        id={props.MiniCardBgImgId}\n      >\n        {props.route !== \"\" ? (\n          <>\n            <Link\n              style={{ textDecoration: \"none\", color: \"black\" }}\n              className=\"on-click-card\"\n              to={props.route}\n            >\n              <div\n                className={\n                  props.textColor\n                    ? \"miniCrdBgImg-overlay-new\"\n                    : \"miniCrdBgImg-overlay\"\n                }\n              >\n                <div\n                  className={\n                    props.textColor\n                      ? \"miniCrdBgImg-title-white\"\n                      : \"miniCrdBgImg-title\"\n                  }\n                >\n                  {props.title}\n                </div>\n                <div className=\"miniCrdBgImg-subtitle\">{props.subtitle}</div>\n                <div className=\"accordian-condition\">\n                  {\" \"}\n                  {props.button !== \"no\" && (\n                    <Button\n                      icon={\n                        !props.variant && (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={RightArrow}\n                            alt=\"click\"\n                          />\n                        )\n                      }\n                      customClassName={props.customClassName}\n                      tip={props.label}\n                      color=\"primary\"\n                      label={props.label}\n                      variant={props.variant}\n                      routepath={props.route}\n                      tooltip={props.tooltip}\n                    />\n                  )}{\" \"}\n                </div>\n                <div className=\"mbl-accordian-condition\">\n                  {\" \"}\n                  {props.button !== \"no\" && (\n                    <Button\n                      icon={\n                        !props.variant && (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={whiteAccordian}\n                            alt=\"click\"\n                          />\n                        )\n                      }\n                      customClassName={props.customClassName}\n                      tip={props.label}\n                      color=\"primary\"\n                      label={props.label}\n                      variant={props.variant}\n                      routepath={props.route}\n                      tooltip={props.tooltip}\n                    />\n                  )}{\" \"}\n                </div>\n              </div>\n            </Link>\n          </>\n        ) : (\n          <>\n            <div className=\"on-click-card\">\n              <div\n                className={\n                  props.textColor\n                    ? \"miniCrdBgImg-overlay-new\"\n                    : \"miniCrdBgImg-overlay\"\n                }\n              >\n                <div\n                  className={\n                    props.textColor\n                      ? \"miniCrdBgImg-title-white\"\n                      : \"miniCrdBgImg-title\"\n                  }\n                >\n                  {props.title}\n                </div>\n                <div className=\"miniCrdBgImg-subtitle\">{props.subtitle}</div>\n                <div className=\"accordian-condition\">\n                  {\" \"}\n                  {props.button !== \"no\" && (\n                    <Button\n                      icon={\n                        !props.variant && (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={RightArrow}\n                            alt=\"click\"\n                          />\n                        )\n                      }\n                      customClassName={props.customClassName}\n                      tip={props.label}\n                      color=\"primary\"\n                      label={props.label}\n                      variant={props.variant}\n                      routepath={props.route}\n                      tooltip={props.tooltip}\n                    />\n                  )}{\" \"}\n                </div>\n                <div className=\"mbl-accordian-condition\">\n                  {\" \"}\n                  {props.button !== \"no\" && (\n                    <Button\n                      icon={\n                        !props.variant && (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={whiteAccordian}\n                            alt=\"click\"\n                          />\n                        )\n                      }\n                      customClassName={props.customClassName}\n                      tip={props.label}\n                      color=\"primary\"\n                      label={props.label}\n                      variant={props.variant}\n                      routepath={props.route}\n                      tooltip={props.tooltip}\n                    />\n                  )}{\" \"}\n                </div>\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default MiniCardWithBgImg;\n","import React from \"react\";\nimport Card from \"@material-ui/core/Card\";\nimport { Link } from \"gatsby\";\nimport { Grid } from \"@material-ui/core\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport whiteAccordian from \"../../assets/Images/Homepage/Learn_More_white.svg\";\nimport Button from \"../../components/Button\";\nimport \"./OurLocation.scss\";\nimport RevealAnimation from \"../../components/RevealAnimation\";\n\nconst LocationCards = (props) => {\n  return (\n    <div className=\"mt-30 \">\n      <RevealAnimation animation=\"zoom-in\" className=\"body-container\">\n        {\" \"}\n        <img className=\"map-image\" src={props.mapImage} alt={props.imgAlt} />\n      </RevealAnimation>\n\n      <div className=\"\" style={{ marginBottom: -50 }}>\n        <Grid\n          container\n          // style={{background:'#F5E7E2'}}\n          direction=\"row\"\n          className=\"body-container-location\"\n          spacing={0.5}\n        >\n          {props.LocationCardData &&\n            props.LocationCardData.locationImages.map((item, index) => (\n              //   <Link\n              //   style={{ textDecoration: \"none\", color: \"black\" }}\n              //   to={`/${item.route}`}\n              // >\n              <Grid\n                key={index}\n                item\n                xs={6}\n                sm={6}\n                md={4}\n                style={{ marginTop: \"-66px\", marginBottom: \"88px\" }}\n                className=\"card-width\"\n              >\n                <Card\n                  style={{}}\n                  className=\"mt-30 body-container location-card-style appsgridshadow\"\n                >\n                  <img\n                    className=\"location-image\"\n                    src={item.image}\n                    alt={item.image}\n                  />\n                  <div className=\"img-title \">{item.imgTitle}</div>\n                  {/* <div className=\"accordian-condition-location\">\n              {\" \"}\n              {props.button !== \"no\" && (\n                <Button\n                  icon={\n                    !props.variant && (\n                      <img\n                        className=\"effect-btn-svgicon\"\n                        src={RightArrow}\n                        alt=\"click\"\n                      />\n                    )\n                  }\n                  customClassName=\"effect-btn\"\n                  tip={props.label}\n                  color=\"primary\"\n                  label={props.label}\n                  variant={props.variant}\n                  routepath={item.route}\n                  tooltip={props.tooltip}\n                />\n              )}{\" \"}\n            </div> */}\n                </Card>\n              </Grid>\n              // </Link>\n            ))}\n        </Grid>\n      </div>\n    </div>\n  );\n};\n\nexport default LocationCards;\n","module.exports = __webpack_public_path__ + \"static/OG_What-we-do-d425f4e872139a21521e45615869a4e9.png\";","module.exports = __webpack_public_path__ + \"static/digital_transformation-5812a62950f24f2058d48f3ad3466676.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk5MSIgaGVpZ2h0PSIxOC4wMDgiIHZpZXdCb3g9IjAgMCA5Ljk5MSAxOC4wMDgiPgogIDxwYXRoIGlkPSJQYXRoXzM1MSIgZGF0YS1uYW1lPSJQYXRoIDM1MSIgZD0iTTI2Mi45NjYsOTM3LjQ0NWw4LjQsOC42MzktOC40LDguMzEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzIuNDIgOTU0LjkzKSByb3RhdGUoMTgwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGI0NDM1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K\"","module.exports = __webpack_public_path__ + \"static/product_scaling-118bd61677fe30ebe1bf47cc72e0ab29.png\";","module.exports = __webpack_public_path__ + \"static/contactus_250px-67f07c0a54ff0f1b98f16ba6825befc1.png\";","module.exports = __webpack_public_path__ + \"static/DigirytepodsHover-519da03edb0405c227372247b31aca2f.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = __webpack_public_path__ + \"static/MVP-cb4f833a6f7c1b92f46675e690e7c23f.png\";","import React, { useState, useEffect } from \"react\";\nimport DataService from \"../services/api/data_services\";\n\nimport Layout from \"../components/layouts/layout\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Infoview from \"../templates/InfoView\";\n\nimport BackArrowIcon from \"../assets/Images/accordian.svg\";\nimport Button from \"../components/Button\";\n//Image Banner\nimport ImageBanner from \"../templates/ImageBanner\";\nimport BannerBgImage from \"../assets/Images/WhatWeDo/what-we-do-banner-image.png\";\n//Mini Image Banner\n// import MiniImageBanner from \"../templates/MiniImageBanner\";\nimport MiniImgBnrBgImg from \"../assets/Images/HowWeDoIt/contactus_250px.png\";\n\n//Text Image Quotes Card View\n// import TextImageQuotesCardView from \"../templates/TextImageQuotesCardView\";\nimport clutchLogo from \"../assets/Images/WhatWeDo/clutch-co-vector-logo.svg\";\n\n//Mini Image Banner1\n// import MiniImageBanner1 from \"../templates/MiniImageBanner1\";\nimport MiniImageBannerBgImg from \"../assets/Images/WhatWeDo/who_we_work_with.png\";\nimport MiniImageBannerBgImg12 from \"../assets/Images/HowWeDoIt/who_we_work_with.png\";\n\nimport { BASE_SITE_URL } from \"../shared/constants\";\n//Contact info\nimport TwoColumnContactInfo from \"../templates/TwoColumnContactInfo\";\nimport Clm1Img from \"../assets/Icons/phone.svg\";\nimport Clm2Img from \"../assets/Icons/mail.svg\";\nimport ogimage from \"../assets/Images/ogImages/OG_What-we-do.png\";\n\nimport DigirytePods from \"../assets/Images/Homepage/AgileServices/digirytePods.png\";\nimport StaffAug from \"../assets/Images/Homepage/AgileServices/StaffAug.png\";\nimport StaffAughover from \"../assets/Images/Homepage/AgileServices/StaffAughover.png\";\nimport productdeve from \"../assets/Images/Homepage/AgileServices/productdeve.png\";\nimport DigirytepodsHover from \"../assets/Images/Homepage/DigirytepodsHover.png\";\nimport ProductdeveHover from \"../assets/Images/Homepage/AgileServices/ProductdeveHover.png\";\nimport PlainCardWithHover from \"../components/PlainCardWithHover\";\n\nimport LocationCards from \"../templates/OurLocation\";\nimport mapImage from \"../assets/Images/Homepage/Locations/location.png\";\nimport Banglore from \"../assets/Images/Homepage/Locations/Banglore.png\";\nimport Chennai from \"../assets/Images/Homepage/Locations/Chennai.png\";\nimport Coimbatore from \"../assets/Images/Homepage/Locations/Coimbatore.png\";\nimport Hyderabad from \"../assets/Images/Homepage/Locations/Hyderabad.png\";\nimport Mumbai from \"../assets/Images/Homepage/Locations/Mumbai.png\";\nimport UK from \"../assets/Images/Homepage/Locations/UK.png\";\n\nimport mapImage1 from \"../assets/Images/mobileView/Our_Locations/OurLocation.png\";\nimport mChennai from \"../assets/Images/mobileView/Our_Locations/Chennai.png\";\nimport mBangalore from \"../assets/Images/mobileView/Our_Locations/bangalore.png\";\nimport mCoimbatore from \"../assets/Images/mobileView/Our_Locations/Coimbatore.png\";\nimport mHyderabad from \"../assets/Images/mobileView/Our_Locations/Hyderabad.png\";\nimport Manchester from \"../assets/Images/mobileView/Our_Locations/Manchester.png\";\nimport mMumbai from \"../assets/Images/mobileView/Our_Locations/Mumbai.png\";\n\nimport BlurCardList from \"../templates/BlurCardList\";\nimport MiniCardBgImage1 from \"../assets/Images/Homepage/mobile_application_development.png\";\nimport MiniCardBgImage2 from \"../assets/Images/Homepage/web_application_development.png\";\nimport MiniCardBgImage3 from \"../assets/Images/Homepage/full_product_development.png\";\nimport MiniCardBgImage4 from \"../assets/Images/Homepage/MVP.png\";\nimport MiniCardBgImage5 from \"../assets/Images/Homepage/Product_designing_and_Prototyping.png\";\nimport MiniCardBgImage6 from \"../assets/Images/Homepage/product_scaling.png\";\nimport MiniCardBgImage7 from \"../assets/Images/Homepage/code_ux_audit.png\";\nimport MiniCardBgImage8 from \"../assets/Images/Homepage/digital_transformation.png\";\nimport MiniCardBgImage9 from \"../assets/Images/Homepage/machine_learning.png\";\nimport OurServicesCard from \"../components/OurServicesCard\";\nimport RevealAnimation from \"../components/RevealAnimation\";\n\nconst WhatWeDo = () => {\n  const [clientStoryMbl, setClientStoryMbl] = useState([]);\n  const [clientStoryWeb, setClientStoryWeb] = useState([]);\n  const [clientStoryFull, setClientStoryFull] = useState([]);\n  const [clientStoryMVP, setClientStoryMVP] = useState([]);\n  const [clientStoryProduct, setClientStoryProduct] = useState([]);\n  const [clientStoryScaling, setClientStoryScaling] = useState([]);\n  const [clientStoryCode, setClientStoryCode] = useState([]);\n  const [clientStoryDigital, setClientStoryDigital] = useState([]);\n  const [clientStoryMachine, setClientStoryMachine] = useState([]);\n\n  useEffect(() => {\n    DataService.getData(\n      `/admin/api/what-we-do?page=whatwedo&service_type=Mobile Application Development&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryMbl([...clientStoryMbl, ...response]);\n    });\n    DataService.getData(\n      \"/admin/api/what-we-do?page=whatwedo&service_type=Web Application Development&type=Client Story&component=mini_view\"\n    ).then((response) => {\n      setClientStoryWeb([...clientStoryWeb, ...response]);\n    });\n    DataService.getData(\n      `/admin/api/what-we-do?page=whatwedo&service_type=Full Product Development&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryFull([...clientStoryFull, ...response]);\n    });\n    DataService.getData(\n      `/admin/api/what-we-do?page=whatwedo&service_type=MVP Development&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryMVP([...clientStoryMVP, ...response]);\n    });\n    DataService.getData(\n      `/admin/api/what-we-do?page=whatwedo&service_type=Product Designing&component&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryProduct([...clientStoryProduct, ...response]);\n    });\n    DataService.getData(\n      `/admin/api/what-we-do?page=whatwedo&service_type=Product Scaling&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryScaling([...clientStoryScaling, ...response]);\n    });\n    DataService.getData(\n      `/admin/api/what-we-do?page=whatwedo&service_type=Code %26 UI/UX Audit&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryCode([...clientStoryCode, ...response]);\n    });\n    DataService.getData(\n      `/admin/api/what-we-do?page=whatwedo&service_type=Digital Transformation&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryDigital([...clientStoryDigital, ...response]);\n    });\n    DataService.getData(\n      `/admin/api/what-we-do?page=whatwedo&service_type=Machine Learning&type=Client Story&component=mini_view`\n    ).then((response) => {\n      setClientStoryMachine([...clientStoryMachine, ...response]);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  /**\n   * TextImageQuotesCardView\n   */\n  const TextImageQuotesCardViewData = [\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">MOB</span>ILE\n            APPLICATION DEVELOPMENT\n          </>\n        ),\n        width: \"56px\",\n        cardNo: \"odd\",\n        content1:\n          \"Our expertise in building robust, multi-platform mobile applications ensures a consistent user experience for iOS, Android or Windows devices and platforms. We’ve got the right team to build the right solution for your business.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Mobile App Experience:</b> Our Mobile App experience ensures your\n            app is delivered as agreed, on time, in budget.\n            <br /> <b>Security:</b> High priority, robust security and testing\n            processes prevents costly security breaches in your Mobile App.\n            <br />\n            <b> Compliance:</b> Our Apple/Google App Store expertise ensures\n            your Mobile App is built fast and accepted first time.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Create next-generation mobile applications to increase user engagement and upscale your business\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/mobile-application-development\",\n      },\n      card2: {\n        image: clientStoryMbl.length > 0 ? clientStoryMbl[0].og_image : \"\",\n        imageAlt:\n          clientStoryMbl.length > 0 ? clientStoryMbl[0].imageAltTxt : \"\",\n        title: clientStoryMbl.length > 0 ? clientStoryMbl[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryMbl.length > 0 &&\n          clientStoryMbl[0].meta_description !== null\n            ? clientStoryMbl[0].meta_description\n            : \"\",\n        type: clientStoryMbl.length > 0 ? clientStoryMbl[0].slug_type : \"\",\n        slug: clientStoryMbl.length > 0 ? clientStoryMbl[0].slug : \"\",\n        Type: clientStoryMbl.length > 0 ? clientStoryMbl[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"We can’t speak highly enough of Digiryte’s team because they bent over backward to help us launch our product\",\n        italicContent: \"Mobile App Dev for Automative Sales App\",\n        content: \"Founder, Bumper UK\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">WEB</span>{\" \"}\n            APPLICATION DEVELOPMENT\n          </>\n        ),\n        cardNo: \"even\",\n        width: \"52px\",\n        content1:\n          \"We create custom web applications that are designed to meet business challenges, promote growth and achieve your business goals. We use adaptive web applications and keep the end-users in mind to simplify complex business workflows.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Any App Stage:</b> Convenient range of services covering all app\n            stages - research, launch, growth or maturity.\n            <br />\n            <b>Quality: </b>Highly trained staff, ISO 9001 standards and use of\n            best practices guarantees a high-quality Web App. <br />\n            <b>Protect:</b> Coding and other best practices ensure your App can\n            be extended without extensive re-working.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Build an advanced web application to support various aspects of your business functions\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/web-application-development\",\n      },\n      card2: {\n        image: clientStoryWeb.length > 0 ? clientStoryWeb[0].og_image : \"\",\n        imageAlt:\n          clientStoryWeb.length > 0 ? clientStoryWeb[0].imageAltTxt : \"\",\n        title: clientStoryWeb.length > 0 ? clientStoryWeb[0].title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryWeb.length > 0 &&\n          clientStoryWeb[0].meta_description !== null\n            ? clientStoryWeb[0].meta_description\n            : \"\",\n        type: clientStoryWeb.length > 0 ? clientStoryWeb[0].slug_type : \"\",\n        slug: clientStoryWeb.length > 0 ? clientStoryWeb[0].slug : \"\",\n        Type: clientStoryWeb.length > 0 ? clientStoryWeb[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title: \"Digiryte was on time and has competitive prices.\",\n        italicContent: \"Web application Design for Car Dealership\",\n        content: \"Director, Chanscars\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">FULL</span>{\" \"}\n            PRODUCT DEVELOPMENT\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"45px\",\n        content1:\n          \"We provide quick ideation, prototyping and MVP development to ensure your product meets the needs of the market. We can help you scale and expand your business to a new level at every stage of your product development cycle.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Convenience:</b> Design, MVP, Build, Scale. With experts in all\n            areas, select all services or just the ones you need.\n            <br /> <b>Audit Trail:</b> Technical, Project and Requirements\n            documents maintained so you have a complete audit trail. <br />\n            <b>One-stop-shop:</b> Save time dealing with multiple companies.\n            Access to all related services in one place.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Create a next-generation mobile application to increase user engagement and upscale your business\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/full-product-development\",\n      },\n      card2: {\n        image: clientStoryFull.length > 0 ? clientStoryFull[0].og_image : \"\",\n        imageAlt:\n          clientStoryFull.length > 0 ? clientStoryFull[0].imageAltTxt : \"\",\n        title: clientStoryFull.length > 0 ? clientStoryFull[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryFull.length > 0 &&\n          clientStoryFull[0].meta_description !== null\n            ? clientStoryFull[0].meta_description\n            : \"\",\n        type: clientStoryFull.length > 0 ? clientStoryFull[0].slug_type : \"\",\n        slug: clientStoryFull.length > 0 ? clientStoryFull[0].slug : \"\",\n        Type: clientStoryFull.length > 0 ? clientStoryFull[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title: \"If I could describe them in one word, it’d be cooperative.\",\n        italicContent: \"Flutter Development for Home Services Marketplace App\",\n        content: \"Founder, Home Services Marketplace\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n  ];\n\n  /**\n   * TextImageQuotesCardView\n   */\n  const TextImageQuotesCardViewData1 = [\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">MVP</span>{\" \"}\n            DEVELOPMENT\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"47px\",\n        content1:\n          \"Before you move on to create a new digital product, you should definitely consider launching a Minimum Viable Product (MVP) to assess your business risk. Use MVP design to lower the cost of market testing and use real-time feed back to improve your product.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Short Cuts:</b> Refine and speed up MVP design by utilising our\n            expert Business, Growth & Innovation team. <br />\n            <b>Reduce Risk:</b> Analyse your business hypotheses. Build MVP to\n            validate the riskiest elements. Stop wasted effort.\n            <br /> <b>Validation:</b> Identify KPIs that will validate your idea\n            using your MVP. Learn and refine to get the perfect App.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Quickly test your business hypothesis for the new app you want to build for your product or services.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/mvp-development\",\n      },\n      card2: {\n        image: clientStoryMVP.length > 0 ? clientStoryMVP[0].og_image : \"\",\n        imageAlt:\n          clientStoryMVP.length > 0 ? clientStoryMVP[0].imageAltTxt : \"\",\n        title: clientStoryMVP.length > 0 ? clientStoryMVP[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryMVP.length > 0 &&\n          clientStoryMVP[0].meta_description !== null\n            ? clientStoryMVP[0].meta_description\n            : \"\",\n        type: clientStoryMVP.length > 0 ? clientStoryMVP[0].slug_type : \"\",\n        slug: clientStoryMVP.length > 0 ? clientStoryMVP[0].slug : \"\",\n        Type: clientStoryMVP.length > 0 ? clientStoryMVP[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"They promised a functioning Web application skeleton but delivered something even better.\",\n        italicContent: \"AI Dating Software Dev for Production Company\",\n        content: (\n          <div>\n            Former Series Producer,\n            <br /> Production Company\n          </div>\n        ),\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">PRO</span>DUCT\n            DESIGINING AND PROTOTYPING\n          </>\n        ),\n        cardNo: \"even\",\n        width: \"50px\",\n        content1:\n          \"Good product design creates a visual language that drives user engagement, making your product easier to market. We design and develop innovative app prototypes, to help demonstrate the product-market fit.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Results focus:</b> Our UX/UI Designers are trained to deliver\n            visuals that are engaging and intuitive.\n            <br />\n            <b>Flexible Pricing Models:</b> Choose a pricing model to suit your\n            needs. Time & Material, Fixed Cost, or Hybrid.\n            <br />\n            <b>Collaboration:</b> Our platform enables 2-way feedback for speedy\n            designs that you can clearly visualize.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Create a product with user-friendly UI/UX to present to your potential investors.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/product-designing-and-prototyping\",\n      },\n      card2: {\n        image:\n          clientStoryProduct.length > 0 ? clientStoryProduct[0].og_image : \"\",\n        imageAlt:\n          clientStoryProduct.length > 0\n            ? clientStoryProduct[0].imageAltTxt\n            : \"\",\n        title:\n          clientStoryProduct.length > 0 ? clientStoryProduct[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryProduct.length > 0 &&\n          clientStoryProduct[0].meta_description !== null\n            ? clientStoryProduct[0].meta_description\n            : \"\",\n        type:\n          clientStoryProduct.length > 0 ? clientStoryProduct[0].slug_type : \"\",\n        slug: clientStoryProduct.length > 0 ? clientStoryProduct[0].slug : \"\",\n        Type: clientStoryProduct.length > 0 ? clientStoryProduct[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"Digiryte walks us through the process from an educational perspective in a way that really makes us feel cared about.\",\n        italicContent: \"Interactive Web & App Dev for Business Dev Company\",\n        content: \"CEO, Direct Opportunities Network\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">PRO</span>DUCT\n            SCALING\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"50px\",\n        content1:\n          \"In order to scale up your business, you should not only respond to user feedback and suggestions but also anticipate user needs in order to increase market share. Scaling involves a number of small but significant changes that are added to the product feature in order to thrive in an ever-evolving market.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Agility:</b> Scale quickly. Access to teams with diverse,\n            multiple skill sets coupled with robust recruitment processes.\n            <br />\n            <b>Data Security:</b> With ISO 27001 accreditation, you can be\n            assured we manage all your information in a secure manner.\n            <br /> <b>Technology Experts:</b> Our team know the factors that\n            affect product scaling but still deliver you a quality product.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Add new features and upgrade your existing app to capture new markets.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/product-scaling\",\n      },\n      card2: {\n        image:\n          clientStoryScaling.length > 0 ? clientStoryScaling[0].og_image : \"\",\n        imageAlt:\n          clientStoryScaling.length > 0\n            ? clientStoryScaling[0].imageAltTxt\n            : \"\",\n        title:\n          clientStoryScaling.length > 0 ? clientStoryScaling[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryScaling.length > 0 &&\n          clientStoryScaling[0].meta_description !== null\n            ? clientStoryScaling[0].meta_description\n            : \"\",\n        type:\n          clientStoryScaling.length > 0 ? clientStoryScaling[0].slug_type : \"\",\n        slug: clientStoryScaling.length > 0 ? clientStoryScaling[0].slug : \"\",\n        Type: clientStoryScaling.length > 0 ? clientStoryScaling[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"They are easy to reach, supportive, and quick at responding and solving any issues.\",\n        italicContent: \"Web application Dev for Northern Neonatal Network\",\n        content: (\n          <div>\n            Clinical Lead, Northern <br /> Neonatal Network\n          </div>\n        ),\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n  ];\n\n  /**\n   * TextImageQuotesCardView\n   */\n  const TextImageQuotesCardViewData2 = [\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">COD</span>E & UX\n            AUDIT\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"51px\",\n        content1:\n          \"Identify security flaws by auditing your software’s source code and UX. This step helps you avoid any technical problems and keep your digital product in good condition.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Project Rescue:</b> App Project in distress? We’ll audit it and\n            recommend accordingly so it gets you back on track.\n            <br /> <b>Due diligence:</b> Buying a business? We’ll audit any\n            software to identify flaws and save you costly re-writes.\n            <br />\n            <b>Specification:</b> Use the audit to build a specification, RFI or\n            RFP. Identify your requirements and get consistent proposals.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Conduct a customised audit for your web or mobile application’s code and UI/UX.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/code-ux-audit\",\n      },\n      card2: {\n        image: clientStoryCode.length > 0 ? clientStoryCode[0].og_image : \"\",\n        imageAlt:\n          clientStoryCode.length > 0 ? clientStoryCode[0].imageAltTxt : \"\",\n        title: clientStoryCode.length > 0 ? clientStoryCode[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryCode.length > 0 &&\n          clientStoryCode[0].meta_description !== null\n            ? clientStoryCode[0].meta_description\n            : \"\",\n        type: clientStoryCode.length > 0 ? clientStoryCode[0].slug_type : \"\",\n        slug: clientStoryCode.length > 0 ? clientStoryCode[0].slug : \"\",\n        Type: clientStoryCode.length > 0 ? clientStoryCode[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"I can’t fault them. Everything was done efficiently, quickly, and politely.\",\n        italicContent: \"Web application Redesign for Prenatal Care Company\",\n        content: (\n          <div>\n            Director, Professional <br /> Antenatal Services\n          </div>\n        ),\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">DIG</span>ITAL\n            TRANSFORMATION\n          </>\n        ),\n        cardNo: \"even\",\n        width: \"40px\",\n        content1:\n          \"Transform your traditional business model and give it a new digital identity to adapt to changing circumstances. At Digiryte, we help you with your digital transition to build a product for the future.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Experience:</b> Trust us to deliver your Digital Transformation\n            project. We’ve done it extensively for many others!!\n            <br /> <b>Legacy Systems: </b> We audit Legacy Systems and include\n            new needs to ensure they are transformed efficiently.\n            <br />\n            <b>Satisfy Stakeholders:</b> Our services help you satisfy the needs\n            of all your team - Management, Finance, IT etc\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Take your business to the digital world and future proof it, with advanced digital solutions.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/digital-transformation\",\n      },\n      card2: {\n        image:\n          clientStoryDigital.length > 0 ? clientStoryDigital[0].og_image : \"\",\n        imageAlt:\n          clientStoryDigital.length > 0\n            ? clientStoryDigital[0].imageAltTxt\n            : \"\",\n        title:\n          clientStoryDigital.length > 0 ? clientStoryDigital[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryDigital.length > 0 &&\n          clientStoryDigital[0].meta_description !== null\n            ? clientStoryDigital[0].meta_description\n            : \"\",\n        type:\n          clientStoryDigital.length > 0 ? clientStoryDigital[0].slug_type : \"\",\n        slug: clientStoryDigital.length > 0 ? clientStoryDigital[0].slug : \"\",\n        Type: clientStoryDigital.length > 0 ? clientStoryDigital[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"Digiryte’s expertise with the technology helped speed up the process.\",\n        italicContent:\n          \"Web application Development for Healthcare Management Company\",\n        content: \"Founder, MedzDigital\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">MAC</span>HINE\n            LEARNING\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"52px\",\n        content1:\n          \"With advanced analytics services, make insight-led decisions for your business. If your business is sitting on a mountain of data, let us help you unlock it’s true potential for your business.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Subject Expertise:</b> Our Machine Learning experts know what’s\n            needed. Use them, Learn, Save time and effort. <br />\n            <b>Robust Testing:</b> Function, Network, Speed testing and more.\n            Our process means your App performs as required. <br />\n            <b>Best Practice:</b> Using best practices in Machine Learning, you\n            can be sure it can scale and expand efficiently.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Improve your decision-making skills by analysing and using captured data to your advantage.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/machine-learning\",\n      },\n      card2: {\n        image:\n          clientStoryMachine.length > 0 ? clientStoryMachine[0].og_image : \"\",\n        imageAlt:\n          clientStoryMachine.length > 0\n            ? clientStoryMachine[0].imageAltTxt\n            : \"\",\n        title:\n          clientStoryMachine.length > 0 ? clientStoryMachine[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryMachine.length > 0 &&\n          clientStoryMachine[0].meta_description !== null\n            ? clientStoryMachine[0].meta_description\n            : \"\",\n        type:\n          clientStoryMachine.length > 0 ? clientStoryMachine[0].slug_type : \"\",\n        slug: clientStoryMachine.length > 0 ? clientStoryMachine[0].slug : \"\",\n        Type: clientStoryMachine.length > 0 ? clientStoryMachine[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"They promised a functioning website skeleton but delivered something even better.\",\n        italicContent: \"Web Dev & Automation for E-liquid Subscription Service\",\n        content: (\n          <div>\n            Former Series Producer, <br /> Production Company{\" \"}\n          </div>\n        ),\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n  ];\n  const MiniImageBanner1Data1 = {\n    title: (\n      <span>\n        Hire Remote <br /> <span className=\"black-line3letter\">Tea</span>ms\n      </span>\n    ),\n    titleClass: \"mini-image-banner-title-area3 min-title-header\",\n    image: MiniImageBannerBgImg,\n    altTxt: \"Hire Remote Teams\",\n    btnClassName: \"image-banner-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    route: \"/hire-remote-teams\",\n    underline: false,\n    tooltip: \"yes\",\n    tip: \"TAKE A LOOK\",\n    underlineClass: \"black-line\",\n  };\n\n  const MiniImageBanner3Data = {\n    Id: \"minibanner1\",\n    MiniImageBannerBgImg: MiniImgBnrBgImg,\n    MiniImageBannerAltTxt: \"Contact Us to Estimate Your Product\",\n    HoverLinkContent: \"Contact Us\",\n    NearHoverLinkContent: \" To \",\n    PlainContent: \"Estimate Your Product\",\n    route: \"/contact-us\",\n  };\n  /**\n   * Mini Image Banner 1\n   */\n\n  const MiniImageBanner1Data = {\n    title: (\n      <>\n        Who we work <br /> with\n      </>\n    ),\n    titleClass: \"mini-image-banner-title-area3 title-header2\",\n    image: MiniImageBannerBgImg12,\n    tag: \"h2\",\n    altTxt: \"Who we work with\",\n    btnClassName: \"takelook-image-banner-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    tip: \"TAKE A LOOK\",\n    tooltip: \"yes\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    route: \"/who-we-work-with\",\n    underline: true,\n    underlineClass: \"black-line\",\n  };\n  /**\n   * Infoview\n   */\n\n  const InfoviewData = {\n    color: \"primary\",\n    width: \"101px\",\n    InfoviewTitle: (\n      <>\n        {\" \"}\n        <span className=\"red-line3letter red-3letter-mbl red-3letter-mbl\">\n          Our\n        </span>{\" \"}\n        Engagement Models\n      </>\n    ),\n    InfoviewContent: (\n      <>\n        We only hire the top 3% of the premium talent in India. We also have all\n        of our account management and client facing senior teams available at\n        arms length in the UK. This gives us the unique ability to create a\n        balance between great communication and great service. Our high\n        performing teams consisting of world-class capabilities with agile\n        consulting, business analysis, modern application development,\n        continuous delivery, quality assurance, business intelligence are\n        available for you to leverage. All you need to do is give us a call.\n      </>\n    ),\n  };\n  /**\n   * Image Banner\n   */\n  const ImageBannerData = {\n    bnrImg: BannerBgImage,\n    bnrImgTitle: <>What we do</>,\n    bnrImgSubTitle: \"How can we help you today?\",\n    servicesColumn1: {\n      data: [\n        {\n          service: \"Team Augmentation\",\n          link: \"/team-augmentation\",\n        },\n      ],\n    },\n    servicesColumn2: {\n      data: [\n        {\n          service: \"Digiryte Pods\",\n          link: \"/digiryte-pods\",\n        },\n      ],\n    },\n    servicesColumn3: {\n      data: [\n        {\n          service: \"Product Development\",\n          link: \"/product-development\",\n        },\n      ],\n    },\n  };\n  const imageData = {\n    image1: StaffAug,\n    imgHover1: StaffAughover,\n    route1: \"/team-augmentation\",\n\n    image2: DigirytePods,\n    imgHover2: DigirytepodsHover,\n    route2: \"/digiryte-pods\",\n\n    image3: productdeve,\n    imgHover3: ProductdeveHover,\n    route3: \"/product-development\",\n  };\n  const LocationCardData = {\n    mapImage: mapImage,\n    locationImages: [\n      {\n        image: UK,\n        imgTitle: (\n          <>\n            Manchester <br /> (HQ)\n          </>\n        ),\n        route: \"/locations/manchestor\",\n      },\n      {\n        image: Banglore,\n        imgTitle: \"Bangalore\",\n        route: \"/locations/bangalore\",\n      },\n      {\n        image: Hyderabad,\n        imgTitle: \"Hyderabad\",\n        route: \"/locations/hyderabad\",\n      },\n      {\n        image: Mumbai,\n        imgTitle: \"Mumbai\",\n        route: \"/locations/mumbai\",\n      },\n      {\n        image: Chennai,\n        imgTitle: \"Chennai\",\n        route: \"/locations/chennai\",\n      },\n      {\n        image: Coimbatore,\n        imgTitle: \"Coimbatore\",\n        route: \"/locations/coimbatore\",\n      },\n    ],\n  };\n  const LocationCardData1 = {\n    mapImage: mapImage1,\n    locationImages: [\n      {\n        image: Manchester,\n        imgTitle: (\n          <>\n            Manchester <br /> (HQ)\n          </>\n        ),\n        route: \"/locations/manchestor\",\n      },\n      {\n        image: mBangalore,\n        imgTitle: \"Bangalore\",\n        route: \"/locations/bangalore\",\n      },\n      {\n        image: mHyderabad,\n        imgTitle: \"Hyderabad\",\n        route: \"/locations/hyderabad\",\n      },\n      {\n        image: mMumbai,\n        imgTitle: \"Mumbai\",\n        route: \"/locations/mumbai\",\n      },\n      {\n        image: mChennai,\n        imgTitle: \"Chennai\",\n        route: \"/locations/chennai\",\n      },\n      {\n        image: mCoimbatore,\n        imgTitle: \"Coimbatore\",\n        route: \"/locations/coimbatore\",\n      },\n    ],\n  };\n  const BlurCardListData = {\n    cardsData: [\n      {\n        image: MiniCardBgImage4,\n        title: \"MVP Development\",\n        subTitle:\n          \"Build a basic model to demonstrate the core functionality of your product, test it with early adopters and fulfil the primary goal of your business.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/mvp-development\",\n      },\n      {\n        image: MiniCardBgImage6,\n        title: \"Data Engineering\",\n        subTitle:\n          \"Create robust data pipelines and advanced analytics solutions, optimising processes, generating insights, and fostering innovation across your organisation\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/data-engineering\",\n      },\n      {\n        image: MiniCardBgImage9,\n        title: \"AI / ML\",\n        subTitle:\n          \"Through AI / ML, we can help you make informed decisions to improve business scalability and operational efficiency.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/machine-learning\",\n      },\n      {\n        image: MiniCardBgImage6,\n        title: \"Product Scaling\",\n        subTitle:\n          \"Found your product-market fit? Great! Let us help you with a profitable scaling process that provides both sustainability and stability for your product.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/product-scaling\",\n      },\n      {\n        image: MiniCardBgImage1,\n        title: \"Mobile Application Development\",\n        subTitle:\n          \"Take business to your customers by building advanced native and hybrid mobile apps for both Android and iOS Platforms.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/mobile-application-development\",\n      },\n      {\n        image: MiniCardBgImage2,\n        title: \"Web Application Development\",\n        subTitle:\n          \"Accelerate different functions of your business by creating custom web applications using the latest in digital technologies.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/web-application-development\",\n      },\n\n      {\n        image: MiniCardBgImage3,\n        title: \"Full Product Development\",\n        subTitle:\n          \"The process of full product development encompasses all steps needed to take your product from concept to market place.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/full-product-development\",\n      },\n      {\n        image: MiniCardBgImage5,\n        title: \"Product Designing and Prototyping\",\n        subTitle:\n          \"Create a prototype of your product to visualise your idea and generate feedback without incurring the building costs of a fully functioning system.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/product-designing-and-prototyping\",\n      },\n\n      {\n        image: MiniCardBgImage7,\n        title: \"Code & UX Audit\",\n        subTitle:\n          \"With a regular audit, we can help you fix your product, improve its performance, gain new users, and boost your brand reputation in the marketplace.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/code-ux-audit\",\n      },\n      {\n        image: MiniCardBgImage8,\n        title: \"Digital Transformation\",\n        subTitle:\n          \"Update your traditional business processes and customer experience to meet the ever-changing market requirements with the help of next-generation digital technologies.\",\n        customClass: \"effect-btn no-padding-left mt-20\",\n        btnLabel: \"Learn More\",\n        route: \"/digital-transformation\",\n      },\n    ],\n  };\n  /**\n   * TwoColumnContactInfo\n   */\n\n  const TwoColumnContactInfoData = {\n    Clm1Img: Clm1Img,\n    Clm1Title: \"Phone:\",\n    Clm1SubTitle: \"+44 (0) 161 706 7983\",\n    Clm2Img: Clm2Img,\n    Clm2Title: \"Email:\",\n    Clm2SubTitle: \"hello@digiryte.com\",\n  };\n\n  const OurLocation = {\n    // route: \"/what-we-do\",\n    // color: \"primary\",\n    // variant: \"outlined\",\n    // tooltip: \"yes\",\n    // width: \"11%\",\n    // InfoviewButtonLabel: \"LEARN MORE\",\n    InfoviewTitle: (\n      <div className=\"ttc\">\n        {\" \"}\n        <span className=\"red-line3letter red-3letter-mbl\">Our</span> Locations\n      </div>\n    ),\n    InfoviewContent: (\n      <>\n        All our senior management team, tech consultants, client directors, and\n        account managers are based in the UK. Our development team, consisting\n        of the top 3% of premium professionals, is made up of British and Indian\n        developers. We ensure that all project data is stored securely within UK\n        borders, with access to the development team provided strictly on an\n        as-needed basis.\n      </>\n    ),\n  };\n\n  return (\n    <Layout\n      seo={{\n        title: \"What We Do | Digiryte\",\n        ogtitle: \"What We Do | Digiryte\",\n        description:\n          \"At Digiryte, we help you create digital products from simple customizations to full-cycle software development, ensuring your business's success in the digital age.\",\n        ogimage: ogimage,\n        ogurl: `${BASE_SITE_URL}/what-we-do`,\n        keywords:\n          \"digital products, customizations, software development, full-cycle development, Digiryte services\",\n      }}\n    >\n      <ImageBanner imageBannerData={ImageBannerData} />\n      <div className=\"mt-50 body-container\">\n        <Button\n          icon={\n            <img\n              className=\"effect-btn-svgicon\"\n              src={BackArrowIcon}\n              alt=\"click\"\n            />\n          }\n          customClassName=\"effect-btn\"\n          className=\"mui-button-font\"\n          tip=\"Home\"\n          routepath=\"/\"\n        />\n        <Typography\n          style={{\n            fontSize: \"24px\",\n            fontWeight: \"600\",\n            marginTop: \"-42px\",\n            marginLeft: \"40px\",\n          }}\n        >\n          Home\n        </Typography>\n      </div>\n      <div className=\"mt-30\">\n        <Infoview InfoviewData={InfoviewData} />\n      </div>\n      {/* <PlainCardWithHover imageData={imageData} /> */}\n      <OurServicesCard />\n      {/* <div className=\"mt-20\">\n        <MiniImageBanner1\n          id=\"two\"\n          MiniImageBanner1Data={MiniImageBanner1Data}\n        />\n      </div> */}\n      <div className=\"body-container mt-70 ttc\" id=\"our-expertise\">\n        <h2 className=\"title-header\">\n          <span className=\"red-line3letter red-3letter-mbl\">Our</span> Expertise\n        </h2>\n      </div>\n      <div className=\"mt-70\">\n        <BlurCardList componentId=\"1\" BlurCardListData={BlurCardListData} />\n      </div>\n      <div className=\"common-bg-light mt-70\">\n        <RevealAnimation animation=\"zoom-in\" className=\"\">\n          <Infoview InfoviewData={OurLocation} />\n        </RevealAnimation>\n        <div className=\"hide-in-mobile\">\n          <LocationCards\n            mapImage={mapImage}\n            label=\"View Location\"\n            LocationCardData={LocationCardData}\n          />\n        </div>\n        <div className=\"hide-in-web\">\n          <LocationCards\n            mapImage={mapImage1}\n            label=\"View Location\"\n            LocationCardData={LocationCardData1}\n          />\n        </div>\n      </div>\n\n      <div>\n        <TwoColumnContactInfo\n          TwoColumnContactInfoData={TwoColumnContactInfoData}\n        />\n      </div>\n    </Layout>\n  );\n};\n\nexport default WhatWeDo;\n","module.exports = __webpack_public_path__ + \"static/code_ux_audit-41a7502ba86492bea05848e4ab69bce6.png\";"],"sourceRoot":""}