{"version":3,"sources":["webpack:///./src/templates/MiniImageBanner1/index.jsx","webpack:///./src/assets/Images/MobileApp/Weblanguages_wespeak/Vue.png","webpack:///./src/assets/Images/WhatWeDo/clutch-co-vector-logo.svg","webpack:///./src/components/MiniCard/index.jsx","webpack:///./src/templates/InfoView/index.jsx","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/assets/Images/HowWeDoIt/who_we_work_with.png","webpack:///./src/templates/MiniImageBanner1/MiniImageBanner1.scss","webpack:///./src/templates/MiniImageBanner1/hire_remote_team_mobile@2x.png","webpack:///./src/assets/Images/ogImages/OG_Web-App-Dev.png","webpack:///./src/templates/InfoView/InfoView.scss","webpack:///./src/components/WhitePaperFooter/index.jsx","webpack:///./src/assets/Images/WhatWeDo/What_we_do_2x.png","webpack:///./src/assets/Images/Homepage/Learn_More_white.svg","webpack:///./src/components/MiniCardWithBgImg/index.jsx","webpack:///./src/templates/MiniView/index.jsx","webpack:///./src/templates/MiniView/MiniView.scss","webpack:///./src/assets/Images/accordian.svg","webpack:///./src/assets/Images/MobileApp/web_dev_testing.jpg","webpack:///./src/components/GreyLine/index.jsx","webpack:///./src/assets/Images/MobileApp/Weblanguages_wespeak/ReactJS.png","webpack:///./src/templates/MegaView/index.jsx","webpack:///./src/assets/Images/Homepage/full_product_development.png","webpack:///./src/components/MiniCardWithBgImg/MiniCardWithBgImg.scss","webpack:///./src/assets/Images/WhatWeDo/how_we_do_it_2x.png","webpack:///./src/assets/Images/Homepage/machine_learning.png","webpack:///./src/pages/web-application-development.jsx","webpack:///./src/assets/Images/WhatWeDo/quote.svg"],"names":["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","module","exports","Minicard","CardSection","isLandingPage","MiniviewImage","imgAlt","dangerouslySetInnerHTML","__html","MiniviewHeading","MiniviewContent","WhitePaperFooterLabel","MiniviewImageAlt","textDecoration","Type","Slug","gatedContent","GatedContent","navigateComponent","WhitePaperLabel","slug","type","SlugType","Infoview","InfoviewData","InfoviewTitle","component","InfoviewContent","InfoviewButtonLabel","role","display","icon","RightArrowWhite","WhitePaperFooter","ref","useState","setshareComponent","wrapperRef","useRef","handleClickOutside","event","current","contains","addEventListener","removeEventListener","onMouseLeave","download","placement","MiniCardWithBgImg","MiniCardBgImgId","MiniCardBgImg","textColor","service","cardCustomClass","cardHgt","subtitle","button","RightArrow","whiteAccordian","Miniview","miniviewData","map","index","key","xs","sm","meta_title","meta_description","primary_description_1","og_image","ogImageAlt","slug_type","gated_content","quotedMiniCardData","length","position","quote","heading","content","footerContent","miniviewData2","subTitle","customClass","GreyLine","Megaview","MegaviewData","height","mega_view_image","imageAltTxt","changeAccordianText","displayFIndoutMore","view","undefined","WebApplicationDevelopment","page","setPage","limit","setLimit","articleRawData","setArticleRawData","articleLimit","setArticleLimit","articlePage","setArticlePage","articleData","setArticleData","megaviewData","setMegaViewData","clientStoryData","setClientStoryData","clientStoryRawData","setClientStoryRawData","isHover","setIsHover","toggleHover","DataService","getData","then","response","data","ImageBannerData","bnrImg","BannerBgImage","bnrImgTitle","bnrImgSubTitle","servicesColumn1","link","servicesColumn2","servicesColumn3","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","Clm2SubTitle","MiniImageBannerBgImg12","altTxt","ClickToViewMegaViewCarousalData","bottom","card1data","ClickToViewMegaViewCarousalImg1","MegaviewFooterLabel","MegaviewButtonLabel","MegaviewButtonColor","MegaviewContentClassname","MegaviewImageClassname","ClickToViewMegaViewCarousalImg2","ClickToViewMegaViewCarousalImg3","ClickToViewMegaViewCarousalImg4","BlurCardListData","cardsData","MiniCardBgImage1","MiniCardBgImage3","MiniCardBgImage4","MiniCardBgImage5","MiniCardBgImage6","MiniCardBgImage7","MiniCardBgImage8","MiniCardBgImage9","lastCardData","paddingLeft","clutchLogo","mobMovieSlider","imageUrl","frontEnd","mobMovieSlider1","backEnd","seo","ogtitle","description","ogimage","ogurl","BASE_SITE_URL","imageBannerData","BackArrowIcon","fontSize","fontWeight","marginTop","marginLeft","movieSlider","slideid","Angular","ReactJS","Vue","EmberJS","Rails","Python","Php","DotNet","total","width","textAlign","onMouseEnter","onClick","has_more","componentId"],"mappings":"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","file":"component---src-pages-web-application-development-jsx-c65141fb1f7f3bf779d5.js","sourcesContent":["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","module.exports = \"data:image/png;base64,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\"","module.exports = \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4yLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0ibGF5ZXIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgNjUyIDY1MiIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjUyIDY1MjsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzE3MzEzQjt9DQoJLnN0MXtmaWxsOiNFRjQzMzU7fQ0KPC9zdHlsZT4NCjxnPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNzcsMjM1LjloMjcuNnYxNzAuNEgxNzdWMjM1Ljl6Ii8+DQoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTMwMC42LDM1Mi4zYzAsMjYuNC0yMS42LDI4LjgtMjguOCwyOC44Yy0xNi44LDAtMTkuMi0xNS42LTE5LjItMjR2LTY2SDIyNXY2NC44YzAsMTUuNiw0LjgsMzAsMTQuNCwzOC40DQoJCWM4LjQsOC40LDE5LjIsMTIsMzIuNCwxMmM5LjYsMCwyMS42LTIuNCwyOC44LTkuNnY5LjZoMjcuNlYyOTEuMWgtMjcuNkMzMDAuNiwyOTEuMSwzMDAuNiwzNTIuMywzMDAuNiwzNTIuM3oiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzgyLjIsMjQ5LjFoLTI3LjZ2NDJoLTIwLjR2MjYuNGgyMC40djg4LjhoMjcuNnYtODguOGgyMC40di0yNi40aC0yMC40VjI0OS4xeiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00ODksMzcxLjVjLTYsNC44LTE0LjQsOC40LTIyLjgsOC40Yy0xOS4yLDAtMzIuNC0xNC40LTMyLjQtMzMuNnMxMy4yLTMyLjQsMzIuNC0zMi40DQoJCWM4LjQsMCwxNi44LDIuNCwyMi44LDguNGwzLjYsMy42bDE5LjItMThsLTQuOC0zLjZjLTEwLjgtOS42LTI1LjItMTUuNi00MC44LTE1LjZjLTMzLjYsMC01OC44LDI1LjItNTguOCw1OC44DQoJCXMyNS4yLDU4LjgsNTguOCw1OC44YzE1LjYsMCwzMC02LDQwLjgtMTUuNmw0LjgtMy42bC0xOS4yLTE5LjJMNDg5LDM3MS41eiIvPg0KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02MDksMzAwLjdjLTguNC04LjQtMTYuOC0xMi0zMC0xMmMtOS42LDAtMTkuMiwyLjQtMjYuNCw5LjZ2LTYyLjRINTI1djE3MC40aDI3LjZ2LTYzLjYNCgkJYzAtMjYuNCwxOC0yOC44LDI1LjItMjguOGMxNi44LDAsMTUuNiwxNS42LDE1LjYsMjR2NjcuMkg2MjF2LTY2QzYyMSwzMjMuNSw2MTcuNCwzMDkuMSw2MDksMzAwLjd6Ii8+DQoJPGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iNDY1IiBjeT0iMzQ3LjUiIHI9IjE5LjIiLz4NCgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTM4LjYsMzY0LjNjLTkuNiw5LjYtMjQsMTUuNi0zOS42LDE1LjZjLTMwLDAtNTEuNi0yNC01MS42LTU2LjRzMjEuNi01Ni40LDUyLjgtNTYuNA0KCQljMTQuNCwwLDI4LjgsNiwzOS42LDE2LjhsMy42LDMuNmwxOC0xOGwtMy42LTMuNmMtMTUuNi0xNS42LTM2LTI0LTU3LjYtMjRDNTQuNiwyNDAuNywyMSwyNzYuNywyMSwzMjMuNXMzMy42LDgyLjgsNzgsODIuOA0KCQljMjEuNiwwLDQzLjItOC40LDU3LjYtMjRsMy42LTMuNmwtMTgtMThMMTM4LjYsMzY0LjN6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==\"","import Card from \"@material-ui/core/Card\";\nimport { Link } from \"gatsby\";\nimport React from \"react\";\nimport WhitePaperFooter from \"../WhitePaperFooter\";\nimport \"./MiniCard.scss\";\n\nconst Minicard = (props) => {\n  const CardSection = ({ isLandingPage }) => {\n    return (\n      <>\n        <div className=\"card-content\">\n          <img\n            className=\"miniview-image\"\n            src={props.MiniviewImage}\n            alt={props.imgAlt}\n          />\n          <div className={`card-overlay ${isLandingPage ? \"no-hover\" : \"\"}`}>\n            <div className=\"mini-title-and-content-area\">\n              <div\n                className=\"mini-view-title\"\n                dangerouslySetInnerHTML={{\n                  __html: `${props.MiniviewHeading}`,\n                }}\n              />\n              <div\n                className=\"mini-view-content\"\n                dangerouslySetInnerHTML={{\n                  __html: `${props.MiniviewContent}`,\n                }}\n              />\n            </div>\n          </div>\n        </div>\n      </>\n    );\n  };\n  return (\n    <Card className=\"card-area appsgridshadow\">\n      {props.WhitePaperFooterLabel === \"Client Brief\" ? (\n        <div className=\"card-content-without-pointer\">\n          <img\n            className=\"miniview-image\"\n            src={props.MiniviewImage}\n            alt={props.MiniviewImageAlt}\n          />\n          <div className=\"card-overlay\">\n            <div className=\"mini-title-and-content-area\">\n              <div\n                className=\"mini-view-title\"\n                dangerouslySetInnerHTML={{ __html: `${props.MiniviewHeading}` }}\n              />\n              <div\n                className=\"mini-view-content\"\n                dangerouslySetInnerHTML={{ __html: `${props.MiniviewContent}` }}\n              />\n            </div>\n          </div>\n        </div>\n      ) : (\n        <>\n          {props.isLandingPage ? (\n            <div style={{ textDecoration: \"none\", color: \"black\" }}>\n              <CardSection isLandingPage={props.isLandingPage} />\n            </div>\n          ) : (\n            <Link\n              style={{ textDecoration: \"none\", color: \"black\" }}\n              to={`/${props.Type}/${props.Slug}`}\n            >\n              <CardSection />\n            </Link>\n          )}\n        </>\n      )}\n      <WhitePaperFooter\n        gatedContent={props.GatedContent}\n        navigateComponent={props.navigateComponent}\n        WhitePaperLabel={props.WhitePaperFooterLabel}\n        slug={props.Slug}\n        type={props.Type}\n        SlugType={props.SlugType}\n        isLandingPage={props.isLandingPage}\n      />\n    </Card>\n  );\n};\n\nexport default Minicard;\n","import React from \"react\";\nimport RightArrowWhite from \"../../assets/Icons/accordian_white.svg\";\nimport Button from \"../../components/Button\";\nimport \"./InfoView.scss\";\nimport RevealAnimation from \"../../components/RevealAnimation\";\n\nconst Infoview = (props) => {\n  return (\n    <div className=\"body-container\">\n      {props.InfoviewData.tag === \"h3\" ? (\n        <h3 className=\"infoviewtitle-header\">\n          {props.InfoviewData.InfoviewTitle}\n        </h3>\n      ) : props.InfoviewData.tag === \"h2\" ? (\n        <RevealAnimation component={\"h2\"} className=\"infoviewtitle-header\">\n          {props.InfoviewData.InfoviewTitle}\n        </RevealAnimation>\n      ) : props.InfoviewData.tag === \"h4\" ? (\n        <h4 className=\"infoviewtitle-header\">\n          {props.InfoviewData.InfoviewTitle}\n        </h4>\n      ) : (\n        <h1 className=\"infoviewtitle-header\">\n          {props.InfoviewData.InfoviewTitle}\n        </h1>\n      )}\n\n      <div className=\"info-view-content\">\n        {props.InfoviewData.InfoviewContent}\n      </div>\n      <div className=\"image-view-btn\">\n        {props.InfoviewData.InfoviewButtonLabel && (\n          <div role=\"presentation\" style={{ display: \"inline-block\" }}>\n            <Button\n              icon={\n                props.InfoviewData.InfoviewButtonLabel && (\n                  <img\n                    className=\"effect-btn-svgicon\"\n                    src={RightArrowWhite}\n                    alt={props.InfoviewData.InfoviewButtonLabel}\n                  />\n                )\n              }\n              customClassName=\"info-view-resize-btn\"\n              tip={props.InfoviewData.InfoviewButtonLabel}\n              tooltip={props.InfoviewData.tooltip}\n              variant={props.InfoviewData.variant}\n              color={props.InfoviewData.color}\n              label={props.InfoviewData.InfoviewButtonLabel}\n              routepath={props.InfoviewData.route}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Infoview;\n","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\";","module.exports = __webpack_public_path__ + \"static/who_we_work_with-8335cac5312cddca457980c6f2718afc.png\";","// 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/OG_Web-App-Dev-48067aaa4c59676c2d5e00661b7db954.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","/*eslint-disable */\nimport { Grid, Tooltip } from \"@material-ui/core\";\nimport { Link } from \"gatsby\";\nimport React, { useEffect, useRef, useState } from \"react\";\nimport \"./WhitePaperFooter.scss\";\n\nconst WhitePaperFooter = (props) => {\n  function useOutsideAlerter(ref) {\n    useEffect(() => {\n      /**\n       * Toggle share component if clicked outside of element\n       */\n      function handleClickOutside(event) {\n        if (ref.current && !ref.current.contains(event.target)) {\n          setshareComponent(false);\n        }\n      }\n\n      // Bind the event listener\n      document.addEventListener(\"mousedown\", handleClickOutside);\n      return () => {\n        // Unbind the event listener on clean up\n        document.removeEventListener(\"mousedown\", handleClickOutside);\n      };\n    }, [ref]);\n  }\n  const [shareComponent, setshareComponent] = useState(false);\n  const wrapperRef = useRef(null);\n  useOutsideAlerter(wrapperRef);\n  return (\n    <Grid className=\"white-paper\" onMouseLeave={() => setshareComponent(false)}>\n      <Grid item className=\"white-paper-flex1\" md={6}>\n        {props.WhitePaperLabel}\n      </Grid>\n      {!props.isLandingPage && (\n        <Grid item className=\"white-paper-flex2\" md={6}>\n          {props.download === \"no\"\n            ? \"\"\n            : props.type !== \"article\" &&\n              props.WhitePaperLabel !== \"Client Brief\" && (\n                // props.gatedContent === 1 &&\n                <Link target=\"_blank\" to={`/${props.type}/${props.slug}#gated`}>\n                  <Tooltip title=\"Download\" placement=\"bottom\">\n                    <div className=\"icon-main download-icon\"></div>\n                  </Tooltip>\n                </Link>\n              )}\n          {props.WhitePaperLabel != \"Client Brief\" && (\n            <Link target=\"_blank\" to={`/${props.type}/${props.slug}/`}>\n              <Tooltip title=\"Preview\" placement=\"bottom\">\n                <div className=\"icon-main preview-icon\"></div>\n              </Tooltip>\n            </Link>\n          )}\n          {/* {props.WhitePaperLabel != \"BRIEF\" && (\n          <div onMouseEnter={() => setshareComponent(!shareComponent)}>\n            <Tooltip title=\"Share\" placement=\"bottom\">\n              <div className=\"icon-main share-icon\"></div>\n            </Tooltip>\n          </div>\n        )} */}\n          {/* {shareComponent && (\n          <div ref={wrapperRef}>\n            <Share clickOnOptions={() => setshareComponent(!shareComponent)} />\n          </div>\n        )} */}\n        </Grid>\n      )}\n    </Grid>\n  );\n};\n\nexport default WhitePaperFooter;\n/*eslint-enable */\n","module.exports = __webpack_public_path__ + \"static/What_we_do_2x-aca7734d6f0326512f503e70b3b88b80.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfNTgwNiIgZGF0YS1uYW1lPSJHcm91cCA1ODA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBpZD0iUGF0aF80MDAiIGRhdGEtbmFtZT0iUGF0aCA0MDAiIGQ9Ik0yNCwwSDBWMjRIMjRaIiBmaWxsPSJub25lIi8+CiAgPHBhdGggaWQ9IlBhdGhfNDAxIiBkYXRhLW5hbWU9IlBhdGggNDAxIiBkPSJNMTEuMjg1LDkuODU5LDgsMTMuMTQ0bC45MzguOTM4LDQuMjIzLTQuMjIzTDguOTM4LDUuNjM2LDgsNi41NzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUzIDIuMTQxKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K\"","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 { Card, Grid } from \"@material-ui/core\";\nimport React from \"react\";\nimport quote from \"../../assets/Images/WhatWeDo/quote.svg\";\nimport Minicard from \"../../components/MiniCard\";\nimport MiniCardWithBgImg from \"../../components/MiniCardWithBgImg\";\nimport \"./MiniView.scss\";\n\nconst Miniview = (props) => {\n  return (\n    <div className=\"body-container\">\n      <Grid container direction=\"row\" spacing={3}>\n        {props.miniviewData &&\n          props.miniviewData.map((item, index) => (\n            <Grid\n              key={index}\n              item\n              xs={12}\n              sm={6}\n              md={4}\n              className=\"card crd-spc\"\n            >\n              {/* <Link style={{textDecoration:'none',color:'black'}} to={`/${item.type}/${item.slug}`} > */}\n\n              <Minicard\n                MiniviewHeading={item.meta_title ? item.meta_title : item.title}\n                MiniviewContent={\n                  item.meta_description\n                    ? item.meta_description\n                    : item.primary_description_1\n                }\n                MiniviewImage={item.og_image}\n                MiniviewImageAlt={item.ogImageAlt}\n                WhitePaperFooterLabel={item.type}\n                Slug={item.slug}\n                Type={item.slug_type}\n                SlugType={item.slug_type}\n                GatedContent={item.gated_content}\n                navigateComponent={props.navigateComponent}\n                isLandingPage={props.isLandingPage}\n              />\n              {/* </Link> */}\n            </Grid>\n          ))}\n\n        {props.quotedMiniCardData && props.miniviewData.length % 3 === 1 && (\n          <React.Fragment>\n            <Grid\n              item\n              xs={12}\n              sm={6}\n              md={4}\n              style={{ position: \"relative\" }}\n              className=\"card crd-spc\"\n            >\n              <div className=\"plain-title quote-star-what1\">\n                <img alt=\"\" src={quote} />\n              </div>\n              <Card className=\"card-area p-20 appsgridshadow\">\n                <div className=\"quoted-title-area\">\n                  {props.quotedMiniCardData.title}\n                </div>\n                <div className=\"df\">\n                  <div className=\"quoted-5-text1\">5.0</div>\n                  <div className=\"quoted-5-star1\">★★★★★</div>\n                </div>\n                <div className=\"quoted-heading-area\">\n                  {props.quotedMiniCardData.heading}\n                </div>\n                <div className=\"quoted-content-area\">\n                  {props.quotedMiniCardData.content}\n                </div>\n                <div className=\"quoted-footer-area\">\n                  <div className=\"quoted-minicard-black-line\"></div>\n                  {props.quotedMiniCardData.footerContent}\n                </div>\n              </Card>\n            </Grid>\n            <Grid item xs={12} sm={6} className=\"card crd-spc\" md={4}>\n              {\" \"}\n              <Card className=\"mini-card-bg-hght appsgridshadow\">\n                <MiniCardWithBgImg\n                  MiniCardBgImg={props.miniviewData2.image}\n                  MiniCardBgImgId=\"100\"\n                  service=\"clientStory\"\n                  title={props.miniviewData2.title}\n                  subtitle={props.miniviewData2.subTitle}\n                  variant={props.miniviewData2.variant}\n                  customClassName=\"three-mini-card-btn mt-20\"\n                  cardCustomClass={props.miniviewData2.customClass}\n                  label={props.miniviewData2.label}\n                  route={props.miniviewData2.route}\n                  tip={props.miniviewData2.tip}\n                  tooltip={props.miniviewData2.tooltip}\n                />\n              </Card>\n            </Grid>\n          </React.Fragment>\n        )}\n\n        {props.miniviewData2 && props.miniviewData.length % 3 === 2 && (\n          <Grid item xs={12} className=\"card crd-spc\" sm={6} md={4}>\n            {\" \"}\n            <Card className=\"mini-card-bg-hght appsgridshadow\">\n              <MiniCardWithBgImg\n                MiniCardBgImg={props.miniviewData2.image}\n                MiniCardBgImgId=\"100\"\n                service=\"clientStory\"\n                title={props.miniviewData2.title}\n                subtitle={props.miniviewData2.subTitle}\n                variant={props.miniviewData2.variant}\n                customClassName=\"three-mini-card-btn mt-20\"\n                cardCustomClass={props.miniviewData2.customClass}\n                label={props.miniviewData2.label}\n                route={props.miniviewData2.route}\n                tip={props.miniviewData2.tip}\n                tooltip={props.miniviewData2.tooltip}\n              />\n            </Card>\n          </Grid>\n        )}\n\n        {props.miniviewData2 &&\n          props.component === \"whoWeWorkWith\" &&\n          props.miniviewData.length % 3 === 1 && (\n            <Grid item xs={12} sm={6} md={4} className=\"card crd-spc\">\n              {\" \"}\n              <Card className=\"mini-card-bg-hght appsgridshadow\">\n                <MiniCardWithBgImg\n                  MiniCardBgImg={props.miniviewData2.image}\n                  MiniCardBgImgId=\"100\"\n                  service=\"clientStory\"\n                  title={props.miniviewData2.title}\n                  subtitle={props.miniviewData2.subTitle}\n                  variant={props.miniviewData2.variant}\n                  customClassName=\"three-mini-card-btn mt-20\"\n                  cardCustomClass={props.miniviewData2.customClass}\n                  label={props.miniviewData2.label}\n                  route={props.miniviewData2.route}\n                  tip={props.miniviewData2.tip}\n                  tooltip={props.miniviewData2.tooltip}\n                />\n              </Card>\n            </Grid>\n          )}\n      </Grid>\n    </div>\n  );\n};\n\nexport default Miniview;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk5MSIgaGVpZ2h0PSIxOC4wMDgiIHZpZXdCb3g9IjAgMCA5Ljk5MSAxOC4wMDgiPgogIDxwYXRoIGlkPSJQYXRoXzM1MSIgZGF0YS1uYW1lPSJQYXRoIDM1MSIgZD0iTTI2Mi45NjYsOTM3LjQ0NWw4LjQsOC42MzktOC40LDguMzEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzIuNDIgOTU0LjkzKSByb3RhdGUoMTgwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGI0NDM1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K\"","module.exports = __webpack_public_path__ + \"static/web_dev_testing-6d2f1378b9ce479b691ad550e312c765.jpg\";","import React from 'react';\n\nconst GreyLine = () => {\n\n return (<div  className=\"grey-line\"></div>)\n\n}\n\nexport default GreyLine;","module.exports = \"data:image/png;base64,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\"","import Card from \"@material-ui/core/Card\";\nimport Grid from \"@material-ui/core/Grid\";\nimport { Link } from \"gatsby\";\nimport React from \"react\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport Button from \"../../components/Button\";\nimport WhitePaperFooter from \"../../components/WhitePaperFooter\";\nimport \"./MegaView.scss\";\n\nconst Megaview = (props) => {\n  return (\n    <div>\n      {props.MegaviewData &&\n        props.MegaviewData.map((item, index) => (\n          <React.Fragment key={index}>\n            {\" \"}\n            <Card className=\"list-area appsgridshadow\" key={index}>\n              <Link\n                target=\"_blank\"\n                style={{ textDecoration: \"none\", color: \"black\" }}\n                to={`/${item.slug_type}/${item.slug}`}\n              >\n                <Grid className=\"list\" container direction=\"row\">\n                  {/* <Grid item className={item.MegaviewImageClassname ? item.MegaviewImageClassname :} sm={6}> */}\n                  {/* megaview-card-content */}\n                  <Grid\n                    item\n                    className={\n                      item.height\n                        ? \"device-hide temp-height\"\n                        : \"device-hide megaview-height\"\n                    }\n                    sm={6}\n                  >\n                    <img\n                      className=\"item-one\"\n                      src={item.mega_view_image}\n                      alt={item.imageAltTxt}\n                    />\n                  </Grid>\n                  <Grid\n                    item\n                    className={\n                      item.height\n                        ? \" megaview-card-content temp-height\"\n                        : props.changeAccordianText\n                        ? \"megaview-card-content1 megaview-height\"\n                        : \"megaview-card-content megaview-height\"\n                    }\n                    sm={6}\n                  >\n                    <div className=\"title-and-content-area\">\n                      <div className=\"mega-view-title\">{item.meta_title}</div>\n                      {/* <div className=\"mega-view-content\" dangerouslySetInnerHTML={{__html: `${item.MegaviewContent}`}} /> */}\n                      <div className=\"mega-view-content\">\n                        {item.primary_description_1}\n                      </div>\n                    </div>\n\n                    <Button\n                      icon={\n                        !props.variant &&\n                        (props.displayFIndoutMore === \"no\" ? (\n                          \"\"\n                        ) : (\n                          <img\n                            className=\"effect-btn-svgicon\"\n                            src={RightArrow}\n                            alt=\"click\"\n                          />\n                        ))\n                      }\n                      customClassName={\n                        props.changeAccordianText\n                          ? \"effect-btn-podcast\"\n                          : \"effect-btn1\"\n                      }\n                      color=\"primary\"\n                      label={\n                        props.displayFIndoutMore === \"no\"\n                          ? \"\"\n                          : props.changeAccordianText\n                          ? \"Listen to the podcast\"\n                          : \"Find out More\"\n                      }\n                      tip={\n                        props.changeAccordianText\n                          ? \"Listen to the podcast\"\n                          : \"Find out More\"\n                      }\n                      tooltip=\"yes\"\n                      view=\"show\"\n                    />\n                    {/* </Grid> */}\n                  </Grid>\n                </Grid>\n              </Link>\n              <WhitePaperFooter\n                WhitePaperLabel={item.type}\n                download={item.download !== undefined ? item.download : \"\"}\n                slug={item.slug}\n                type={item.slug_type}\n              />\n            </Card>\n            <br />\n          </React.Fragment>\n        ))}\n    </div>\n  );\n};\n\nexport default Megaview;\n","module.exports = __webpack_public_path__ + \"static/full_product_development-ff299f8972c0068162deae04a1ede264.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = __webpack_public_path__ + \"static/how_we_do_it_2x-d13fa784ac1c98e22522089408a9cdb3.png\";","module.exports = __webpack_public_path__ + \"static/machine_learning-dbdac4d8e8240b67987313024eb970cf.png\";","import React, { useState, useEffect } from \"react\";\nimport { Grid } from \"@material-ui/core\";\nimport DataService from \"../services/api/data_services\";\nimport RightArrow from \"../assets/Icons/go.svg\";\nimport RightArrowWhite from \"../assets/Icons/accordian_white.svg\";\nimport clutchLogo from \"../assets/Images/WhatWeDo/clutch-co-vector-logo.svg\";\nimport Layout from \"../components/layouts/layout\";\nimport Typography from \"@material-ui/core/Typography\";\nimport GreyLine from \"../components/GreyLine\";\n// Mobile movie slider\nimport MobileMovieSlider from \"../components/MobileMovieSlider\";\nimport BackArrowIcon from \"../assets/Images/accordian.svg\";\nimport Button from \"../components/Button\";\n//Image Banner\nimport ImageBanner from \"../templates/ImageBanner\";\nimport MiniImageBannerBgImg12 from \"../assets/Images/HowWeDoIt/who_we_work_with.png\";\n// import BannerBgImage from \"../assets/Images/MobileApp/web-app-development-banner-image.png\";\nimport BannerBgImage from \"../assets/Images/MobileApp/web_dev_testing.jpg\";\nimport { BASE_SITE_URL } from \"../shared/constants\";\nimport Megaview from \"../templates/MegaView\";\n\n//Info View\nimport Infoview from \"../templates/InfoView\";\n\nimport Angular from \"../assets/Images/MobileApp/Weblanguages_wespeak/Angular.png\";\nimport ReactJS from \"../assets/Images/MobileApp/Weblanguages_wespeak/ReactJS.png\";\nimport Vue from \"../assets/Images/MobileApp/Weblanguages_wespeak/Vue.png\";\nimport EmberJS from \"../assets/Images/MobileApp/Weblanguages_wespeak/EmberJS.png\";\nimport Rails from \"../assets/Images/MobileApp/Weblanguages_wespeak/Rails.png\";\nimport Python from \"../assets/Images/MobileApp/Weblanguages_wespeak/Python.png\";\nimport Php from \"../assets/Images/MobileApp/Weblanguages_wespeak/Php.png\";\nimport DotNet from \"../assets/Images/MobileApp/Weblanguages_wespeak/Dot_Net.png\";\n\n//Miniview\nimport Miniview from \"../templates/MiniView\";\n\n// Two Column Contact info\nimport TwoColumnContactInfo from \"../templates/TwoColumnContactInfo\";\nimport Clm1Img from \"../assets/Icons/phone.svg\";\nimport Clm2Img from \"../assets/Icons/mail.svg\";\n\n//Mini Image Banner 1\nimport MiniImageBanner1 from \"../templates/MiniImageBanner1\";\n\n//BlurCardList\nimport BlurCardList from \"../templates/BlurCardList\";\nimport MiniCardBgImage1 from \"../assets/Images/Homepage/mobile_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\";\n\n//Click To View Mega ViewCarousal\nimport ClickToViewMegaViewCarousal from \"../templates/ClickToViewMegaViewCarousal\";\nimport ClickToViewMegaViewCarousalImg1 from \"../assets/Images/ClickToViewMegaViewCarousal/Lean_startup_mindset.png\";\nimport ClickToViewMegaViewCarousalImg2 from \"../assets/Images/ClickToViewMegaViewCarousal/Contact_and_first_proposal.png\";\nimport ClickToViewMegaViewCarousalImg3 from \"../assets/Images/ClickToViewMegaViewCarousal/Product_Workshops_with_the_team.png\";\nimport ClickToViewMegaViewCarousalImg4 from \"../assets/Images/ClickToViewMegaViewCarousal/Final_proposal_and_release_plan.png\";\n\n//Mobile/Web Application Development\nimport ogimage from \"../assets/Images/ogImages/OG_Web-App-Dev.png\";\nimport frontEnd from \"../assets/Images/MobileApp/Group_6252_2x.png\";\nimport backEnd from \"../assets/Images/MobileApp/Group_6256_2x.png\";\n\nconst WebApplicationDevelopment = () => {\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 - Web Application Development\"\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 - Web Application Development&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 - Web Application Development&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   * Image Banner\n   */\n  const ImageBannerData = {\n    bnrImg: BannerBgImage,\n    bnrImgTitle: (\n      <>\n        Web <br /> Application <br /> Development\n      </>\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  const InfoviewData = {\n    InfoviewTitle: (\n      <div className=\"mbl-br-hide ttc\">\n        From an Intuitive Website, <br />\n        <span className=\"red-line3letter\">to a</span> Complex Web App\n      </div>\n    ),\n    InfoviewContent: (\n      <>\n        We create custom web applications that are designed to meet business\n        challenges, promote growth, and achieve your business goals. We use\n        adaptive web applications and keep the end-users in mind to simplify\n        complex business workflows. At Digiryte, we have an expert panel\n        consisting of frontend developers, backend developers, designers, QAs,\n        business analysts and scrum masters who deliver the best output for your\n        digital product.\n      </>\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  /**\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    altTxt: \"Who we work with\",\n    btnClassName: \"takelook-image-banner-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    tooltip: \"yes\",\n    tip: \"TAKE A LOOK\",\n    route: \"/who-we-work-with\",\n    underline: true,\n    underlineClass: \"black-line\",\n  };\n  /**\n   * Click To View Mega View Carousal\n   */\n\n  const ClickToViewMegaViewCarousalData = {\n    data: [\n      {\n        title: \"STEP 1: Lean startup approach\",\n        download: \"no\",\n        bottom: \"Collaboration Process\",\n        displayFIndoutMore: \"no\",\n        card1data: {\n          meta_title: \"Lean startup approach\",\n          type: \"ARTICLE\",\n          download: \"no\",\n          height: \"294px\",\n          primary_description_1:\n            \"Having a business mind is a skill. No skill is developed by tactics alone. Developing a skill at a very elite level requires behavioural changes, mindset shifts and expanding your personality. And it can take years to develop it. If you blindly follow tactics without the proper mindset, you won’t be executing those tactics the way they ought to be executed.  Let's take an example: Build, Iterate and Measure are the key concepts of Lean startup. There is nothing wrong with this concept. But let’s dig a few layers deeper to really understand what it means. If you directly apply this concept it will not work.\",\n          mega_view_image: ClickToViewMegaViewCarousalImg1,\n          MegaviewFooterLabel: \"ARTICLE\",\n          MegaviewButtonLabel: \"Find out More\",\n          MegaviewButtonColor: \"primary\",\n          MegaviewContentClassname:\n            \"megaview-card-content megaview-carousal-height \",\n          MegaviewImageClassname: \"megaview-carousal-height \",\n          slug: \"lean-mindset-to-launch-a-successful-software-product\",\n          slug_type: \"article\",\n        },\n      },\n      {\n        title: \"STEP 2: Contact and first proposal\",\n        card1data: {\n          meta_title: \"Contact and first proposal\",\n          type: \"ARTICLE\",\n          download: \"no\",\n          height: \"294px\",\n          primary_description_1:\n            \"After you contact Digiryte, we gather as much information possible about the product idea and spend our time understanding your business needs and identifying your potential customers to ensure we build a platform which will be familiar to your potential users and stands ahead of your competitors. After considering all the factors, we aim to respond in the next 2-3 business days with a pre-proposal which usually consists of a median SDLC ballpark estimate, the bespoke development approach we created based on your requirements and the various steps explaining our working methodology.\",\n          mega_view_image: ClickToViewMegaViewCarousalImg2,\n          MegaviewFooterLabel: \"ARTICLE\",\n          MegaviewButtonLabel: \"Find out More\",\n          MegaviewButtonColor: \"primary\",\n          MegaviewContentClassname:\n            \"megaview-card-content megaview-carousal-height \",\n          MegaviewImageClassname: \"megaview-carousal-height \",\n          slug: \"digiryte-s-proposal-and-working-methodology\",\n          slug_type: \"article\",\n        },\n      },\n      {\n        title: \"STEP 3: Product workshop and consulting\",\n        card1data: {\n          meta_title: \"Product workshop and consulting\",\n          type: \"ARTICLE\",\n          download: \"no\",\n          height: \"294px\",\n          primary_description_1:\n            \"Whether you have an idea for building a mobile app, or you need to build complex internal software in a large corporation, all great digital products should be built from a solid foundation. This means gaining a deep understanding of your business needs, what problem or opportunity you’re trying to solve, an idea of your users behaviours and preferences and the value that the product will add.\",\n          mega_view_image: ClickToViewMegaViewCarousalImg3,\n          MegaviewFooterLabel: \"ARTICLE\",\n          MegaviewButtonLabel: \"Find out More\",\n          MegaviewButtonColor: \"primary\",\n          MegaviewContentClassname:\n            \"megaview-card-content megaview-carousal-height \",\n          MegaviewImageClassname: \"megaview-carousal-height \",\n          slug: \"4-steps-of-digiryte-s-successful-product-workshop-methodology\",\n          slug_type: \"article\",\n        },\n      },\n      {\n        title: \"STEP 4: Final proposal and release plan\",\n        card1data: {\n          meta_title: \"Final proposal and release plan\",\n          type: \"ARTICLE\",\n          download: \"no\",\n          height: \"294px\",\n          primary_description_1:\n            \"We position ourselves uniquely in the market by taking a higher approach to creating a win-win situation for us and the client to avoid major pitfalls during the development. Having worked closely with the University of Manchester, over time, we have researched and created various methodologies which help our clients and us understand the project workflow better and help us meet expectations, costs and timelines more accurately. Based on the medium (mobile, web or both) and scope of the project, we usually narrow down at least two to three possible methodologies which best suit the flow of the project.\",\n          mega_view_image: ClickToViewMegaViewCarousalImg4,\n          MegaviewFooterLabel: \"ARTICLE\",\n          MegaviewButtonLabel: \"Find out More\",\n          MegaviewButtonColor: \"primary\",\n          MegaviewContentClassname:\n            \"megaview-card-content megaview-carousal-height \",\n          MegaviewImageClassname: \"megaview-carousal-height \",\n          slug: \"final-proposal-and-release-plan-methodology-of-digiryte\",\n          slug_type: \"article\",\n        },\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: 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: 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        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  /**\n   * Miniview\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    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\n  // Mobile movie slider\n  const mobMovieSlider = {\n    imageUrl: frontEnd,\n  };\n  const mobMovieSlider1 = {\n    imageUrl: backEnd,\n  };\n  return (\n    <Layout\n      seo={{\n        title: \"What we do: Web Application Development | Digiryte\",\n        ogtitle: \"What we do: Web Application Development | Digiryte\",\n        description:\n          \"At Digiryte, we create custom web applications that are designed to meet business challenges, promote growth, and achieve your business goals.\",\n        ogimage: ogimage,\n        ogurl: `${BASE_SITE_URL}/web-application-development`,\n      }}\n    >\n      <ImageBanner imageBannerData={ImageBannerData} />\n      <div className=\"mt-70 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\"></div>\n      <Infoview InfoviewData={InfoviewData} />\n      <div className=\"mt-70 body-container\">\n        <h2 className=\"title-header ttc\">\n          <span className=\"red-line3letter\">Our</span> Collaboration Process\n        </h2>\n      </div>\n      <div className=\"mt-70\"></div>\n      <ClickToViewMegaViewCarousal\n        ClickToViewMegaViewCarousalData={ClickToViewMegaViewCarousalData}\n      />\n      <div className=\"mt-70 body-container\">\n        <h2 className=\"title-header ttc\">\n          <span className=\"red-line3letter\">Web</span> Languages We speak!\n        </h2>\n        <div className=\"mt-50\"></div>\n        <h2 className=\"sub-header\">Front-End Development</h2>\n        <MobileMovieSlider movieSlider={mobMovieSlider} slideid=\"slide1\" />\n        <Grid container className=\"mt-20 mbl-hide\" direction=\"row\" spacing={1}>\n          <Grid item sm={6} md={3}>\n            <img alt=\"Flutter\" src={Angular} />\n            <p style={{ fontSize: \"16px\" }}>Angular</p>\n          </Grid>\n          <Grid item sm={6} md={3}>\n            {\" \"}\n            <img alt=\"xamarin\" src={ReactJS} />\n            <p style={{ fontSize: \"16px\" }}>React.js</p>\n          </Grid>\n          <Grid item sm={6} md={3}>\n            {\" \"}\n            <img alt=\"ReactNative\" src={Vue} />\n            <p style={{ fontSize: \"16px\" }}>Vue.js</p>\n          </Grid>\n          <Grid item sm={6} md={3}>\n            {\" \"}\n            <img alt=\"ReactNative\" src={EmberJS} />\n            <p style={{ fontSize: \"16px\" }}>Ember.js</p>\n          </Grid>\n        </Grid>\n        <GreyLine />\n        <div className=\"mt-50\"></div>\n        <h2 className=\"sub-header\">Back-End Development</h2>\n        <MobileMovieSlider movieSlider={mobMovieSlider1} slideid=\"slide2\" />\n        <Grid container className=\"mt-20 mbl-hide\" direction=\"row\" spacing={1}>\n          <Grid item sm={6} md={3}>\n            <img alt=\"Flutter\" src={Rails} />\n            <p style={{ fontSize: \"16px\" }}>Ruby on Rails</p>\n          </Grid>\n          <Grid item sm={6} md={3}>\n            {\" \"}\n            <img alt=\"xamarin\" src={Python} />\n            <p style={{ fontSize: \"16px\" }}>Python</p>\n          </Grid>\n          <Grid item sm={6} md={3}>\n            {\" \"}\n            <img alt=\"ReactNative\" src={Php} />\n            <p style={{ fontSize: \"16px\" }}>PHP</p>\n          </Grid>\n          <Grid item sm={6} md={3}>\n            {\" \"}\n            <img alt=\"ReactNative\" src={DotNet} />\n            <p style={{ fontSize: \"16px\" }}>.NET core</p>\n          </Grid>\n        </Grid>\n      </div>\n      <div className=\"mt-70\">\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            <h3 className=\"title-header ttc\">\n              <span className=\"red-line3letter\">Cli</span>ent Stories\n            </h3>\n          </div>\n          <div className=\"mt-50\">\n            <Miniview\n              miniviewData={clientStoryData}\n              total={clientStoryData.length}\n              miniviewData2={miniviewDataCaseStudy}\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=\"mt-50 body-container\">\n        <Megaview MegaviewData={megaviewData.data} />\n      </div>\n      {articleData && articleData.length > 0 && (\n        <div className=\"mt-70\">\n          <div className=\"body-container\">\n            <h3 className=\"title-header ttc\">\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        <h3 className=\"title-header ttc\">\n          <span className=\"red-line3letter\">Oth</span>er Services\n        </h3>\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 WebApplicationDevelopment;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy4yODQiIGhlaWdodD0iMzMuNzA1IiB2aWV3Qm94PSIwIDAgMzcuMjg0IDMzLjcwNSI+CiAgPHBhdGggaWQ9IlBhdGhfNjQ5NCIgZGF0YS1uYW1lPSJQYXRoIDY0OTQiIGQ9Ik0yMC41OCw2MC43MzVWNDQuNTY1SDEzLjY1QTEzLjQ3NSwxMy40NzUsMCwwLDEsMTUuMTIsMzhxMS40Ny0yLjY3Nyw1LjQ2LTQuMDQzVjI3LjAzQTE2Ljg4LDE2Ljg4LDAsMCwwLDYuNjY4LDM4LjE2YTE3LjQsMTcuNCwwLDAsMC0xLDYuNTFWNjAuNzM1Wm0yMi4zNjUsMFY0NC41NjVoLTYuOTNBMTMuNDc1LDEzLjQ3NSwwLDAsMSwzNy40ODUsMzhxMS40Ny0yLjY3Nyw1LjQ2LTQuMDQzVjI3LjAzQTE2Ljg4MSwxNi44ODEsMCwwLDAsMjkuMDMyLDM4LjE2YTE3LjQsMTcuNCwwLDAsMC0xLDYuNTFWNjAuNzM1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNjYxIC0yNy4wMykiIGZpbGw9IiNkYjQ0MzUiLz4KPC9zdmc+Cg==\""],"sourceRoot":""}