{"version":3,"sources":["webpack:///./src/templates/MiniImageBanner1/index.jsx","webpack:///./src/components/MiniCard/index.jsx","webpack:///./src/templates/InfoView/index.jsx","webpack:///./src/assets/Images/WhatWeDo/who_we_work_with_2x.png","webpack:///./src/assets/Images/ogImages/OG_Insights.png","webpack:///./src/assets/Images/WhatWeDo/We_d_love_to_help_with_your_product._2x.png","webpack:///./src/templates/MiniImageBanner1/MiniImageBanner1.scss","webpack:///./src/templates/MiniImageBanner1/hire_remote_team_mobile@2x.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/Insights/insight.png","webpack:///./src/assets/Images/Insights/what-we-do-banner-image.png","webpack:///./src/templates/MiniView/MiniView.scss","webpack:///./src/assets/Images/accordian.svg","webpack:///./src/templates/MegaView/index.jsx","webpack:///./src/assets/Images/WhatWeDo/how_we_do_it_2x.png","webpack:///./src/templates/MixedView/index.jsx","webpack:///./src/pages/insights.jsx"],"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","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","module","exports","WhitePaperFooter","ref","useState","setshareComponent","wrapperRef","useRef","handleClickOutside","event","current","contains","addEventListener","removeEventListener","onMouseLeave","download","placement","Megaview","MegaviewData","map","index","key","slug_type","height","sm","mega_view_image","imageAltTxt","changeAccordianText","meta_title","primary_description_1","displayFIndoutMore","RightArrow","view","undefined","MixedView","Grid","miniviewData","xs","MegaView","meta_description","og_image","gated_content","Insights","articleRawData","setArticleRawData","articleLimit","setArticleLimit","articlePage","setArticlePage","articleData","setArticleData","isHover","setIsHover","toggleHover","DataService","getData","then","response","data","ImageBannerData","bnrImg","BannerBgImage","bnrImgTitle","subtitleclassname","bnrImgSubTitle","bnrImgClassName","servicesColumn1","service","link","servicesColumn2","redline","MiniImageBannerBgImg","altTxt","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","Clm2SubTitle","seo","ogtitle","description","ogimage","ogurl","BASE_SITE_URL","keywords","ImageBanner","imageBannerData","Button","BackArrowIcon","Typography","fontSize","fontWeight","marginTop","marginLeft","length","has_more","width","textAlign","onMouseEnter","onClick","TwoColumnContactInfo"],"mappings":"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","file":"component---src-pages-insights-jsx-4972880a496003ad2266.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","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/who_we_work_with_2x-ac7854571c274e1abc45d4182a42e6b3.png\";","module.exports = __webpack_public_path__ + \"static/OG_Insights-44412f5e2a44cf1f931faeeccec90db3.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/hire_remote_team_mobile@2x-df6961b14afaeb59f5de9907dfbda00c.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/insight-126440bd35333515396f8b93fa8ffa51.png\";","module.exports = __webpack_public_path__ + \"static/what-we-do-banner-image-d6354e9a478c04f4ec013dca3a81d509.png\";","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5Ljk5MSIgaGVpZ2h0PSIxOC4wMDgiIHZpZXdCb3g9IjAgMCA5Ljk5MSAxOC4wMDgiPgogIDxwYXRoIGlkPSJQYXRoXzM1MSIgZGF0YS1uYW1lPSJQYXRoIDM1MSIgZD0iTTI2Mi45NjYsOTM3LjQ0NWw4LjQsOC42MzktOC40LDguMzEzIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgyNzIuNDIgOTU0LjkzKSByb3RhdGUoMTgwKSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZGI0NDM1IiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L3N2Zz4K\"","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/how_we_do_it_2x-d13fa784ac1c98e22522089408a9cdb3.png\";","import { Grid } from \"@material-ui/core\";\nimport React from \"react\";\nimport Minicard from \"../../components/MiniCard\";\nimport MegaView from \"../../templates/MegaView\";\nimport \"../MiniView/MiniView.scss\";\n\nconst MixedView = (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={item.type === \"White Paper\" ? 12 : 6}\n              md={item.type === \"White Paper\" ? 12 : 4}\n              className=\"card crd-spc\"\n            >\n              {item.type === \"White Paper\" && (\n                <MegaView MegaviewData={[item]} key={index} />\n              )}\n              {item.type === \"Article\" && (\n                <Minicard\n                  MiniviewHeading={item.meta_title}\n                  MiniviewContent={\n                    item.meta_description !== null ? item.meta_description : \"\"\n                  }\n                  MiniviewImage={item.og_image}\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                />\n              )}\n            </Grid>\n          ))}\n      </Grid>\n    </div>\n  );\n};\n\nexport default MixedView;\n","import Typography from \"@material-ui/core/Typography\";\nimport React, { useEffect, useState } from \"react\";\nimport RightArrowWhite from \"../assets/Icons/accordian_white.svg\";\nimport RightArrow from \"../assets/Icons/go.svg\";\nimport Clm2Img from \"../assets/Icons/mail.svg\";\nimport Clm1Img from \"../assets/Icons/phone.svg\";\nimport BackArrowIcon from \"../assets/Images/accordian.svg\";\nimport BannerBgImage from \"../assets/Images/Insights/insight.png\";\nimport MiniImageBannerBgImg from \"../assets/Images/Insights/what-we-do-banner-image.png\";\nimport ogimage from \"../assets/Images/ogImages/OG_Insights.png\";\nimport Button from \"../components/Button\";\nimport Layout from \"../components/layouts/layout\";\nimport DataService from \"../services/api/data_services\";\nimport { BASE_SITE_URL } from \"../shared/constants\";\n//Image Banner\nimport ImageBanner from \"../templates/ImageBanner\";\n//Info View\nimport Infoview from \"../templates/InfoView\";\n//Mini Image Banner 1\nimport MiniImageBanner1 from \"../templates/MiniImageBanner1\";\nimport MixedView from \"../templates/MixedView\";\n//Contact info\nimport TwoColumnContactInfo from \"../templates/TwoColumnContactInfo\";\n\nconst Insights = () => {\n  const [articleRawData, setArticleRawData] = useState([]);\n  const [articleLimit, setArticleLimit] = useState(3);\n  const [articlePage, setArticlePage] = useState(1);\n  const [page, setPage] = useState(1);\n  const [articleData, setArticleData] = useState([]);\n  const [isHover, setIsHover] = useState(false);\n  const toggleHover = () => {\n    setIsHover(!isHover);\n  };\n\n  useEffect(() => {\n    DataService.getData(\n      `/admin/api/insight?limit=${articleLimit}&page=${articlePage}&type=Article&component=mini_view&mixed_component=mixed_view`\n    ).then((response) => {\n      setArticleData([...articleData, ...response.data]);\n      setArticleRawData(response);\n      if (articlePage === 1) {\n        setArticlePage(2);\n      }\n    });\n  }, [articlePage, articleLimit]);\n\n  /**\n   * Image Banner // HIDING TEMPORATILY\n   */\n  const ImageBannerData = {\n    bnrImg: BannerBgImage,\n    bnrImgTitle: \"Insights\",\n    subtitleclassname: \"\",\n    bnrImgSubTitle: \"All Resources\",\n    bnrImgClassName: \"insightsbannerimg\",\n    servicesColumn1: {\n      data: [\n        {\n          service: \"Articles\",\n          link: \"/insights/articles\",\n        },\n      ],\n    },\n    servicesColumn2: {\n      data: [\n        {\n          service: \"White Papers\",\n          link: \"/insights/white-papers\",\n        },\n      ],\n    },\n    // servicesColumn3: {\n    //   data: [\n    //     {\n    //       service: \"Podcast\",\n    //       link: \"/insights/podcast\",\n    //     },\n    //   ],\n    // },\n  };\n\n  /**\n   * Infoview\n   */\n  const InfoviewData = {\n    InfoviewTitle: (\n      <div className=\"ttc\">\n        {\" \"}\n        Learning is a lifelong adventure,\n        <br />\n        <span className=\"red-line3letter\">wha</span>t are you in the mood for?\n      </div>\n    ),\n    redline: false,\n    InfoviewContent: (\n      <>\n        As we are deep rooted in the culture of learning and sharing, we are\n        passionate about sharing our knowledge and expertise across technology.\n        Uncover proprietary digital approaches provided by our expert team of\n        digital leaders who want to achieve the extraordinary to speed up your\n        path to business growth. Our articles and research papers will cover\n        deep business topics to current technology trends. Deep dive and enjoy!\n      </>\n    ),\n  };\n\n  /**\n   * Mini Image Banner 1\n   */\n\n  const MiniImageBanner1Data = {\n    title: (\n      <div className=\"whatwedo\">\n        What we do<div className=\"black-line\"></div>\n      </div>\n    ),\n    titleClass: \"mini-image-banner-title-area title-header\",\n    image: MiniImageBannerBgImg,\n    altTxt: \"Who we work with\",\n    btnClassName: \"what-we-do-resize-btn\",\n    btnLabel: \"TAKE A LOOK\",\n    btnVariant: \"contained\",\n    btnColor: \"primary\",\n    route: \"/what-we-do\",\n    underline: false,\n    tooltip: \"yes\",\n    tip: \"TAKE A LOOK\",\n    underlineClass: \"black-line\",\n  };\n\n  /**\n   * TwoColumnContactInfo\n   */\n\n  const TwoColumnContactInfoData = {\n    Clm1Img: Clm1Img,\n    Clm1Title: \"Phone:\",\n    Clm1SubTitle: \"+44 (0) 161 706 7983\",\n    Clm2Img: Clm2Img,\n    Clm2Title: \"Email:\",\n    Clm2SubTitle: \"hello@digiryte.com\",\n  };\n  return (\n    <Layout\n      seo={{\n        title: \"Insights | Digiryte\",\n        ogtitle: \"Insights | Digiryte\",\n        description:\n          \"Explore Digiryte's insights to uncover proprietary digital approaches and gain valuable knowledge and expertise shared by our expert team in technology.\",\n        ogimage: ogimage,\n        ogurl: `${BASE_SITE_URL}/insights`,\n        keywords:\n          \"Digiryte insights, digital approaches, technology expertise, knowledge sharing\",\n      }}\n    >\n      <ImageBanner imageBannerData={ImageBannerData} />\n      <div className=\"mt-50 body-container\">\n        <Button\n          icon={\n            <img\n              className=\"effect-btn-svgicon\"\n              src={BackArrowIcon}\n              alt=\"click\"\n            />\n          }\n          customClassName=\"effect-btn\"\n          className=\"mui-button-font\"\n          tip=\"Home\"\n          routepath=\"/\"\n        />\n        <Typography\n          style={{\n            fontSize: \"24px\",\n            fontWeight: \"600\",\n            marginTop: \"-42px\",\n            marginLeft: \"40px\",\n          }}\n        >\n          Home\n        </Typography>\n      </div>\n      <div className=\"mt-30\">&nbsp;</div>\n      <Infoview InfoviewData={InfoviewData} />\n      {articleData && articleData.length > 0 && (\n        <div className=\"mt-70\">\n          <MixedView miniviewData={articleData} />\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=\"mt-50\">\n        <MiniImageBanner1\n          id=\"one\"\n          MiniImageBanner1Data={MiniImageBanner1Data}\n        />\n      </div>\n      <TwoColumnContactInfo\n        TwoColumnContactInfoData={TwoColumnContactInfoData}\n      />\n    </Layout>\n  );\n};\n\nexport default Insights;\n"],"sourceRoot":""}