{"version":3,"sources":["webpack:///./src/templates/MiniImageBanner1/index.jsx","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/ProductDevelopment/ProductDevelopment-banner.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/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/components/PlainMiniCard/PlainMiniCard.scss","webpack:///./src/templates/MiniImageBanner1/MiniImageBanner1.scss","webpack:///./src/templates/MiniImageBanner1/hire_remote_team_mobile@2x.png","webpack:///./src/assets/Images/WhatWeDo/who_we_work_with.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/About Us/contact_us_2x.png","webpack:///./src/assets/Images/accordian.svg","webpack:///./src/assets/Images/ogImages/OG_ProductDeve.jpg","webpack:///./src/assets/Images/HowWeDoIt/contactus_250px.png","webpack:///./src/assets/Images/WhatWeDo/how_we_do_it_2x.png","webpack:///./src/components/PlainMiniCard/index.jsx","webpack:///./src/components/QuotedMiniCard/index.jsx","webpack:///./src/templates/TextImageQuotesCardView/index.jsx","webpack:///./src/pages/product-development.jsx","webpack:///./src/components/QuotedMiniCard/QuotedMiniCard.scss","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","MiniImageBanner","element","miniImageBannerData","Id","MiniImageBannerBgImg","backgroundSize","backgroundRepeat","page","scheduleBanner","scheduleBanner1","bannerImageAbout","HoverLinkContent","underLine","inlineStyle","fontSize","NearHoverLinkContent","PlainContent","whiteBoldContent","view","WhitePaperFooter","ref","useState","setshareComponent","wrapperRef","useRef","handleClickOutside","event","current","contains","addEventListener","removeEventListener","onMouseLeave","download","placement","PlainMinicard","Card","PlainMiniCardData","content","subTitle","subContent","Button","RightArrow","QuotedMiniCard","QuotedMiniCardData","italicContent","footerContent","TextImageQuotesCardView","TextImageQuotesCardViewData","map","index","heading","cardNo","card1","content1","Grid","key","xs","sm","card2","imageAlt","position","quote","card3","ProductDevelopment","clientStoryMbl","setClientStoryMbl","clientStoryWeb","setClientStoryWeb","clientStoryFull","setClientStoryFull","clientStoryMVP","setClientStoryMVP","clientStoryProduct","setClientStoryProduct","clientStoryScaling","setClientStoryScaling","clientStoryCode","setClientStoryCode","clientStoryDigital","setClientStoryDigital","clientStoryMachine","setClientStoryMachine","DataService","getData","then","response","width","length","og_image","imageAltTxt","meta_title","meta_description","slug_type","footerLabel","paddingLeft","clutchLogo","height","TextImageQuotesCardViewData1","TextImageQuotesCardViewData2","MiniImageBanner3Data","MiniImgBnrBgImg","MiniImageBannerAltTxt","MiniImageBannerBgImg12","altTxt","ImageBannerData","bnrImg","BannerBgImage","bnrImgTitle","bnrImgSubTitle","servicesColumn1","data","service","link","servicesColumn2","servicesColumn3","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","Clm2SubTitle","seo","ogtitle","description","ogimage","ogurl","BASE_SITE_URL","keywords","ImageBanner","imageBannerData","BackArrowIcon","Typography","fontWeight","marginTop","marginLeft","TwoColumnContactInfo"],"mappings":"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","file":"component---src-pages-product-development-jsx-9d055157594ef256942f.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/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/ProductDevelopment-banner-c12c0a2f2861ffc223399e05fe3b7a2b.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\";","// 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\"};","// 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/who_we_work_with-18ffa3d7f86156e2f2c554a1fccd45c2.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 = __webpack_public_path__ + \"static/contact_us_2x-8a28039d9d96cb28224e01a6fcd5ee1c.png\";","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk5MSIgaGVpZ2h0PSIxOC4wMDgiIHZpZXdCb3g9IjAgMCA5Ljk5MSAxOC4wMDgiPgogIDxwYXRoIGlkPSJQYXRoXzM1MSIgZGF0YS1uYW1lPSJQYXRoIDM1MSIgZD0iTTI2Mi45NjYsOTM3LjQ0NWw4LjQsOC42MzktOC40LDguMzEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzIuNDIgOTU0LjkzKSByb3RhdGUoMTgwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGI0NDM1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K\"","module.exports = __webpack_public_path__ + \"static/OG_ProductDeve-f7d0535b82b493763ecb9db4a9098ca3.jpg\";","module.exports = __webpack_public_path__ + \"static/contactus_250px-67f07c0a54ff0f1b98f16ba6825befc1.png\";","module.exports = __webpack_public_path__ + \"static/how_we_do_it_2x-d13fa784ac1c98e22522089408a9cdb3.png\";","import Card from \"@material-ui/core/Card\";\nimport { Link } from \"gatsby\";\nimport React from \"react\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport Button from \"../../components/Button\";\nimport \"./PlainMiniCard.scss\";\n\nconst PlainMinicard = (props) => {\n  return (\n    <Card className=\"plain-minicard-area appsgridshadow\">\n      <Link\n        style={{ textDecoration: \"none\", color: \"black\" }}\n        to={props.PlainMiniCardData.route}\n      >\n        <div className=\"plain-minicard-content\">\n          {props.PlainMiniCardData.content}\n        </div>\n        <div className=\"plain-minicard-subTitle\">\n          {props.PlainMiniCardData.subTitle}\n        </div>\n        <div className=\"plain-minicard-subContent\">\n          {props.PlainMiniCardData.subContent}\n        </div>\n        {/* <Tooltip title={props.tip} placement=\"bottom\"> */}\n        <Button\n          icon={\n            !props.PlainMiniCardData.variant && (\n              <img\n                className=\"effect-btn-svgicon\"\n                src={RightArrow}\n                alt=\"click\"\n              />\n            )\n          }\n          customClassName={props.PlainMiniCardData.customClassName}\n          color=\"primary\"\n          tip={props.PlainMiniCardData.label}\n          tooltip=\"yes\"\n          label={props.PlainMiniCardData.label}\n          routepath={props.PlainMiniCardData.route}\n        />\n        {/* </Tooltip> */}\n      </Link>\n    </Card>\n  );\n};\n\nexport default PlainMinicard;\n","import Card from \"@material-ui/core/Card\";\nimport React from \"react\";\nimport \"./QuotedMiniCard.scss\";\n\nconst QuotedMiniCard = (props) => {\n  return (\n    <Card className=\"card-area p-20 appsgridshadow mt-34\">\n      <div className=\"quoted-title-area\">{props.QuotedMiniCardData.title}</div>\n      <div className=\"quoted-italic-area\">\n        {props.QuotedMiniCardData.italicContent}\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  );\n};\n\nexport default QuotedMiniCard;\n","import Grid from \"@material-ui/core/Grid\";\nimport { Link } from \"gatsby\";\nimport React from \"react\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport quote from \"../../assets/Images/WhatWeDo/quote.svg\";\nimport Button from \"../../components/Button\";\nimport Minicard from \"../../components/MiniCard\";\nimport PlainMinicard from \"../../components/PlainMiniCard\";\nimport QuotedMiniCard from \"../../components/QuotedMiniCard\";\nimport \"./TextImageQuotesCardView.scss\";\n\nconst TextImageQuotesCardView = (props) => {\n  return (\n    <div className=\"body-container\">\n      {props.TextImageQuotesCardViewData.map((item, index) => (\n        <React.Fragment>\n          <div className={item.heading.cardNo === \"odd\" ? \"odd-bg\" : \"even-bg\"}>\n            <Link\n              target=\"_blank\"\n              style={{ textDecoration: \"none\", color: \"black\" }}\n              to={item.card1.route}\n            >\n              <h2 className=\"heading-style\">{item.heading.heading}</h2>\n            </Link>\n            <Link\n              target=\"_blank\"\n              style={{ textDecoration: \"none\", color: \"black\" }}\n              to={item.card1.route}\n            >\n              <p className=\"font-16\">{item.heading.content1}</p>\n            </Link>\n            <div className=\"mbl-button\">\n              <Button\n                icon={\n                  !item.card1.variant && (\n                    <img\n                      className=\"effect-btn-svgicon\"\n                      src={RightArrow}\n                      alt=\"click\"\n                    />\n                  )\n                }\n                customClassName={item.card1.customClassName}\n                color=\"primary\"\n                tip={item.card1.label}\n                tooltip=\"yes\"\n                label=\"Learn More\"\n                routepath={item.card1.route}\n              />\n            </div>\n            <Grid\n              key={index}\n              className=\"mt-10\"\n              container\n              direction=\"row\"\n              spacing={3}\n            >\n              <Grid\n                item\n                xs={12}\n                sm={6}\n                md={4}\n                className=\"mobile-hide card crd-spc\"\n              >\n                <div className=\"plain-title\">{item.card1.title}</div>\n                <br />\n                <PlainMinicard PlainMiniCardData={item.card1} />\n              </Grid>\n              <Grid item xs={12} sm={6} md={4}>\n                <div className=\"plain-title\">{item.card2.heading}</div> <br />\n                {/* <StaticMiniview StaticMiniviewData={item.card2} /> */}\n                <Link\n                  target=\"_blank\"\n                  style={{ textDecoration: \"none\", color: \"black\" }}\n                  to={`/${item.card2.Type}/${item.card2.slug}`}\n                >\n                  <Minicard\n                    MiniviewHeading={item.card2.title}\n                    MiniviewContent={item.card2.content}\n                    MiniviewImage={item.card2.image}\n                    imgAlt={item.card2.imageAlt}\n                    WhitePaperFooterLabel={item.card2.type}\n                    Slug={item.card2.slug}\n                    Type={item.card2.type}\n                  />\n                </Link>\n              </Grid>\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-what mt-11\">\n                  <img alt={quote} src={quote} />\n                </div>\n                <br />\n                {/* <div className=\"plain-title quote-star-what\"><img src={quote} /></div> */}\n                <QuotedMiniCard QuotedMiniCardData={item.card3} />\n              </Grid>{\" \"}\n              <br />\n              <div className=\"mt-20\"></div>\n            </Grid>\n          </div>\n        </React.Fragment>\n      ))}\n    </div>\n  );\n};\n\nexport default TextImageQuotesCardView;\n","import React, { useState, useEffect } from \"react\";\nimport DataService from \"../services/api/data_services\";\n\nimport Layout from \"../components/layouts/layout\";\nimport Typography from \"@material-ui/core/Typography\";\nimport Infoview from \"../templates/InfoView\";\n\nimport BackArrowIcon from \"../assets/Images/accordian.svg\";\nimport Button from \"../components/Button\";\n//Image Banner\nimport ImageBanner from \"../templates/ImageBanner\";\nimport BannerBgImage from \"../assets/Images/ProductDevelopment/ProductDevelopment-banner.png\";\n//Mini Image Banner\nimport MiniImageBanner from \"../templates/MiniImageBanner\";\nimport MiniImgBnrBgImg from \"../assets/Images/HowWeDoIt/contactus_250px.png\";\n\n//Text Image Quotes Card View\nimport TextImageQuotesCardView from \"../templates/TextImageQuotesCardView\";\nimport clutchLogo from \"../assets/Images/WhatWeDo/clutch-co-vector-logo.svg\";\n\n//Mini Image Banner1\nimport MiniImageBanner1 from \"../templates/MiniImageBanner1\";\nimport MiniImageBannerBgImg from \"../assets/Images/WhatWeDo/who_we_work_with.png\";\nimport MiniImageBannerBgImg12 from \"../assets/Images/HowWeDoIt/who_we_work_with.png\";\n\nimport { BASE_SITE_URL } from \"../shared/constants\";\n//Contact info\nimport TwoColumnContactInfo from \"../templates/TwoColumnContactInfo\";\nimport Clm1Img from \"../assets/Icons/phone.svg\";\nimport Clm2Img from \"../assets/Icons/mail.svg\";\nimport ogimage from \"../assets/Images/ogImages/OG_ProductDeve.jpg\";\n\nconst ProductDevelopment = () => {\n  const [clientStoryMbl, setClientStoryMbl] = useState([]);\n  const [clientStoryWeb, setClientStoryWeb] = useState([]);\n  const [clientStoryFull, setClientStoryFull] = useState([]);\n  const [clientStoryMVP, setClientStoryMVP] = useState([]);\n  const [clientStoryProduct, setClientStoryProduct] = useState([]);\n  const [clientStoryScaling, setClientStoryScaling] = useState([]);\n  const [clientStoryCode, setClientStoryCode] = useState([]);\n  const [clientStoryDigital, setClientStoryDigital] = useState([]);\n  const [clientStoryMachine, setClientStoryMachine] = useState([]);\n\n  useEffect(() => {\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - Mobile Application Development`\n    ).then((response) => {\n      setClientStoryMbl([...clientStoryMbl, ...response]);\n    });\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - Web Application Development\t`\n    ).then((response) => {\n      setClientStoryWeb([...clientStoryWeb, ...response]);\n    });\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - Custom Software Development\t`\n    ).then((response) => {\n      setClientStoryFull([...clientStoryFull, ...response]);\n    });\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - MVP Development`\n    ).then((response) => {\n      setClientStoryMVP([...clientStoryMVP, ...response]);\n    });\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - Product Designing %26 Prototyping`\n    ).then((response) => {\n      setClientStoryProduct([...clientStoryProduct, ...response]);\n    });\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - Product Scaling`\n    ).then((response) => {\n      setClientStoryScaling([...clientStoryScaling, ...response]);\n    });\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - Code %26 UI/UX Audit`\n    ).then((response) => {\n      setClientStoryCode([...clientStoryCode, ...response]);\n    });\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - Digital Transformation`\n    ).then((response) => {\n      setClientStoryDigital([...clientStoryDigital, ...response]);\n    });\n    DataService.getData(\n      `admin/api/what-we-do?page=whatwedo&type=Client Story&component=mini_view&service_type=PD - Machine Learning %26 AI`\n    ).then((response) => {\n      setClientStoryMachine([...clientStoryMachine, ...response]);\n    });\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  /**\n   * TextImageQuotesCardView\n   */\n  const TextImageQuotesCardViewData = [\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">Mob</span>\n            ile Application Development{\" \"}\n          </>\n        ),\n        width: \"56px\",\n        cardNo: \"odd\",\n        content1:\n          \"Our expertise in building robust, multi-platform mobile applications ensures a consistent user experience for iOS, Android or Windows devices and platforms. We’ve got the right team to build the right solution for your business.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Mobile App Experience:</b> Our Mobile App experience ensures your\n            app is delivered as agreed, on time, in budget.\n            <br /> <b>Security:</b> High priority, robust security and testing\n            processes prevents costly security breaches in your Mobile App.\n            <br />\n            <b> Compliance:</b> Our Apple/Google App Store expertise ensures\n            your Mobile App is built fast and accepted first time.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Create next-generation mobile applications to increase user engagement and upscale your business\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/mobile-application-development\",\n      },\n      card2: {\n        image: clientStoryMbl.length > 0 ? clientStoryMbl[0].og_image : \"\",\n        imageAlt:\n          clientStoryMbl.length > 0 ? clientStoryMbl[0].imageAltTxt : \"\",\n        title: clientStoryMbl.length > 0 ? clientStoryMbl[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryMbl.length > 0 &&\n          clientStoryMbl[0].meta_description !== null\n            ? clientStoryMbl[0].meta_description\n            : \"\",\n        type: clientStoryMbl.length > 0 ? clientStoryMbl[0].slug_type : \"\",\n        slug: clientStoryMbl.length > 0 ? clientStoryMbl[0].slug : \"\",\n        Type: clientStoryMbl.length > 0 ? clientStoryMbl[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"We can’t speak highly enough of Digiryte’s team because they bent over backward to help us launch our product\",\n        italicContent: \"Mobile App Dev for Automative Sales App\",\n        content: \"Founder, Bumper UK\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">Web</span>{\" \"}\n            Application Development{\" \"}\n          </>\n        ),\n        cardNo: \"even\",\n        width: \"52px\",\n        content1:\n          \"We create custom web applications that are designed to meet business challenges, promote growth and achieve your business goals. We use adaptive web applications and keep the end-users in mind to simplify complex business workflows.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Any App Stage:</b> Convenient range of services covering all app\n            stages - research, launch, growth or maturity.\n            <br />\n            <b>Quality: </b>Highly trained staff, ISO 9001 standards and use of\n            best practices guarantees a high-quality Web App. <br />\n            <b>Protect:</b> Coding and other best practices ensure your App can\n            be extended without extensive re-working.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Build an advanced web application to support various aspects of your business functions\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/web-application-development\",\n      },\n      card2: {\n        image: clientStoryWeb.length > 0 ? clientStoryWeb[0].og_image : \"\",\n        imageAlt:\n          clientStoryWeb.length > 0 ? clientStoryWeb[0].imageAltTxt : \"\",\n        title: clientStoryWeb.length > 0 ? clientStoryWeb[0].title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryWeb.length > 0 &&\n          clientStoryWeb[0].meta_description !== null\n            ? clientStoryWeb[0].meta_description\n            : \"\",\n        type: clientStoryWeb.length > 0 ? clientStoryWeb[0].slug_type : \"\",\n        slug: clientStoryWeb.length > 0 ? clientStoryWeb[0].slug : \"\",\n        Type: clientStoryWeb.length > 0 ? clientStoryWeb[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title: \"Digiryte was on time and has competitive prices.\",\n        italicContent: \"Web application Design for Car Dealership\",\n        content: \"Director, Chanscars\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">Full</span>{\" \"}\n            Product Development{\" \"}\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"45px\",\n        content1:\n          \"We provide quick ideation, prototyping and MVP development to ensure your product meets the needs of the market. We can help you scale and expand your business to a new level at every stage of your product development cycle.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Convenience:</b> Design, MVP, Build, Scale. With experts in all\n            areas, select all services or just the ones you need.\n            <br /> <b>Audit Trail:</b> Technical, Project and Requirements\n            documents maintained so you have a complete audit trail. <br />\n            <b>One-stop-shop:</b> Save time dealing with multiple companies.\n            Access to all related services in one place.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Create a next-generation mobile application to increase user engagement and upscale your business\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/full-product-development\",\n      },\n      card2: {\n        image: clientStoryFull.length > 0 ? clientStoryFull[0].og_image : \"\",\n        imageAlt:\n          clientStoryFull.length > 0 ? clientStoryFull[0].imageAltTxt : \"\",\n        title: clientStoryFull.length > 0 ? clientStoryFull[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryFull.length > 0 &&\n          clientStoryFull[0].meta_description !== null\n            ? clientStoryFull[0].meta_description\n            : \"\",\n        type: clientStoryFull.length > 0 ? clientStoryFull[0].slug_type : \"\",\n        slug: clientStoryFull.length > 0 ? clientStoryFull[0].slug : \"\",\n        Type: clientStoryFull.length > 0 ? clientStoryFull[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title: \"If I could describe them in one word, it’d be cooperative.\",\n        italicContent: \"Flutter Development for Home Services Marketplace App\",\n        content: \"Founder, Home Services Marketplace\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n  ];\n\n  /**\n   * TextImageQuotesCardView\n   */\n  const TextImageQuotesCardViewData1 = [\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">MVP</span>{\" \"}\n            Development\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"47px\",\n        content1:\n          \"Before you move on to create a new digital product, you should definitely consider launching a Minimum Viable Product (MVP) to assess your business risk. Use MVP design to lower the cost of market testing and use real-time feed back to improve your product.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Short Cuts:</b> Refine and speed up MVP design by utilising our\n            expert Business, Growth & Innovation team. <br />\n            <b>Reduce Risk:</b> Analyse your business hypotheses. Build MVP to\n            validate the riskiest elements. Stop wasted effort.\n            <br /> <b>Validation:</b> Identify KPIs that will validate your idea\n            using your MVP. Learn and refine to get the perfect App.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Quickly test your business hypothesis for the new app you want to build for your product or services.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/mvp-development\",\n      },\n      card2: {\n        image: clientStoryMVP.length > 0 ? clientStoryMVP[0].og_image : \"\",\n        imageAlt:\n          clientStoryMVP.length > 0 ? clientStoryMVP[0].imageAltTxt : \"\",\n        title: clientStoryMVP.length > 0 ? clientStoryMVP[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryMVP.length > 0 &&\n          clientStoryMVP[0].meta_description !== null\n            ? clientStoryMVP[0].meta_description\n            : \"\",\n        type: clientStoryMVP.length > 0 ? clientStoryMVP[0].slug_type : \"\",\n        slug: clientStoryMVP.length > 0 ? clientStoryMVP[0].slug : \"\",\n        Type: clientStoryMVP.length > 0 ? clientStoryMVP[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"They promised a functioning Web application skeleton but delivered something even better.\",\n        italicContent: \"AI Dating Software Dev for Production Company\",\n        content: (\n          <div>\n            Former Series Producer,\n            <br /> Production Company\n          </div>\n        ),\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">Pro</span>\n            duct Designing & Prototyping{\" \"}\n          </>\n        ),\n        cardNo: \"even\",\n        width: \"50px\",\n        content1:\n          \"Good product design creates a visual language that drives user engagement, making your product easier to market. We design and develop innovative app prototypes, to help demonstrate the product-market fit.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Results focus:</b> Our UX/UI Designers are trained to deliver\n            visuals that are engaging and intuitive.\n            <br />\n            <b>Flexible Pricing Models:</b> Choose a pricing model to suit your\n            needs. Time & Material, Fixed Cost, or Hybrid.\n            <br />\n            <b>Collaboration:</b> Our platform enables 2-way feedback for speedy\n            designs that you can clearly visualize.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Create a product with user-friendly UI/UX to present to your potential investors.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/product-designing-and-prototyping\",\n      },\n      card2: {\n        image:\n          clientStoryProduct.length > 0 ? clientStoryProduct[0].og_image : \"\",\n        imageAlt:\n          clientStoryProduct.length > 0\n            ? clientStoryProduct[0].imageAltTxt\n            : \"\",\n        title:\n          clientStoryProduct.length > 0 ? clientStoryProduct[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryProduct.length > 0 &&\n          clientStoryProduct[0].meta_description !== null\n            ? clientStoryProduct[0].meta_description\n            : \"\",\n        type:\n          clientStoryProduct.length > 0 ? clientStoryProduct[0].slug_type : \"\",\n        slug: clientStoryProduct.length > 0 ? clientStoryProduct[0].slug : \"\",\n        Type: clientStoryProduct.length > 0 ? clientStoryProduct[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"Digiryte walks us through the process from an educational perspective in a way that really makes us feel cared about.\",\n        italicContent: \"Interactive Web & App Dev for Business Dev Company\",\n        content: \"CEO, Direct Opportunities Network\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">Pro</span>\n            duct Scaling\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"50px\",\n        content1:\n          \"In order to scale up your business, you should not only respond to user feedback and suggestions but also anticipate user needs in order to increase market share. Scaling involves a number of small but significant changes that are added to the product feature in order to thrive in an ever-evolving market.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Agility:</b> Scale quickly. Access to teams with diverse,\n            multiple skill sets coupled with robust recruitment processes.\n            <br />\n            <b>Data Security:</b> With ISO 27001 accreditation, you can be\n            assured we manage all your information in a secure manner.\n            <br /> <b>Technology Experts:</b> Our team know the factors that\n            affect product scaling but still deliver you a quality product.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Add new features and upgrade your existing app to capture new markets.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/product-scaling\",\n      },\n      card2: {\n        image:\n          clientStoryScaling.length > 0 ? clientStoryScaling[0].og_image : \"\",\n        imageAlt:\n          clientStoryScaling.length > 0\n            ? clientStoryScaling[0].imageAltTxt\n            : \"\",\n        title:\n          clientStoryScaling.length > 0 ? clientStoryScaling[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryScaling.length > 0 &&\n          clientStoryScaling[0].meta_description !== null\n            ? clientStoryScaling[0].meta_description\n            : \"\",\n        type:\n          clientStoryScaling.length > 0 ? clientStoryScaling[0].slug_type : \"\",\n        slug: clientStoryScaling.length > 0 ? clientStoryScaling[0].slug : \"\",\n        Type: clientStoryScaling.length > 0 ? clientStoryScaling[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"They are easy to reach, supportive, and quick at responding and solving any issues.\",\n        italicContent: \"Web application Dev for Northern Neonatal Network\",\n        content: (\n          <div>\n            Clinical Lead, Northern <br /> Neonatal Network\n          </div>\n        ),\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n  ];\n\n  /**\n   * TextImageQuotesCardView\n   */\n  const TextImageQuotesCardViewData2 = [\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">Cod</span>e & UX\n            Audit\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"51px\",\n        content1:\n          \"Identify security flaws by auditing your software’s source code and UX. This step helps you avoid any technical problems and keep your digital product in good condition.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Project Rescue:</b> App Project in distress? We’ll audit it and\n            recommend accordingly so it gets you back on track.\n            <br /> <b>Due diligence:</b> Buying a business? We’ll audit any\n            software to identify flaws and save you costly re-writes.\n            <br />\n            <b>Specification:</b> Use the audit to build a specification, RFI or\n            RFP. Identify your requirements and get consistent proposals.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Conduct a customised audit for your web or mobile application’s code and UI/UX.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/code-ux-audit\",\n      },\n      card2: {\n        image: clientStoryCode.length > 0 ? clientStoryCode[0].og_image : \"\",\n        imageAlt:\n          clientStoryCode.length > 0 ? clientStoryCode[0].imageAltTxt : \"\",\n        title: clientStoryCode.length > 0 ? clientStoryCode[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryCode.length > 0 &&\n          clientStoryCode[0].meta_description !== null\n            ? clientStoryCode[0].meta_description\n            : \"\",\n        type: clientStoryCode.length > 0 ? clientStoryCode[0].slug_type : \"\",\n        slug: clientStoryCode.length > 0 ? clientStoryCode[0].slug : \"\",\n        Type: clientStoryCode.length > 0 ? clientStoryCode[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"I can’t fault them. Everything was done efficiently, quickly, and politely.\",\n        italicContent: \"Web application Redesign for Prenatal Care Company\",\n        content: (\n          <div>\n            Director, Professional <br /> Antenatal Services\n          </div>\n        ),\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">Dig</span>\n            ital Transformation\n          </>\n        ),\n        cardNo: \"even\",\n        width: \"40px\",\n        content1:\n          \"Transform your traditional business model and give it a new digital identity to adapt to changing circumstances. At Digiryte, we help you with your digital transition to build a product for the future.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Experience:</b> Trust us to deliver your Digital Transformation\n            project. We’ve done it extensively for many others!!\n            <br /> <b>Legacy Systems: </b> We audit Legacy Systems and include\n            new needs to ensure they are transformed efficiently.\n            <br />\n            <b>Satisfy Stakeholders:</b> Our services help you satisfy the needs\n            of all your team - Management, Finance, IT etc\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Take your business to the digital world and future proof it, with advanced digital solutions.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/digital-transformation\",\n      },\n      card2: {\n        image:\n          clientStoryDigital.length > 0 ? clientStoryDigital[0].og_image : \"\",\n        imageAlt:\n          clientStoryDigital.length > 0\n            ? clientStoryDigital[0].imageAltTxt\n            : \"\",\n        title:\n          clientStoryDigital.length > 0 ? clientStoryDigital[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryDigital.length > 0 &&\n          clientStoryDigital[0].meta_description !== null\n            ? clientStoryDigital[0].meta_description\n            : \"\",\n        type:\n          clientStoryDigital.length > 0 ? clientStoryDigital[0].slug_type : \"\",\n        slug: clientStoryDigital.length > 0 ? clientStoryDigital[0].slug : \"\",\n        Type: clientStoryDigital.length > 0 ? clientStoryDigital[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"Digiryte’s expertise with the technology helped speed up the process.\",\n        italicContent:\n          \"Web application Development for Healthcare Management Company\",\n        content: \"Founder, MedzDigital\",\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n    {\n      heading: {\n        heading: (\n          <>\n            <span className=\"red-line3letter red-3letter-mbl\">Mac</span>\n            hine Learning\n          </>\n        ),\n        cardNo: \"odd\",\n        width: \"52px\",\n        content1:\n          \"With advanced analytics services, make insight-led decisions for your business. If your business is sitting on a mountain of data, let us help you unlock it’s true potential for your business.\",\n      },\n      card1: {\n        title: \"KEY BENEFITS TO YOU\",\n        content: (\n          <div>\n            <b>Subject Expertise:</b> Our Machine Learning experts know what’s\n            needed. Use them, Learn, Save time and effort. <br />\n            <b>Robust Testing:</b> Function, Network, Speed testing and more.\n            Our process means your App performs as required. <br />\n            <b>Best Practice:</b> Using best practices in Machine Learning, you\n            can be sure it can scale and expand efficiently.\n          </div>\n        ),\n        subTitle: <div style={{ color: \"#db4435\" }}>If you need to:</div>,\n        subContent:\n          \"Improve your decision-making skills by analysing and using captured data to your advantage.\",\n        label: \"Learn More\",\n        customClassName: \"effect-btn1 no-padding-left mt-20\",\n        route: \"/machine-learning\",\n      },\n      card2: {\n        image:\n          clientStoryMachine.length > 0 ? clientStoryMachine[0].og_image : \"\",\n        imageAlt:\n          clientStoryMachine.length > 0\n            ? clientStoryMachine[0].imageAltTxt\n            : \"\",\n        title:\n          clientStoryMachine.length > 0 ? clientStoryMachine[0].meta_title : \"\",\n        heading: \"EXPLORE\",\n        content:\n          clientStoryMachine.length > 0 &&\n          clientStoryMachine[0].meta_description !== null\n            ? clientStoryMachine[0].meta_description\n            : \"\",\n        type:\n          clientStoryMachine.length > 0 ? clientStoryMachine[0].slug_type : \"\",\n        slug: clientStoryMachine.length > 0 ? clientStoryMachine[0].slug : \"\",\n        Type: clientStoryMachine.length > 0 ? clientStoryMachine[0].type : \"\",\n        footerLabel: \"CASE STUDY\",\n      },\n      card3: {\n        title:\n          \"They promised a functioning website skeleton but delivered something even better.\",\n        italicContent: \"Web Dev & Automation for E-liquid Subscription Service\",\n        content: (\n          <div>\n            Former Series Producer, <br /> Production Company{\" \"}\n          </div>\n        ),\n        footerContent: (\n          <div\n            style={{ display: \"flex\", fontSize: \"10px\", alignItems: \"center\" }}\n          >\n            <div>Authentic client review from</div>\n            <div style={{ paddingLeft: \"5px\", fontSize: \"12px\" }}>\n              <img src={clutchLogo} alt=\"Clutch\" height=\"50px\" />\n            </div>\n          </div>\n        ),\n      },\n    },\n  ];\n  const MiniImageBanner1Data1 = {\n    title: (\n      <span>\n        Hire Remote <br /> <span className=\"black-line3letter\">Tea</span>ms\n      </span>\n    ),\n    titleClass: \"mini-image-banner-title-area3 min-title-header\",\n    image: MiniImageBannerBgImg,\n    altTxt: \"Hire Remote Teams\",\n    btnClassName: \"image-banner-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    route: \"/hire-remote-teams\",\n    underline: false,\n    tooltip: \"yes\",\n    tip: \"TAKE A LOOK\",\n    underlineClass: \"black-line\",\n  };\n\n  const MiniImageBanner3Data = {\n    Id: \"minibanner1\",\n    MiniImageBannerBgImg: MiniImgBnrBgImg,\n    MiniImageBannerAltTxt: \"Contact Us to Estimate Your Product\",\n    HoverLinkContent: \"Contact Us\",\n    NearHoverLinkContent: \" To \",\n    PlainContent: \"Estimate Your Product\",\n    route: \"/contact-us\",\n  };\n  /**\n   * Mini Image Banner 1\n   */\n\n  const MiniImageBanner1Data = {\n    title: (\n      <>\n        Who we work <br /> with\n      </>\n    ),\n    titleClass: \"mini-image-banner-title-area3 title-header2\",\n    image: MiniImageBannerBgImg12,\n    tag: \"h2\",\n    altTxt: \"Who we work with\",\n    btnClassName: \"takelook-image-banner-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    tip: \"TAKE A LOOK\",\n    tooltip: \"yes\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    route: \"/who-we-work-with\",\n    underline: true,\n    underlineClass: \"black-line\",\n  };\n  /**\n   * Infoview\n   */\n\n  const InfoviewData = {\n    color: \"primary\",\n    width: \"101px\",\n    InfoviewTitle: (\n      <>\n        {\" \"}\n        Custom software solutions to optimise your{\" \"}\n        <span className=\"red-line3letter red-3letter-mbl red-3letter-mbl\">\n          bus\n        </span>\n        iness\n      </>\n    ),\n    InfoviewContent: (\n      <>\n        At Digiryte, we help you create digital products from simple\n        customisations to full-cycle software development. Our expertise lies in\n        building experiences for our end users who depend on mobile or web\n        applications. If you want to develop a business to sustain the\n        challenges of the future, you can count on us to help you innovate and\n        grow. Choose from a range of services to meet your business needs.\n      </>\n    ),\n  };\n  /**\n   * Image Banner\n   */\n  const ImageBannerData = {\n    bnrImg: BannerBgImage,\n    bnrImgTitle: (\n      <>\n        Product <br /> Development\n      </>\n    ),\n    bnrImgSubTitle: \"How can we help you today?\",\n    servicesColumn1: {\n      data: [\n        {\n          service: \"Team Augmentation\",\n          link: \"/team-augmentation\",\n        },\n      ],\n    },\n    servicesColumn2: {\n      data: [\n        {\n          service: \"Digiryte Pods\",\n          link: \"/digiryte-pods\",\n        },\n      ],\n    },\n    servicesColumn3: {\n      data: [\n        {\n          service: \"Product Development\",\n          link: \"/product-development\",\n        },\n      ],\n    },\n  };\n\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  return (\n    <Layout\n      seo={{\n        title: \"Product Development | Digiryte\",\n        ogtitle: \"Product Development | Digiryte\",\n        description:\n          \"Digiryte assembles dedicated development teams shaped around your vision, leveraging access to top Indian talent under diligent strategic guidance.\",\n        ogimage: ogimage,\n        ogurl: `${BASE_SITE_URL}/product-development`,\n        keywords:\n          \"product development, dedicated development teams, Indian talent, strategic guidance, Digiryte\",\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\">\n        <TextImageQuotesCardView\n          TextImageQuotesCardViewData={TextImageQuotesCardViewData}\n        />\n      </div>\n      <div className=\"mt-70\">\n        <MiniImageBanner miniImageBannerData={MiniImageBanner3Data} />\n      </div>\n      <div className=\"mt-70\">\n        <TextImageQuotesCardView\n          TextImageQuotesCardViewData={TextImageQuotesCardViewData1}\n        />\n      </div>\n      {/* <div className=\"mt-20\">\n        <MiniImageBanner1\n          id=\"one\"\n          MiniImageBanner1Data={MiniImageBanner1Data1}\n        />\n      </div> */}\n      <div className=\"mt-70\">\n        <TextImageQuotesCardView\n          TextImageQuotesCardViewData={TextImageQuotesCardViewData2}\n        />\n      </div>{\" \"}\n      <div className=\"mt-20\">\n        <MiniImageBanner1\n          id=\"two\"\n          MiniImageBanner1Data={MiniImageBanner1Data}\n        />\n      </div>\n      <div>\n        <TwoColumnContactInfo\n          TwoColumnContactInfoData={TwoColumnContactInfoData}\n        />\n      </div>\n    </Layout>\n  );\n};\n\nexport default ProductDevelopment;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNy4yODQiIGhlaWdodD0iMzMuNzA1IiB2aWV3Qm94PSIwIDAgMzcuMjg0IDMzLjcwNSI+CiAgPHBhdGggaWQ9IlBhdGhfNjQ5NCIgZGF0YS1uYW1lPSJQYXRoIDY0OTQiIGQ9Ik0yMC41OCw2MC43MzVWNDQuNTY1SDEzLjY1QTEzLjQ3NSwxMy40NzUsMCwwLDEsMTUuMTIsMzhxMS40Ny0yLjY3Nyw1LjQ2LTQuMDQzVjI3LjAzQTE2Ljg4LDE2Ljg4LDAsMCwwLDYuNjY4LDM4LjE2YTE3LjQsMTcuNCwwLDAsMC0xLDYuNTFWNjAuNzM1Wm0yMi4zNjUsMFY0NC41NjVoLTYuOTNBMTMuNDc1LDEzLjQ3NSwwLDAsMSwzNy40ODUsMzhxMS40Ny0yLjY3Nyw1LjQ2LTQuMDQzVjI3LjAzQTE2Ljg4MSwxNi44ODEsMCwwLDAsMjkuMDMyLDM4LjE2YTE3LjQsMTcuNCwwLDAsMC0xLDYuNTFWNjAuNzM1WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTUuNjYxIC0yNy4wMykiIGZpbGw9IiNkYjQ0MzUiLz4KPC9zdmc+Cg==\""],"sourceRoot":""}