{"version":3,"file":"component---src-pages-index-js-61e85676de79b2130985.js","mappings":"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","sources":["webpack://po3/./node_modules/grommet-icons/es6/icons/FormNextLink.js","webpack://po3/./src/components/clients.js","webpack://po3/./src/components/clienthire.js","webpack://po3/./src/components/imagedistribution.js","webpack://po3/./src/components/journalposts.js","webpack://po3/./src/pages/index.js","webpack://po3/./src/static/images/texture.svg"],"sourcesContent":["function _extends() {\n  _extends = Object.assign || function (target) {\n    for (var i = 1; i < arguments.length; i++) {\n      var source = arguments[i];\n\n      for (var key in source) {\n        if (Object.prototype.hasOwnProperty.call(source, key)) {\n          target[key] = source[key];\n        }\n      }\n    }\n\n    return target;\n  };\n\n  return _extends.apply(this, arguments);\n}\n\nimport React, { forwardRef } from 'react';\nimport { StyledIcon } from '../StyledIcon';\nvar FormNextLink = /*#__PURE__*/forwardRef(function (props, ref) {\n  return /*#__PURE__*/React.createElement(StyledIcon, _extends({\n    ref: ref,\n    viewBox: \"0 0 24 24\",\n    a11yTitle: \"FormNextLink\"\n  }, props), /*#__PURE__*/React.createElement(\"path\", {\n    fill: \"none\",\n    stroke: \"#000\",\n    strokeWidth: \"2\",\n    d: \"M6 12.4h12M12.6 7l5.4 5.4-5.4 5.4\"\n  }));\n});\nFormNextLink.displayName = 'FormNextLink';\nexport { FormNextLink };","import React from \"react\";\nimport { useStaticQuery, graphql } from \"gatsby\";\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\";\nimport { Box, Grid } from \"grommet\";\n\nexport default function Clients() {\n\n  const data = useStaticQuery(graphql`\n    query LogoQuery {\n      allFile(filter: { relativeDirectory: { eq: \"static/images/clients\" } }) {\n        nodes {\n          id\n          name\n          childImageSharp {\n            gatsbyImageData(\n              placeholder: BLURRED\n              formats: [AUTO, WEBP, AVIF]\n            )\n          }\n        }\n      }\n    }\n  `);\n\n  return (\n    <Grid fill=\"horizontal\" columns={[\"flex\", \"flex\", \"flex\"]} gap=\"medium\">\n      {data.allFile.nodes.map((avatar,i) => {\n        let image = getImage(avatar.childImageSharp.gatsbyImageData);\n        return (\n          <Box key={i}>\n            <GatsbyImage  image={image} alt={`logo for ${avatar.name} `} />\n          </Box>\n        )\n      })}\n    </Grid>\n  );\n}\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { Box, Button, Heading, Paragraph } from \"grommet\"\n\nconst ClientHire = () => {\n  return (\n    <Box gap=\"xlarge\" justify=\"around\" direction=\"row-responsive\">\n      <Box align=\"center\" basis=\"1/3\">\n        <Heading\n          textAlign=\"center\"\n          margin={{\n            bottom: \"xsmall\",\n          }}\n          level=\"3\"\n          size=\"medium\"\n        >\n        Got a problem that needs solving?\n        </Heading>\n        <Paragraph textAlign=\"center\">\n        We know how to solve complex problems - by co-creating solutions with you, your users and our global community of design experts.\n\n        </Paragraph>\n        <Link to=\"/contact\">\n          <Button size=\"medium\" color=\"brand\" label=\"Solve a problem\" />\n        </Link>\n      </Box>\n\n      <Box align=\"center\" basis=\"1/3\">\n        <Heading\n          textAlign=\"center\"\n          margin={{\n            bottom: \"xsmall\",\n          }}\n          level=\"3\"\n          size=\"medium\"\n        >\n          Want to solve that problem?\n        </Heading>\n        <Paragraph textAlign=\"center\">\n          Become an associate. With us, you’ll work on some of the most\n          important and best problems to solve — and it’ll be fun.\n        </Paragraph>\n        <Link to=\"/join-us\">\n          <Button size=\"medium\" color=\"brand\" label=\"Get involved\" />\n        </Link>\n      </Box>\n    </Box>\n  )\n}\n\nexport default ClientHire\n","import * as React from \"react\"\n\nimport { Box, Grid } from \"grommet\"\nimport {StaticImage} from \"gatsby-plugin-image\"\n\nexport default function ImageDistribution() {\n  return (\n    <Box fill pad={{ horizontal: \"medium\" }}>\n      <Box margin={{ top: \"xlarge\", horizontal: \"medium\" }}>\n        <Grid gap=\"small\" margin={{ top: \"medium\" }} columns={[\"2/3\", \"flex\"]}>\n          <StaticImage\n          alt=\"A service design workshop\"\n          src=\"../static/images/post-it.jpg\"\n          layout=\"fullWidth\"\n          />\n          <Box gap=\"small\">\n            <StaticImage\n              alt=\"Mapping out a service blueprint\"\n              src=\"../static/images/training-journey.png\"\n              layout=\"fullWidth\"\n            />\n            <StaticImage\n              alt=\"User using a mobile first service\"\n              src=\"../static/images/phone.jpg\"\n              layout=\"fullWidth\"\n            />\n          </Box>\n        </Grid>\n      </Box>\n    </Box>\n  )\n}\n","import React from \"react\"\nimport { Link, graphql, useStaticQuery } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport { Box, Heading } from \"grommet\"\nimport theme from \"../themes/po3Theme.json\"\nimport styled from \"styled-components\"\n\nconst JournalLink = styled(Link)`\n  color: ${theme.global.colors.text.light};\n  text-decoration: none;\n  :hover {\n    text-decoration: underline;\n  }\n`\nexport default function JournalComponent() {\n  const data = useStaticQuery(graphql`\n    query JournalComponentQuery {\n      allMdx(filter: { frontmatter: { type: { eq: \"journal\" } } }) {\n        nodes {\n          slug\n          frontmatter {\n            title\n            author\n            featured\n            image {\n              childImageSharp {\n                fluid {\n                  ...GatsbyImageSharpFluid\n                  ...GatsbyImageSharpFluidLimitPresentationSize\n                }\n              }\n            }\n          }\n        }\n      }\n      allFile(\n        filter: { relativePath: { eq: \"static/images/northern-lights.jpg\" } }\n      ) {\n        edges {\n          node {\n            childImageSharp {\n              fluid(maxWidth: 600, quality: 100) {\n                ...GatsbyImageSharpFluid\n                ...GatsbyImageSharpFluidLimitPresentationSize\n              }\n            }\n          }\n        }\n      }\n    }\n`);\n  let articles = data.allMdx.nodes\n\n  return (\n    <Box direction=\"row-responsive\" fill gap=\"medium\">\n      {articles\n        .filter(article => article.frontmatter.featured === true)\n        .map((article, i) => {\n          return (\n            <Box basis=\"1/3\" key={i}>\n              <JournalLink to={`/${article.slug}`} key={i}>\n                <Box margin={{ bottom: \"medium\" }}>\n                  <Box height=\"small\">\n                    <Img\n                      alt={article.frontmatter.title}\n                      fluid={\n                        article.frontmatter.image\n                          ? article.frontmatter.image.childImageSharp.fluid\n                          : data.allFile.edges[0].node.childImageSharp.fluid\n                      }\n                      objectFit=\"cover\"\n                      style={{ height: \"300px\" }}\n                    />\n                  </Box>\n                  <Heading\n                    color=\"black\"\n                    level={3}\n                    size=\"small\"\n                    margin={{ bottom: \"none\" }}\n                  >\n                    {article.frontmatter.title}\n                  </Heading>\n                </Box>\n              </JournalLink>\n            </Box>\n          )\n        })}\n    </Box>\n  )\n}\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { Box, Heading, Button, Paragraph, Text } from \"grommet\"\n\nimport texture from \"../static/images/texture.svg\"\n\nimport Seo from \"../components/seo\"\nimport Layout from \"../components/layout\"\nimport Clients from \"../components/clients\"\nimport ClientHire from \"../components/clienthire\"\nimport ImageDistribution from \"../components/imagedistribution\"\nimport SignUp from \"../components/signup\"\nimport JournalPosts from \"../components/journalposts\"\nimport { FormNextLink } from \"grommet-icons\"\nimport styled from \"styled-components\"\n\nconst ResponsiveHeading = styled(Heading)`\n  @media (max-width: 400px) {\n    font-size: 2.5em;\n  }\n`\n\nexport default function Home({ data, location }) {\n  return (\n    <Layout>\n      <Seo title=\"Mindsets, service design and skills\" />\n      <Box\n        alignSelf=\"center\"\n        width=\"xlarge\"\n        align=\"center\"\n        pad={{ horizontal: \"medium\" }}\n      >\n        <ResponsiveHeading\n          textAlign=\"center\"\n          margin={{ top: \"xlarge\", bottom: \"xsmall\" }}\n          level=\"1\"\n          size=\"large\"\n          style={{ lineHeight: \"1em\" }}\n        >\n          The&nbsp;economy is not&nbsp;fit for&nbsp;purpose\n        </ResponsiveHeading>\n        <Paragraph\n          margin={{ bottom: \"xsmall\" }}\n          textAlign=\"center\"\n          size=\"large\"\n        >\n          People understand the need to be sustainable. It's how you do it\n          that's the hard bit.\n        </Paragraph>\n        <Paragraph\n          margin={{ top: \"none\", bottom: \"medium\" }}\n          textAlign=\"center\"\n          size=\"large\"\n        >\n          Po3 is a radical new design company giving you a competitive advantage\n          in the circular economy.\n        </Paragraph>\n        <Text color=\"blue\" margin=\"none\" textAlign=\"center\" size=\"xlarge\">\n          <Link color=\"blue\" to=\"contact\">\n            <Button\n              as=\"span\"\n              size=\"large\"\n              primary\n              color=\"brand\"\n              label=\"Speak to the team\"\n              icon={<FormNextLink />}\n            />\n          </Link>\n        </Text>\n      </Box>\n      <Box\n        background={{\n          color: \"brand\",\n          dark: false,\n          size: \"cover\",\n          position: \"center\",\n          repeat: \"no-repeat\",\n          image: `url(${texture})`,\n        }}\n        height=\"auto\"\n        margin={{ top: \"xlarge\" }}\n        pad={{ vertical: \"xlarge\", horizontal: \"medium\" }}\n        justify=\"center\"\n      >\n        <Box\n          width=\"large\"\n          alignSelf=\"center\"\n          pad={{ vertical: \"medium\", horizontal: \"medium\" }}\n        >\n          <Heading\n            color=\"white\"\n            margin={{ bottom: \"none\" }}\n            level=\"2\"\n            size=\"large\"\n            textAlign=\"center\"\n          >\n            Mindsets, service design and skills for the circular economy.\n          </Heading>\n          <Paragraph fill textAlign=\"center\" size=\"large\" color=\"white\">\n            We'll quickly take you <strong>from:</strong> thinking about\n            sustainability and circular systems <strong>to:</strong> having a\n            competitive advantage.\n          </Paragraph>\n        </Box>\n        <Box\n          direction=\"row-responsive\"\n          gap=\"medium\"\n          width=\"xlarge\"\n          alignSelf=\"center\"\n        >\n          <Box\n            background=\"light-1\"\n            basis=\"1/3\"\n            pad={{ vertical: \"medium\", horizontal: \"medium\" }}\n            direction=\"row\"\n            round=\"xsmall\"\n            margin={{ vertical: \"small\" }}\n          >\n            <Box width=\"medium\">\n              <Heading\n                level={3}\n                margin={{ top: \"small\", bottom: \"none\" }}\n                size=\"small\"\n              >\n                Become a leader in the future economy\n              </Heading>\n              <Paragraph>\n                Get hands on with the tools of the future in one day\n                masterclasses\n              </Paragraph>\n              <Link to=\"/services/shape-mindsets\">\n                <Button\n                  primary\n                  color=\"brand\"\n                  size=\"medium\"\n                  label=\"Shape mindsets\"\n                />\n              </Link>\n            </Box>\n          </Box>\n          <Box\n            background=\"light-1\"\n            basis=\"1/3\"\n            pad={{ vertical: \"medium\", horizontal: \"medium\" }}\n            direction=\"row\"\n            round=\"xsmall\"\n            margin={{ vertical: \"small\" }}\n          >\n            <Box width=\"medium\">\n              <Heading\n                level={3}\n                margin={{ top: \"small\", bottom: \"none\" }}\n                size=\"small\"\n              >\n                Build a competitive advantage\n              </Heading>\n              <Paragraph>\n                De-risk ideas and design cutting edge services in 60 days\n              </Paragraph>\n              <Link to=\"/services/design-services\">\n                <Button\n                  primary\n                  color=\"brand\"\n                  size=\"medium\"\n                  label=\"Design services\"\n                />\n              </Link>\n            </Box>\n          </Box>\n          <Box\n            background=\"light-1\"\n            basis=\"1/3\"\n            pad={{ vertical: \"medium\", horizontal: \"medium\" }}\n            direction=\"row\"\n            round=\"xsmall\"\n            margin={{ vertical: \"small\" }}\n          >\n            <Box width=\"medium\">\n              <Heading\n                level={3}\n                margin={{ top: \"small\", bottom: \"none\" }}\n                size=\"small\"\n              >\n                Get ready for the future of work\n              </Heading>\n              <Paragraph>\n                Rapidly build new capabilities through our Academy programmes\n              </Paragraph>\n              <Link to=\"/services/empower-your-team\">\n                <Button\n                  primary\n                  color=\"brand\"\n                  size=\"medium\"\n                  label=\"Empower your teams\"\n                />\n              </Link>\n            </Box>\n          </Box>\n        </Box>\n      </Box>\n\n      <Box\n        alignSelf=\"center\"\n        align=\"center\"\n        pad={{ top: \"large\", horizontal: \"medium\" }}\n        width=\"xlarge\"\n      >\n        <ClientHire />\n      </Box>\n      <Box width=\"xlarge\" alignSelf=\"center\">\n        <ImageDistribution />\n      </Box>\n      <Box>\n        <Box\n          width=\"large\"\n          alignSelf=\"center\"\n          align=\"center\"\n          pad={{ vertical: \"xlarge\", horizontal: \"medium\" }}\n        >\n          <Heading\n            textAlign=\"center\"\n            margin={{ bottom: \"none\" }}\n            level=\"1\"\n            size=\"medium\"\n          >\n            People we've worked with\n          </Heading>\n          <Paragraph\n            textAlign=\"center\"\n            margin={{ bottom: \"large\" }}\n            size=\"large\"\n          >\n            To solve systemic problems, you need a plurality of perspectives.\n            We’ve worked across the public, private and charity sectors and we\n            want to use that experience to create positive outcomes for all.\n          </Paragraph>\n\n          <Clients />\n        </Box>\n      </Box>\n\n      <Box>\n        <Box\n          width=\"xlarge\"\n          alignSelf=\"center\"\n          align=\"center\"\n          pad={{ top: \"large\", bottom: \"xlarge\", horizontal: \"medium\" }}\n        >\n          <Heading\n            textAlign=\"center\"\n            margin={{ top: \"xlarge\", bottom: \"large\" }}\n            level=\"1\"\n            size=\"medium\"\n          >\n            From the journal\n          </Heading>\n          <JournalPosts />\n          <Link to=\"/journal\">\n            <Button\n              margin={{ top: \"medium\" }}\n              size=\"medium\"\n              color=\"brand\"\n              label=\"View the journal\"\n            />\n          </Link>\n        </Box>\n      </Box>\n\n      <Box background=\"background-contrast\">\n        <Box\n          width=\"large\"\n          alignSelf=\"center\"\n          pad={{ vertical: \"large\", horizontal: \"medium\" }}\n        >\n          <Heading margin={{ bottom: \"none\" }} level=\"2\" size=\"medium\">\n            Sign up for purpose\n          </Heading>\n          <Paragraph margin={{ bottom: \"large\" }} size=\"large\">\n            We're writing a book, a 'how-to' for the design and delivery of\n            purpose driven, successful businesses.\n            <br />\n            Then <strong>we're giving it away, so anyone can use it</strong>.\n          </Paragraph>\n          <SignUp color=\"brand\" />\n        </Box>\n      </Box>\n    </Layout>\n  )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTUwMCIgaGVpZ2h0PSI3NTAiIHZpZXdCb3g9IjAgMCAxNTAwIDc1MCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CjxnIGNsaXAtcGF0aD0idXJsKCNjbGlwMCkiPgogIDxyZWN0IHdpZHRoPSIxNTAwIiBoZWlnaHQ9Ijc1MCIgZmlsbD0iIzBDRUZEMCIvPgogIDxwYXRoIGQ9Ik01MTUuNTE1IDMxNi44ODdDNDk1LjgxNiAzNjAuMTEyIDM3Mi42NTcgMzQ2LjMwNCAyNDAuNDMxIDI4Ni4wNDVDMTA4LjIwNiAyMjUuNzg3IDE3LjExOTQgMTQxLjk1OCAzNi42ODQxIDk4LjY3MTZDNTcuNDA3OCA1Mi44MjE0IDE4MC42MDggNjYuNTM3OSAzMTEuNzY3IDEyOS41MTNDNDQyLjc2NiAxOTIuNDEyIDUzNS4yMTMgMjczLjY2MiA1MTUuNTE1IDMxNi44ODdaIiBmaWxsPSJub25lIiBpZD0ibG9vcC0xIi8+CjxwYXRoIGQ9Ik00OS4zOTU2IDM0MS4xODFDMjUuMjg2NCAzMDAuMjUyIDEwNy4yMzkgMjA3LjI4NiAyMzIuNDQxIDEzMy41MzZDMzU3LjY0MyA1OS43ODYzIDQ3OC41NTcgMzMuMjU1IDUwMi43OTMgNzQuMTA5M0M1MjguNDY1IDExNy4zODQgNDQ2LjU2NCAyMTAuNDM2IDMxOS43NDggMjgxLjc1NEMxOTMuMDg2IDM1Mi45ODUgNzMuNTA0OCAzODIuMTEgNDkuMzk1NiAzNDEuMTgxWiIgZmlsbD0ibm9uZSIgaWQ9Imxvb3AtMyIvPgo8cGF0aCBkPSJNOC4yNjQyMiAxODQuODE2QzEyLjQwNDMgMTM3LjQ5NSAxMzMuMTA4IDEwOS40IDI3Ny44NjQgMTIyLjA2NEM0MjIuNjIgMTM0LjcyOSA1MzYuNDY1IDE4My4zNDQgNTMyLjQ3MiAyMzAuNjc4QzUyOC4yNDIgMjgwLjgxNiA0MDcuNTI5IDMwOS4wMTIgMjYyLjg3MiAyOTMuNDNDMTE4LjM5IDI3Ny44NjggNC4xMjQxMyAyMzIuMTM4IDguMjY0MjIgMTg0LjgxNloiIGZpbGw9Im5vbmUiIGlkPSJsb29wLTIiLz4KCiAgPGNpcmNsZSBjeD0iNTIxLjUiIGN5PSI1NDEuNSIgcj0iNDg5LjUiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCI+CiAgICA8YW5pbWF0ZU1vdGlvbiBkdXI9IjYwcyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPgogICAgICA8bXBhdGggeGxpbms6aHJlZj0iI2xvb3AtMSIvPgogICAgPC9hbmltYXRlTW90aW9uPgogIDwvY2lyY2xlPgogIDxjaXJjbGUgY3g9IjgyMy41IiBjeT0iMzExLjUiIHI9IjQ4OS41IiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjQiPgogICAgPGFuaW1hdGVNb3Rpb24gZHVyPSI2MHMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj4KICAgICAgPG1wYXRoIHhsaW5rOmhyZWY9IiNsb29wLTIiLz4KICAgIDwvYW5pbWF0ZU1vdGlvbj4KICA8L2NpcmNsZT4KICA8Y2lyY2xlIGN4PSI4ODcuNSIgY3k9IjI0My41IiByPSI0ODkuNSIgZmlsbD0iYmxhY2siIGZpbGwtb3BhY2l0eT0iMC40Ij4KICAgIDxhbmltYXRlTW90aW9uIGR1cj0iNjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+CiAgICAgIDxtcGF0aCB4bGluazpocmVmPSIjbG9vcC0zIi8+CiAgICA8L2FuaW1hdGVNb3Rpb24+CiAgPC9jaXJjbGU+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDAiPgo8cmVjdCB3aWR0aD0iMTUwMCIgaGVpZ2h0PSI3NTAiIGZpbGw9IndoaXRlIi8+CjwvY2xpcFBhdGg+CjwvZGVmcz4KPC9zdmc+Cg==\""],"names":["_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","FormNextLink","forwardRef","props","ref","viewBox","a11yTitle","fill","stroke","strokeWidth","d","displayName","Clients","data","useStaticQuery","Grid","columns","gap","allFile","nodes","map","avatar","image","getImage","childImageSharp","gatsbyImageData","Box","G","alt","name","justify","direction","align","basis","Heading","textAlign","margin","bottom","level","size","Paragraph","Link","to","Button","color","label","ImageDistribution","pad","horizontal","top","S","src","layout","JournalLink","styled","theme","JournalComponent","articles","allMdx","filter","article","frontmatter","featured","slug","height","title","fluid","edges","node","objectFit","style","ResponsiveHeading","Home","location","alignSelf","width","lineHeight","Text","as","primary","icon","background","dark","position","repeat","texture","vertical","round"],"sourceRoot":""}