{"version":3,"sources":["webpack:///./src/assets/Images/Code-audit-UX-audit-banner-image.png","webpack:///./src/templates/MiniImageBanner1/index.jsx","webpack:///./src/templates/BlurCardList/index.jsx","webpack:///./src/assets/Images/Homepage/Product_designing_and_Prototyping.png","webpack:///./src/assets/Images/Homepage/mobile_application_development.png","webpack:///./src/assets/Images/WhatWeDo/who_we_work_with_2x.png","webpack:///./src/assets/Images/WhatWeDo/We_d_love_to_help_with_your_product._2x.png","webpack:///./src/pages/code-ux-audit.jsx","webpack:///./src/templates/MiniImageBanner/MiniImageBanner.scss","webpack:///./src/assets/Images/About Us/schedule_call_banner_2x.png","webpack:///./src/assets/Images/HowWeDoIt/who_we_work_with.png","webpack:///./src/templates/MiniImageBanner/index.jsx","webpack:///./src/templates/MiniImageBanner1/MiniImageBanner1.scss","webpack:///./src/templates/MiniImageBanner1/hire_remote_team_mobile@2x.png","webpack:///./src/assets/Images/WhatWeDo/What_we_do_2x.png","webpack:///./src/assets/Images/About Us/contact_us_2x.png","webpack:///./src/assets/Images/Homepage/digital_transformation.png","webpack:///./src/assets/Images/Homepage/product_scaling.png","webpack:///./src/assets/Images/Homepage/full_product_development.png","webpack:///./src/assets/Images/ogImages/OG_Code-audit-UX.png","webpack:///./src/assets/Images/WhatWeDo/how_we_do_it_2x.png","webpack:///./src/assets/Images/Homepage/MVP.png","webpack:///./src/assets/Images/Homepage/machine_learning.png","webpack:///./src/assets/Images/Homepage/web_application_development.png"],"names":["module","exports","MiniImageBanner1","props","useEffect","document","getElementById","id","style","backgroundImage","MiniImageBanner1Data","image","bannerImg","route","banner1","banner2","banner3","banner5","banner4","Fragment","target","className","to","container","direction","spacing","alignItems","item","md","tag","titleClass","title","underline","underlineClass","btnLabel","customClassName","btnClassName","variant","btnVariant","color","btnColor","label","tip","tooltip","routepath","src","alt","BlurCardList","useState","isHover","setIsHover","showRemainingComponent","setShowRemainingComponent","toggleHover","sliceArray","BlurCardListData","cardsData","slice","sliceArrayIndustry","sliceArrayFinal","componenetName","remainingArray","remainingArrayIndustry","finalArray","coponentCount","loadMore","map","index","key","xs","sm","text","MiniCardBgImg","MiniCardBgImgId","componentId","subtitle","subTitle","customClass","button","RightArrowShow","textColor","cardHgt","lastCardData","cardCustomClass","width","textAlign","onMouseEnter","onMouseLeave","role","onClick","display","icon","RightArrowWhite","RightArrow","loadMoreLabel","CodeUxAudit","stepper","stepper1","stepper2","stepper3","stepper4","page","setPage","limit","setLimit","articleRawData","setArticleRawData","articleLimit","setArticleLimit","articlePage","setArticlePage","articleData","setArticleData","megaviewData","setMegaViewData","clientStoryData","setClientStoryData","clientStoryRawData","setClientStoryRawData","DataService","getData","then","response","data","MiniImageBannerBgImg12","altTxt","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","Clm2SubTitle","ImageBannerData","bnrImg","BannerBgImage","bnrImgTitle","bnrImgSubTitle","servicesColumn1","service","link","servicesColumn2","servicesColumn3","InfoviewData","InfoviewTitle","InfoviewContent","MiniCardBgImage1","MiniCardBgImage2","MiniCardBgImage3","MiniCardBgImage4","MiniCardBgImage5","MiniCardBgImage6","MiniCardBgImage8","MiniCardBgImage9","MiniImageBanner3Data","Id","MiniImageBannerBgImg","MiniImgBnrBgImg","MiniImageBannerAltTxt","HoverLinkContent","PlainContent","quotedMiniCardData","heading","content","footerContent","paddingLeft","clutchLogo","height","seo","ogtitle","description","ogimage","ogurl","BASE_SITE_URL","imageBannerData","BackArrowIcon","fontSize","fontWeight","marginTop","marginLeft","miniImageBannerData","length","miniviewData","miniviewData2","total","has_more","MegaviewData","MiniImageBanner","element","backgroundSize","backgroundRepeat","scheduleBanner","scheduleBanner1","bannerImageAbout","underLine","inlineStyle","NearHoverLinkContent","whiteBoldContent","view"],"mappings":"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","file":"component---src-pages-code-ux-audit-jsx-4a14f79852940a2f0ef0.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/Code-audit-UX-audit-banner-image-00a0c8f0259c276b25ec82cbf4255d48.png\";","import { Grid } from \"@material-ui/core\";\nimport { Link } from \"gatsby\";\nimport React, { useEffect } from \"react\";\nimport banner1 from \"../../assets/Images/WhatWeDo/how_we_do_it_2x.png\";\nimport banner2 from \"../../assets/Images/WhatWeDo/We_d_love_to_help_with_your_product._2x.png\";\nimport banner3 from \"../../assets/Images/WhatWeDo/What_we_do_2x.png\";\nimport banner4 from \"../../assets/Images/WhatWeDo/who_we_work_with_2x.png\";\nimport banner5 from \"./hire_remote_team_mobile@2x.png\";\nimport Button from \"../../components/Button\";\nimport \"./MiniImageBanner1.scss\";\n\nconst MiniImageBanner1 = (props) => {\n  useEffect(() => {\n    document.getElementById(\n      `${props.id}`\n    ).style.backgroundImage = `url(${props.MiniImageBanner1Data.image})`;\n  }, [props.MiniImageBanner1Data.image, props.id]);\n  const bannerImg =\n    props.id === \"one\" && props.MiniImageBanner1Data.route === \"/how-we-do-it\"\n      ? banner1\n      : props.MiniImageBanner1Data.route === \"/contact-us\"\n      ? banner2\n      : props.MiniImageBanner1Data.route === \"/what-we-do\"\n      ? banner3\n      : props.MiniImageBanner1Data.route === \"/hire-remote-teams\"\n      ? banner5\n      : banner4;\n  return (\n    <React.Fragment>\n      <Link\n        target=\"_blank\"\n        className=\"banner-condition services-link\"\n        to={props.MiniImageBanner1Data.route}\n      >\n        <div className=\"mini-image-banner1\" id={props.id}>\n          <div className=\"body-container\">\n            {/* Hiding this temporarily */}\n            <div className=\"mini-image-banner-overlay1\">\n              <Grid container direction=\"row\" spacing={3} alignItems=\"center\">\n                <Grid item md={10}>\n                  <div>\n                    {props.MiniImageBanner1Data.tag === \"h2\" ? (\n                      <h2 className={props.MiniImageBanner1Data.titleClass}>\n                        {props.MiniImageBanner1Data.title}\n                      </h2>\n                    ) : (\n                      <h3 className={props.MiniImageBanner1Data.titleClass}>\n                        {props.MiniImageBanner1Data.title}\n                      </h3>\n                    )}\n                    {props.MiniImageBanner1Data.underline && (\n                      <div\n                        className={props.MiniImageBanner1Data.underlineClass}\n                      ></div>\n                    )}\n                  </div>\n                </Grid>\n                {props.MiniImageBanner1Data.btnLabel && (\n                  <Grid item md={2}>\n                    <Button\n                      customClassName={props.MiniImageBanner1Data.btnClassName}\n                      variant={props.MiniImageBanner1Data.btnVariant}\n                      color={props.MiniImageBanner1Data.btnColor}\n                      label={props.MiniImageBanner1Data.btnLabel}\n                      tip={props.MiniImageBanner1Data.tip}\n                      tooltip={props.MiniImageBanner1Data.tooltip}\n                      routepath={props.MiniImageBanner1Data.route}\n                    />\n                  </Grid>\n                )}\n              </Grid>\n            </div>\n          </div>\n        </div>\n      </Link>\n      <Link\n        target=\"_blank\"\n        className=\"services-link\"\n        to={props.MiniImageBanner1Data.route}\n      >\n        <img className=\"mbl-banner\" src={bannerImg} alt={bannerImg} />\n      </Link>\n    </React.Fragment>\n  );\n};\n\nexport default MiniImageBanner1;\n","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 = __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/who_we_work_with_2x-ac7854571c274e1abc45d4182a42e6b3.png\";","module.exports = __webpack_public_path__ + \"static/We_d_love_to_help_with_your_product._2x-4ac371682bbe34114a652ae37fec8c5e.png\";","import { Grid } from \"@material-ui/core\";\nimport Typography from \"@material-ui/core/Typography\";\nimport React, { useEffect, useState } from \"react\";\nimport RightArrowWhite from \"../assets/Icons/accordian_white.svg\";\nimport RightArrow from \"../assets/Icons/go.svg\";\nimport Clm2Img from \"../assets/Icons/mail.svg\";\nimport Clm1Img from \"../assets/Icons/phone.svg\";\nimport BackArrowIcon from \"../assets/Images/accordian.svg\";\nimport BannerBgImage from \"../assets/Images/Code-audit-UX-audit-banner-image.png\";\nimport MiniImgBnrBgImg from \"../assets/Images/contact_us_bg.png\";\nimport MiniCardBgImage8 from \"../assets/Images/Homepage/digital_transformation.png\";\nimport MiniCardBgImage3 from \"../assets/Images/Homepage/full_product_development.png\";\nimport MiniCardBgImage9 from \"../assets/Images/Homepage/machine_learning.png\";\nimport MiniCardBgImage1 from \"../assets/Images/Homepage/mobile_application_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 MiniCardBgImage2 from \"../assets/Images/Homepage/web_application_development.png\";\nimport MiniImageBannerBgImg12 from \"../assets/Images/HowWeDoIt/who_we_work_with.png\";\nimport ogimage from \"../assets/Images/ogImages/OG_Code-audit-UX.png\";\nimport clutchLogo from \"../assets/Images/WhatWeDo/clutch-co-vector-logo.svg\";\nimport Button from \"../components/Button\";\nimport Layout from \"../components/layouts/layout\";\nimport DataService from \"../services/api/data_services\";\n// import RedLine from \"../components/RedLine\";\nimport { BASE_SITE_URL } from \"../shared/constants\";\n//BlurCardList\nimport BlurCardList from \"../templates/BlurCardList\";\n//Image Banner\nimport ImageBanner from \"../templates/ImageBanner\";\n//Info View\nimport Infoview from \"../templates/InfoView\";\nimport Megaview from \"../templates/MegaView\";\n//Mini Image Banner\nimport MiniImageBanner from \"../templates/MiniImageBanner\";\nimport MiniImageBanner1 from \"../templates/MiniImageBanner1\";\n//Miniview\nimport Miniview from \"../templates/MiniView\";\n// Two Column Contact info\nimport TwoColumnContactInfo from \"../templates/TwoColumnContactInfo\";\nimport VerticalLinearStepper from \"../templates/VerticalStepper\";\n\nconst getStepper = () => {\n  return [\n    \"Code quality\",\n    \"Software architecture\",\n    \"Coding best practices\",\n    \"Code security review\",\n    <>Non-functional requirements</>,\n    \"Object-oriented analysis and design principles (SOLID)\",\n    \"List of recommendations\",\n  ];\n};\nconst getStepper1 = () => {\n  return [\n    \"Business and user objectives\",\n    \"Metrics and customer data\",\n    \"Usability guidelines compliance\",\n    \"Design evaluation\",\n    \"List of recommendations\",\n  ];\n};\nconst getStepper2 = () => {\n  return [\n    \"Front-end (Angular, React.js, Vue.js, Ember.js)\",\n    \"Back-end (Ruby on Rails, Python, PHP, .NET core)\",\n  ];\n};\nconst getStepper3 = () => {\n  return [\n    \"Automated security check\",\n    \"Manual security check\",\n    \" Manual code review\",\n    \"Automated static code review\",\n    \"Business analysis\",\n    \"Automated scalability tests\",\n    \" Report and presentation\",\n  ];\n};\nconst getStepper4 = () => {\n  return [\n    \"Product Research and analysis\",\n    \"Review of business and user objectives\",\n    \" Review of conversion metrics and traffic data\",\n    \" Manual user journey review\",\n    \"Checklist of UX Laws and Principles\",\n    \"Usability and UI check\",\n    \" Report and presentation\",\n  ];\n};\n\nconst CodeUxAudit = () => {\n  const stepper = getStepper();\n  const stepper1 = getStepper1();\n  const stepper2 = getStepper2();\n  const stepper3 = getStepper3();\n  const stepper4 = getStepper4();\n  const [page, setPage] = useState(1);\n  const [limit, setLimit] = useState(6);\n  const [articleRawData, setArticleRawData] = useState([]);\n  const [articleLimit, setArticleLimit] = useState(6);\n  const [articlePage, setArticlePage] = useState(1);\n  const [articleData, setArticleData] = useState([]);\n  const [megaviewData, setMegaViewData] = useState([]);\n  const [clientStoryData, setClientStoryData] = useState([]);\n  const [clientStoryRawData, setClientStoryRawData] = useState([]);\n  const [isHover, setIsHover] = useState(false);\n  const toggleHover = () => {\n    setIsHover(!isHover);\n  };\n  useEffect(() => {\n    DataService.getData(\n      \"/admin/api/all-services?limit=1&type=White Paper&service_type=PD - Code %26 UI/UX Audit\"\n    ).then((response) => {\n      setMegaViewData(response);\n    });\n  }, []);\n  useEffect(() => {\n    DataService.getData(\n      `/admin/api/all-services?limit=${articleLimit}&page=${articlePage}&type=Article&service_type=PD - Code %26 UI/UX Audit&component=mini_view`\n    ).then((response) => {\n      setArticleData([...articleData, ...response.data]);\n      setArticleRawData(response);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [articleLimit, articlePage]);\n  useEffect(() => {\n    DataService.getData(\n      `/admin/api/all-services?limit=${limit}&page=${page}&type=Client Story&service_type=PD - Code %26 UI/UX Audit&component=mini_view`\n    ).then((response) => {\n      setClientStoryData([...clientStoryData, ...response.data]);\n      setClientStoryRawData(response);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [page, limit]);\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    tooltip: \"yes\",\n    tip: \"TAKE A LOOK\",\n    altTxt: \"Who we work with\",\n    btnClassName: \"image-banner-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    route: \"/who-we-work-with\",\n    underline: true,\n    underlineClass: \"black-line\",\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  /**\n   * Image Banner\n   */\n  const ImageBannerData = {\n    bnrImg: BannerBgImage,\n    // bnrImgTitle: \"Go Digital For More!\",\n    bnrImgTitle: (\n      <div>\n        Code Audit <br /> & UX Audit\n      </div>\n    ),\n    bnrImgSubTitle: \"How can we help you today?\",\n    servicesColumn1: {\n      data: [\n        {\n          service: \"Mobile Application Development\",\n          link: \"/mobile-application-development\",\n        },\n\n        {\n          service: \"MVP Development\",\n          link: \"/mvp-development\",\n        },\n        {\n          service: \"Code & UX Audit\",\n          link: \"/code-ux-audit\",\n        },\n      ],\n    },\n    servicesColumn2: {\n      data: [\n        {\n          service: \"Web Application Development\",\n          link: \"/web-application-development\",\n        },\n        {\n          service: \"Product Designing and Prototyping\",\n          link: \"/product-designing-and-prototyping\",\n        },\n        {\n          service: \"Digital Transformation\",\n          link: \"/digital-transformation\",\n        },\n      ],\n    },\n    servicesColumn3: {\n      data: [\n        {\n          service: \"Full Product Development\",\n          link: \"/full-product-development\",\n        },\n        {\n          service: \"Product scaling\",\n          link: \"/product-scaling\",\n        },\n        {\n          service: \"Machine Learning\",\n          link: \"/machine-learning\",\n        },\n      ],\n    },\n  };\n\n  /**\n   * Infoview\n   */\n\n  const InfoviewData = {\n    InfoviewTitle: (\n      <div className=\"mbl-br-hide ttc\">\n        Help your Digital Product Thrive <br />\n        <span className=\"red-line3letter\">wit</span>h Code & UX Audit\n      </div>\n    ),\n    tag: \"h2\",\n    InfoviewContent: (\n      <>\n        Identify security flaws by auditing your software’s source code and UX.\n        This step helps you avoid any technical problems and keep your digital\n        product in good condition. At Digiryte, we want to ensure that your\n        product is perfect for the market. Our expert team will help you\n        identify the problem areas and create actionable plans to help improve\n        your product and empower your business.\n      </>\n    ),\n  };\n\n  /**\n   * Blur Card List Data\n   */\n\n  const BlurCardListData = {\n    cardsData: [\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        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: 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: 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        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: 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        image: MiniCardBgImage9,\n        title: \"Machine Learning\",\n        subTitle:\n          \"Through machine learning, 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    lastCardData: {\n      title: \"Let's Talk\",\n      subTitle: \"We'd love to help with your product.\",\n      variant: \"contained\",\n      label: \"GET IN TOUCH\",\n      customClass: \"miniCrdBgImg-main-border\",\n      route: \"/contact-us\",\n    },\n  };\n\n  const MiniImageBanner3Data = {\n    Id: \"minibanner1\",\n    MiniImageBannerBgImg: MiniImgBnrBgImg,\n    MiniImageBannerAltTxt: \"Contact Us \",\n    HoverLinkContent: \"Contact us\",\n    PlainContent: \"to audit your product\",\n    route: \"/contact-us\",\n  };\n  const quotedMiniCardData = {\n    title: \"Mobile App Dev for Automative Sales App\",\n    heading:\n      \"We can’t speak highly enough of Digiryte’s team because they bent over backward to help us launch our product.\",\n    content: \"Founder, Bumper UK\",\n    footerContent: (\n      <div style={{ display: \"flex\", alignItems: \"center\" }}>\n        <div>Authentic client review from</div>\n        <div style={{ paddingLeft: \"5px\" }}>\n          <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n        </div>\n      </div>\n    ),\n  };\n\n  const miniviewDataArticle = {\n    height: \"490\",\n    service: \"machineLearning\",\n    title: \"Let's Talk\",\n    subTitle: \"We'd love to help with your product.\",\n    variant: \"contained\",\n    label: \"GET IN TOUCH\",\n    tooltip: \"yes\",\n    tip: \"GET IN TOUCH\",\n    customClass: \"miniCrdBgImg-main-border\",\n    route: \"/contact-us\",\n  };\n  const miniviewDataCaseStudy = {\n    height: \"490\",\n    service: \"machineLearning\",\n    title: \"Let's Talk\",\n    tooltip: \"yes\",\n    tip: \"GET IN TOUCH\",\n    subTitle: \"We'd love to help with your product.\",\n    variant: \"contained\",\n    label: \"GET IN TOUCH\",\n    customClass: \"miniCrdBgImg-main-border\",\n    route: \"/contact-us\",\n  };\n  return (\n    <Layout\n      seo={{\n        title: \"What we do: Code and UX Audit | Digiryte\",\n        ogtitle: \"What we do: Code and UX Audit | Digiryte\",\n        description:\n          \"Identify security flaws by auditing your software’s source code and UX. This helps avoiding technical problems and keeps the digital product in good condition.\",\n        ogimage: ogimage,\n        ogurl: `${BASE_SITE_URL}/code-ux-audit`,\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=\"What we do\"\n          routepath=\"/what-we-do\"\n        />\n        <Typography\n          style={{\n            fontSize: \"24px\",\n            fontWeight: \"600\",\n            marginTop: \"-42px\",\n            marginLeft: \"40px\",\n          }}\n        >\n          What we do\n        </Typography>\n      </div>\n      <div className=\"mt-30\">\n        <Infoview InfoviewData={InfoviewData} />\n      </div>\n      <div className=\"mt-70 body-container\">\n        <Grid container className=\"mt-30  ttc\" direction=\"row\" spacing={3}>\n          <Grid item md={6}>\n            <h3 className=\"h3-27-header\">\n              <span className=\"red-line3letter\">UX a</span>udit scope\n            </h3>\n            <div className=\"mt-30\"></div>\n            <VerticalLinearStepper stepper={stepper1} />\n            <div className=\"mt-50\"></div>\n            <h3 className=\"h3-27-header\">\n              <span className=\"red-line3letter\">We a</span>udit the following\n              technologies:\n            </h3>\n            <div className=\"mt-30\"></div>\n            <VerticalLinearStepper stepper={stepper2} />\n          </Grid>\n          <Grid item md={6}>\n            <h3 className=\"h3-27-header\">\n              <span className=\"red-line3letter\">Cod</span>e audit scope\n            </h3>\n            <div className=\"mt-30\"></div>\n            <VerticalLinearStepper stepper={stepper} />\n          </Grid>\n        </Grid>\n      </div>\n      <div className=\"mt-50\">\n        <MiniImageBanner miniImageBannerData={MiniImageBanner3Data} />\n      </div>\n      <div className=\"body-container\">\n        <Grid container className=\"mt-70  ttc\" direction=\"row\" spacing={3}>\n          <Grid item md={6}>\n            <h3 className=\"h3-27-header\">\n              <span className=\"red-line3letter\">Cod</span>e audit process\n            </h3>\n            <div className=\"mt-30\"></div>\n            <VerticalLinearStepper stepper={stepper3} />\n          </Grid>\n          <Grid item md={6}>\n            <h3 className=\"h3-27-header\">\n              <span className=\"red-line3letter\">UX a</span>udit process\n            </h3>\n            <div className=\"mt-30\"></div>\n            <VerticalLinearStepper stepper={stepper4} />\n          </Grid>\n        </Grid>\n      </div>\n      <div className=\"mt-50\">\n        <MiniImageBanner1\n          id=\"one\"\n          MiniImageBanner1Data={MiniImageBanner1Data}\n        />\n      </div>\n      {clientStoryData && clientStoryData.length > 0 && (\n        <div className=\"mt-70\">\n          <div className=\"body-container\">\n            <h2 className=\"h2-header\">\n              <span className=\"red-line3letter\">Cli</span>ent Stories\n            </h2>\n          </div>\n          <div className=\"mt-50\">\n            <Miniview\n              miniviewData={clientStoryData}\n              miniviewData2={miniviewDataCaseStudy}\n              total={clientStoryData.length}\n              quotedMiniCardData={quotedMiniCardData}\n            />\n          </div>\n        </div>\n      )}\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            setPage(page === 1 ? page + 2 : page + 1);\n            setLimit(3);\n          }}\n          style={{ display: \"inline-block\" }}\n        >\n          {clientStoryRawData.has_more && (\n            <Button\n              icon={\n                <img\n                  className=\"effect-btn-svgicon\"\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=\"Load More\"\n            />\n          )}\n        </div>\n      </div>\n      <div className=\"body-container\">\n        {\" \"}\n        {megaviewData.data && megaviewData.data.length > 0 && (\n          <Megaview MegaviewData={megaviewData.data} />\n        )}\n      </div>\n\n      {articleData && articleData.length > 0 && (\n        <div className=\"mt-70\">\n          <div className=\"body-container\">\n            <h3 className=\"title-header\">\n              <span className=\"red-line3letter\">Rec</span>ommended Reading\n            </h3>\n          </div>\n          <div className=\"mt-50\">\n            <Miniview\n              miniviewData={articleData}\n              total={articleData.total}\n              miniviewData2={miniviewDataArticle}\n              quotedMiniCardData={quotedMiniCardData}\n            />\n          </div>\n        </div>\n      )}\n      {articleRawData.has_more && (\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              setArticlePage(\n                articlePage === 1 ? articlePage + 2 : articlePage + 1\n              );\n              setArticleLimit(3);\n            }}\n            style={{ display: \"inline-block\" }}\n          >\n            <Button\n              icon={\n                <img\n                  className=\"effect-btn-svgicon\"\n                  src={!isHover ? RightArrow : RightArrowWhite}\n                  alt=\"MORE ARTICLES\"\n                />\n              }\n              customClassName=\"info-view-resize-btn\"\n              color=\"primary\"\n              variant=\"outlined\"\n              label=\"READ MORE\"\n              tip=\"READ MORE\"\n            />\n          </div>\n        </div>\n      )}\n      <div className=\"body-container mt-70\">\n        <h2 className=\"title-header\">\n          <span className=\"red-line3letter\">Oth</span>er Services\n        </h2>\n      </div>\n      <div className=\"mt-70\">\n        <BlurCardList componentId=\"1\" BlurCardListData={BlurCardListData} />\n      </div>\n      <div className=\"mt-70\"></div>\n      <TwoColumnContactInfo\n        TwoColumnContactInfoData={TwoColumnContactInfoData}\n      />\n    </Layout>\n  );\n};\n\nexport default CodeUxAudit;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = __webpack_public_path__ + \"static/schedule_call_banner_2x-460617f312fd13c3cb1d41332a9ff497.png\";","module.exports = __webpack_public_path__ + \"static/who_we_work_with-8335cac5312cddca457980c6f2718afc.png\";","import { Link } from \"gatsby\";\nimport React, { useEffect } from \"react\";\nimport scheduleBanner1 from \"../../assets/Images/About Us/contact_us_2x.png\";\nimport scheduleBanner from \"../../assets/Images/About Us/schedule_call_banner_2x.png\";\nimport Button from \"../../components/Button\";\nimport \"./MiniImageBanner.scss\";\n\nconst MiniImageBanner = (props) => {\n  useEffect(() => {\n    const element = document.getElementById(props.miniImageBannerData.Id);\n    element.style.backgroundImage = `url(${props.miniImageBannerData.MiniImageBannerBgImg})`;\n    element.style.backgroundSize = \"cover\";\n    element.style.backgroundRepeat = \"no-repeat\";\n  }, [\n    props.miniImageBannerData.MiniImageBannerBgImg,\n    props.miniImageBannerData.Id,\n  ]);\n  const bannerImg =\n    props.page === \"about-us\" ? scheduleBanner : scheduleBanner1;\n  return (\n    <React.Fragment>\n      <div\n        className={\n          props.miniImageBannerData.bannerImageAbout === \"yes\"\n            ? \"banner-condition mini-image-banner-responsive\"\n            : \"banner-condition mini-image-banner\"\n        }\n        id={props.miniImageBannerData.Id}\n      >\n        <div className=\"body-container\">\n          {props.miniImageBannerData.route ? (\n            <Link target=\"_blank\" className=\"services-link\" to=\"/contact-us\">\n              <div className=\"mini-image-banner-overlay\">\n                <div>\n                  {props.miniImageBannerData.tag === \"h3\"\n                    ? props.miniImageBannerData.HoverLinkContent && (\n                        <h3\n                          className={\n                            props.miniImageBannerData.underLine === \"no\"\n                              ? \"no-underline mini-image-banner-title min-title-header\"\n                              : \"red-line3letter mini-image-banner-title min-title-header ttc\"\n                          }\n                          style={\n                            props.miniImageBannerData &&\n                            props.miniImageBannerData.inlineStyle && {\n                              fontSize: \"56px\",\n                            }\n                          }\n                        >\n                          {props.miniImageBannerData.HoverLinkContent}\n                        </h3>\n                      )\n                    : props.miniImageBannerData.tag === \"h4\"\n                    ? props.miniImageBannerData.HoverLinkContent && (\n                        <h4\n                          className={\n                            props.miniImageBannerData.underLine === \"no\"\n                              ? \"no-underline mini-image-banner-title min-title-header\"\n                              : \"red-line3letter mini-image-banner-title min-title-header ttc\"\n                          }\n                          style={\n                            props.miniImageBannerData &&\n                            props.miniImageBannerData.inlineStyle && {\n                              fontSize: \"56px\",\n                            }\n                          }\n                        >\n                          {props.miniImageBannerData.HoverLinkContent}\n                        </h4>\n                      )\n                    : props.miniImageBannerData.HoverLinkContent && (\n                        <h2\n                          className={\n                            props.miniImageBannerData.underLine === \"no\"\n                              ? \"no-underline mini-image-banner-title min-title-header\"\n                              : \"red-line3letter mini-image-banner-title min-title-header ttc\"\n                          }\n                          style={\n                            props.miniImageBannerData &&\n                            props.miniImageBannerData.inlineStyle && {\n                              fontSize: \"56px\",\n                            }\n                          }\n                        >\n                          {props.miniImageBannerData.HoverLinkContent}\n                        </h2>\n                      )}\n\n                  {props.miniImageBannerData.NearHoverLinkContent && (\n                    <h3 className=\"title-header2 float-right\">\n                      {props.miniImageBannerData.NearHoverLinkContent}\n                    </h3>\n                  )}\n                  <h3\n                    className={\n                      !props.miniImageBannerData.HoverLinkContent\n                        ? \"mini-image-banner-content min-title-header\"\n                        : \"mini-image-banner-title min-title-header\"\n                    }\n                  >\n                    {props.miniImageBannerData.PlainContent}\n                  </h3>\n                </div>\n              </div>\n              <h3 className=\"mini-image-banner-title white-header\">\n                {props.miniImageBannerData.whiteBoldContent}\n              </h3>\n              <Button\n                customClassName={props.miniImageBannerData.btnClassName}\n                variant={props.miniImageBannerData.btnVariant}\n                color={props.miniImageBannerData.btnColor}\n                label={props.miniImageBannerData.btnLabel}\n                tip={props.miniImageBannerData.tip}\n                tooltip={props.miniImageBannerData.tooltip}\n                view=\"show\"\n                // routepath={props.MiniImageBanner1Data.route}\n              />\n            </Link>\n          ) : (\n            <div className=\"mini-image-banner-overlay\">\n              <div>\n                {props.miniImageBannerData.HoverLinkContent && (\n                  <h3 className=\"red-line3letter mini-image-banner-title min-title-header ttc\">\n                    {props.miniImageBannerData.HoverLinkContent}\n                  </h3>\n                )}\n                {props.miniImageBannerData.NearHoverLinkContent && (\n                  <h3 className=\"title-header2 float-right\">\n                    {props.miniImageBannerData.NearHoverLinkContent}\n                  </h3>\n                )}\n                <h3\n                  className={\n                    !props.miniImageBannerData.HoverLinkContent\n                      ? \"mini-image-banner-content min-title-header\"\n                      : \"mini-image-banner-title min-title-header\"\n                  }\n                >\n                  {props.miniImageBannerData.PlainContent}\n                </h3>\n\n                {/* <h3 className=\"mini-image-banner-title-content white-content\">{props.miniImageBannerData.whiteContent}</h3> */}\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n      <Link target=\"_blank\" className=\"services-link\" to=\"/contact-us\">\n        <img className=\"mbl-banner\" src={bannerImg} alt={bannerImg} />\n      </Link>\n    </React.Fragment>\n  );\n};\n\nexport default MiniImageBanner;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = __webpack_public_path__ + \"static/hire_remote_team_mobile@2x-df6961b14afaeb59f5de9907dfbda00c.png\";","module.exports = __webpack_public_path__ + \"static/What_we_do_2x-aca7734d6f0326512f503e70b3b88b80.png\";","module.exports = __webpack_public_path__ + \"static/contact_us_2x-8a28039d9d96cb28224e01a6fcd5ee1c.png\";","module.exports = __webpack_public_path__ + \"static/digital_transformation-5812a62950f24f2058d48f3ad3466676.png\";","module.exports = __webpack_public_path__ + \"static/product_scaling-118bd61677fe30ebe1bf47cc72e0ab29.png\";","module.exports = __webpack_public_path__ + \"static/full_product_development-ff299f8972c0068162deae04a1ede264.png\";","module.exports = __webpack_public_path__ + \"static/OG_Code-audit-UX-99af2331a7d50cc8c3b3f2141dd076c7.png\";","module.exports = __webpack_public_path__ + \"static/how_we_do_it_2x-d13fa784ac1c98e22522089408a9cdb3.png\";","module.exports = __webpack_public_path__ + \"static/MVP-cb4f833a6f7c1b92f46675e690e7c23f.png\";","module.exports = __webpack_public_path__ + \"static/machine_learning-dbdac4d8e8240b67987313024eb970cf.png\";","module.exports = __webpack_public_path__ + \"static/web_application_development-20e9070d435f2596206f317d24b27d43.png\";"],"sourceRoot":""}