{"version":3,"file":"component---src-pages-services-index-js-0402c67022a710c78bf9.js","mappings":"uLAwEA,EApEa,SAAC,GAAiB,IAAfA,EAAc,EAAdA,QACd,OACE,2BACGA,EAAQC,KAAKC,aACZ,qBAAGC,KAAI,GAAKH,EAAQC,KAAKC,aAAgBE,OAAO,UAC9C,uBAAKC,UAAU,gBAAgBC,MAAO,CAAEC,OAAQ,SAC9C,uBACEC,IAAKR,EAAQC,KAAKQ,MAAMC,IACxBC,IAAG,aACHN,UAAU,uEACVC,MAAO,CAAEC,OAAQ,UAEnB,uBACEK,MAAM,4GACNN,MAAO,CAAEC,OAAQ,SAEjB,uBAAKK,MAAM,cACRZ,EAAQC,KAAKY,WAAWC,KAAI,SAACC,EAAUC,GAAX,OAC3B,gBAAC,EAAAC,KAAD,CACEC,GAAE,uBAAyBH,EAASI,KACpCd,UAAU,iCAETU,EAASK,WAIhB,2BACE,qBAAGR,MAAM,iBAAiBZ,EAAQC,KAAKmB,OACvC,wBAAMR,MAAM,IAAIZ,EAAQC,KAAKoB,iBAMrC,gBAAC,EAAAJ,KAAD,CAAMC,GAAE,aAAelB,EAAQC,KAAKkB,MAClC,uBAAKd,UAAU,gBAAgBC,MAAO,CAAEC,OAAQ,SAC9C,uBACEC,IAAKR,EAAQC,KAAKQ,MAAMC,IACxBC,IAAG,aACHN,UAAU,uEACVC,MAAO,CAAEC,OAAQ,UAEnB,uBACEK,MAAM,4GACNN,MAAO,CAAEC,OAAQ,SAEjB,uBAAKK,MAAM,cACRZ,EAAQC,KAAKY,WAAWC,KAAI,SAACC,EAAUC,GAAX,OAC3B,gBAAC,EAAAC,KAAD,CACEC,GAAE,uBAAyBH,EAASI,KACpCd,UAAU,iCAETU,EAASK,WAIhB,2BACE,qBAAGR,MAAM,iBAAiBZ,EAAQC,KAAKmB,OACvC,wBAAMR,MAAM,IAAIZ,EAAQC,KAAKoB,mBC1C7C,EAjBiB,SAAC,GAAkB,IAAhBC,EAAe,EAAfA,SAClB,OACE,uBAAKjB,UAAU,uCACZiB,EAASR,KAAI,SAACd,EAASgB,GACtB,OACE,gCACE,gBAAC,EAAD,CACEhB,QAASA,EACTuB,IAAG,kBAAoBvB,EAAQC,KAAKkB,c,6CCuBlD,IA/BmB,kBACjB,gBAAC,EAAAK,YAAD,CACEC,MAAK,WAYLC,OAAQ,SAACC,GAAD,OACR,uBAAKtB,UAAU,mBACX,gBAAC,EAAAY,KAAD,CAAMC,GAAG,YAAYb,UAAU,8DAA8DuB,gBAAgB,uBAA7G,gBAGCD,EAAKE,oBAAoBC,MAAMhB,KAAI,SAACC,EAAUC,GAC3C,OACI,gBAAC,EAAAC,KAAD,CAAMC,GAAE,uBAAyBH,EAASd,KAAKkB,KAAQd,UAAU,8HAA8HuB,gBAAgB,uBAC1Mb,EAASd,KAAKmB,gB,2FCW7BK,EAAK,aAgDX,UA7EkB,WAChB,IAAME,GAAOI,EAAAA,EAAAA,gBAAeN,GACtBZ,EAAac,EAAKE,oBAAoBC,MAE5C,OACE,gBAAC,IAAD,CAAQE,IAAKL,EAAKM,eAAeD,KAC/B,uBAAK3B,UAAU,yBACb,uBAAKA,UAAU,8BACb,2BACE,qBAAGA,UAAU,wCAAb,+BAIF,gBAAC,IAAD,CAAYQ,WAAYA,MAG5B,uBACER,UAAU,iCACVC,MAAO,CAAE4B,UAAW,+BAEpB,uBAAK7B,UAAU,+BACb,gBAAC,IAAD,CAAkBiB,SAAUK,EAAKQ,kBAAkBL,UAGvD,gBAAC,IAAD","sources":["webpack://gatsby-starter-blog/./src/components/services/card.js","webpack://gatsby-starter-blog/./src/components/services/articles.js","webpack://gatsby-starter-blog/./src/components/services/categories.js","webpack://gatsby-starter-blog/./src/pages/services/index.js"],"sourcesContent":["import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\n\nconst Card = ({ article }) => {\n  return (\n    <div>\n      {article.node.externalLink ? (\n        <a href={`${article.node.externalLink}`} target=\"_blank\">\n          <div className=\"relative flex\" style={{ height: \"100%\" }}>\n            <img\n              src={article.node.image.url}\n              alt={`Hero image`}\n              className=\"absolute inset-0 w-full h-full object-center object-cover rounded-xl\"\n              style={{ height: \"100%\" }}\n            />\n            <div\n              class=\" relative w-full flex flex-col bg-black bg-opacity-40 justify-between p-4 text-white rounded-xl shadow-lg\"\n              style={{ height: \"100%\" }}\n            >\n              <div class=\"flex gap-4\">\n                {article.node.categories.map((category, i) => (\n                  <Link\n                    to={`/service-categories/${category.slug}`}\n                    className=\"px-3 py-1 border rounded-full\"\n                  >\n                    {category.title}\n                  </Link>\n                ))}\n              </div>\n              <div>\n                <p class=\"font-semibold\">{article.node.title}</p>\n                <span class=\"\">{article.node.description}</span>\n              </div>\n            </div>\n          </div>\n        </a>\n      ) : (\n        <Link to={`/services/${article.node.slug}`}>\n          <div className=\"relative flex\" style={{ height: \"100%\" }}>\n            <img\n              src={article.node.image.url}\n              alt={`Hero image`}\n              className=\"absolute inset-0 w-full h-full object-center object-cover rounded-xl\"\n              style={{ height: \"100%\" }}\n            />\n            <div\n              class=\" relative w-full flex flex-col bg-black bg-opacity-40 justify-between p-4 text-white rounded-xl shadow-lg\"\n              style={{ height: \"100%\" }}\n            >\n              <div class=\"flex gap-4\">\n                {article.node.categories.map((category, i) => (\n                  <Link\n                    to={`/service-categories/${category.slug}`}\n                    className=\"px-3 py-1 border rounded-full\"\n                  >\n                    {category.title}\n                  </Link>\n                ))}\n              </div>\n              <div>\n                <p class=\"font-semibold\">{article.node.title}</p>\n                <span class=\"\">{article.node.description}</span>\n              </div>\n            </div>\n          </div>\n        </Link>\n      )}\n    </div>\n  )\n}\n\nexport default Card\n","import React from \"react\"\nimport Card from \"./card\"\n\nconst Articles = ({ articles }) => {\n  return (\n    <div className=\"grid lg:grid-cols-3 gap-12 main-div\">\n      {articles.map((article, i) => {\n        return (\n          <>\n            <Card\n              article={article}\n              key={`article__left__${article.node.slug}`}\n            />\n          </>\n        )\n      })}\n    </div>\n  )\n}\n\nexport default Articles\n","import React from \"react\";\nimport { Link, StaticQuery, graphql } from \"gatsby\";\n\nconst Categories = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        allStrapiCategories {\n            edges {\n              node {\n                slug\n                title\n              }\n            }\n        }\n      }\n    `}\n    render={(data) => (\n    <div className=\"gap-8 font-bold\">\n        <Link to=\"/services\" className=\"inline-block px-6 m-2 py-1 border border-black rounded-full\" activeClassName=\"text-white bg-black\">\n            All Services\n        </Link>\n        {data.allStrapiCategories.edges.map((category, i) => {\n            return (\n                <Link to={`/service-categories/${category.node.slug}`} className=\"inline-block text-primary px-6 m-2 py-1 border border-black rounded-full hover:bg-navbar hover:text-white hover:border-none\" activeClassName=\"text-white bg-black\">\n                    {category.node.title}\n                </Link>\n            )\n        })}\n    </div>\n  )}\n  />\n);\n\nexport default Categories;","import React from \"react\"\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport Layout from \"./../../components/layout\"\nimport ServiceComponent from \"./../../components/services/articles\"\nimport Categories from \"./../../components/services/categories\"\nimport Footer from \"../../components/footer\"\n\nconst IndexPage = () => {\n  const data = useStaticQuery(query)\n  const categories = data.allStrapiCategories.edges\n\n  return (\n    <Layout seo={data.strapiHomepage.seo}>\n      <div className=\"lg:mx-14 px-4 sm:px-6\">\n        <div className=\"flex flex-col gap-12 py-12\">\n          <div>\n            <p className=\"lg:text-6xl text-small font-semibold\">\n              Complex ideas made simple.\n            </p>\n          </div>\n          <Categories categories={categories} />\n        </div>\n      </div>\n      <div\n        className=\"rounded-b-2xl lg:rounded-b-3xl\"\n        style={{ boxShadow: \"0px 0px 15px 3px #0000001A\" }}\n      >\n        <div className=\"lg:mx-14 px-4 sm:px-6 py-12\">\n          <ServiceComponent articles={data.allStrapiServices.edges} />\n        </div>\n      </div>\n      <Footer />\n    </Layout>\n  )\n}\n\nconst query = graphql`\n  {\n    strapiHomepage {\n      hero {\n        title\n      }\n      seo {\n        metaTitle\n        metaDescription\n        shareImage {\n          localFile {\n            publicURL\n          }\n        }\n      }\n    }\n    allStrapiCategories {\n      edges {\n        node {\n          slug\n          title\n        }\n      }\n    }\n    allStrapiServices {\n      edges {\n        node {\n          strapiId\n          slug\n          externalLink\n          title\n          image {\n            url\n          }\n          categories {\n            slug\n            title\n          }\n          duration\n          description\n          price\n          product_type\n        }\n      }\n    }\n  }\n`\n\nexport default IndexPage\n"],"names":["article","node","externalLink","href","target","className","style","height","src","image","url","alt","class","categories","map","category","i","Link","to","slug","title","description","articles","key","StaticQuery","query","render","data","activeClassName","allStrapiCategories","edges","useStaticQuery","seo","strapiHomepage","boxShadow","allStrapiServices"],"sourceRoot":""}