{"version":3,"file":"component---src-pages-service-categories-strapi-categories-slug-js-fcddf6a556f34408887d.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,iFC6CnC,UA3BiB,SAAC,GAAc,IAAZO,EAAW,EAAXA,KACZI,EAAWJ,EAAKI,SAASD,MACzBf,EAAWY,EAAKZ,SAASK,MACzBY,EAAM,CACVC,UAAWlB,EACXmB,gBAAgB,OAAQnB,EAAT,aAGjB,OACE,gBAAC,IAAD,CAAQiB,IAAKA,GACX,uBAAK3B,UAAU,yBACb,uBAAKA,UAAU,8BACb,2BACE,qBAAGA,UAAU,wCAAb,+BAEF,gBAAC,IAAD,QAGJ,uBAAKA,UAAU,iCAAiCC,MAAO,CAAC6B,UAAW,+BACjE,uBAAK9B,UAAU,+BACX,gBAAC,IAAD,CAAkBiB,SAAUS","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/service-categories/{StrapiCategories.slug}.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 } from \"gatsby\"\nimport { GatsbyImage } from \"gatsby-plugin-image\"\nimport Moment from \"react-moment\"\nimport Layout from \"../../components/layout\"\nimport ServiceComponent from \"./../../components/services/articles\";\nimport Categories from \"./../../components/services/categories\";\nimport Markdown from \"react-markdown\"\n\nexport const query = graphql`\nquery Category($slug: String!) {\n  services: allStrapiServices(filter: {categories: {elemMatch: {slug: {eq: $slug}}}}) {\n    edges {\n      node {\n        strapiId\n        slug\n        title\n        image {\n          url\n        }\n        categories {\n          slug\n          title\n        }\n        duration\n        description\n        price\n        product_type\n        sections {\n          content\n          description\n          title\n          id\n        }\n      }\n    }\n  }\n  category: strapiCategories(slug: {eq: $slug}) {\n    title\n  }\n}\n`;\n\nconst Category = ({ data }) => {\n  const services = data.services.edges;\n  const category = data.category.title;\n  const seo = {\n    metaTitle: category,\n    metaDescription: `All ${category} articles`,\n  };\n\n  return (\n    <Layout seo={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\">Complex ideas made simple.</p>\n          </div>\n          <Categories />\n        </div>\n      </div>\n      <div className=\"rounded-b-2xl lg:rounded-b-3xl\" style={{boxShadow: '0px 0px 15px 3px #0000001A'}}>\n        <div className=\"lg:mx-14 px-4 sm:px-6 py-12\">\n            <ServiceComponent articles={services} />\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default Category"],"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","services","seo","metaTitle","metaDescription","boxShadow"],"sourceRoot":""}