{"version":3,"file":"component---src-pages-index-tsx-ea5362a5716fa18699aa.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/stay-in-the-loop/stay-in-the-loop.tsx","webpack://gravitywell-website-2019/./src/components/homepage/AboutUs.tsx","webpack://gravitywell-website-2019/./src/components/homepage/WhatWeDo.tsx","webpack://gravitywell-website-2019/./src/components/homepage/PageHeaderSlide.tsx","webpack://gravitywell-website-2019/./src/components/homepage/SliderControls.tsx","webpack://gravitywell-website-2019/./src/pages/index.tsx","webpack://gravitywell-website-2019/./src/templates/utils/getProfile.ts"],"sourcesContent":["import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { ColumnWidthWrapper } from \"../confines-wrappers\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\n\nconst StayInTheLoopWrapper = styled.div`\n  .stay-in-the-loop-wrapper {\n    background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"soliel\"\n    })};\n\n    .stay-in-the-loop {\n      position: relative;\n      margin: 0 auto;\n      max-width: 48rem;\n\n      h2,\n      h3 {\n        margin: 0;\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      }\n\n      h2 {\n        margin: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      }\n\n      h3,\n      .copy {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"regular\"\n    })};\n      }\n\n      h3 {\n        position: absolute;\n        left: -99999rem;\n        text-indent: -99999rem;\n      }\n\n      .copy {\n        margin: 0;\n        padding-top: 0.8em;\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n      }\n\n      .newsletter-signup-form {\n        padding-top: 2.4rem;\n\n        .field-row {\n          padding-top: 2rem;\n\n          &:first-child {\n            padding-top: 0;\n          }\n        }\n\n        input[type=\"email\"] {\n          padding: 1.6rem 1.8rem;\n          width: 100%;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n          background: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"white\"\n    })};\n          border: none;\n          outline: none;\n\n          &::-webkit-input-placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n\n          &::-moz-placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n\n          &:-ms-input-placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n\n          &:-moz-placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n\n          &::placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n        }\n\n        button {\n          display: inline-block;\n          padding: 0.4rem 0 0.4rem;\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n          background: transparent;\n          outline: none;\n          border: transparent;\n          border-bottom: 0.2rem solid\n            ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColorLight\"\n    })};\n          cursor: pointer;\n\n          &:hover {\n            border-bottom-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      .privacy-policy-text {\n        margin: 0;\n        padding-top: 3.2rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      }\n\n      .icon {\n        display: none !important;\n        position: absolute;\n        bottom: 0;\n        right: 4.2rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .stay-in-the-loop-wrapper {\n      .stay-in-the-loop {\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n        }\n\n        .icon {\n          display: inline-block !important;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .stay-in-the-loop-wrapper {\n      .stay-in-the-loop {\n        max-width: none;\n        overflow: hidden;\n\n        .column-left,\n        .column-right {\n          width: 50%;\n        }\n\n        .column-left {\n          float: left;\n          clear: left;\n          padding-right: 2%;\n        }\n\n        .column-right {\n          float: right;\n          clear: right;\n          padding-left: 2%;\n        }\n\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n        }\n\n        h3,\n        .copy {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        }\n\n        h3 {\n          position: static;\n          padding-top: 2rem;\n          text-indent: 0;\n        }\n\n        .newsletter-signup-form {\n          padding-top: 3rem;\n\n          .field-row {\n            padding-top: 2.8rem;\n          }\n\n          input[type=\"email\"] {\n            padding-top: 2rem;\n            padding-bottom: 2rem;\n          }\n        }\n\n        .icon {\n          position: static;\n          box-sizing: content-box;\n          padding-top: 4.2rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .stay-in-the-loop-wrapper {\n      .stay-in-the-loop {\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n        }\n\n        h3,\n        .copy {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n        }\n\n        .newsletter-signup-form {\n          input[type=\"email\"] {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          }\n\n          button {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\n/**\n * Stay in the loop class component\n */\nconst StayInTheLoop = () => {\n  return (\n    <StayInTheLoopWrapper className=\"stay-in-the-loop-container\">\n      <div className=\"content-container stay-in-the-loop-wrapper\">\n        <ColumnWidthWrapper>\n          <div className=\"stay-in-the-loop\">\n            <div className=\"column-left\">\n              <h2>\n                Stay in the loop\n              </h2>\n\n              <p className=\"copy\">\n                Advice and insights for innovators and change-makers\n              </p>\n            </div>\n\n            <div className=\"column-right\">\n              <h3>\n                Newsletter sign up\n              </h3>\n\n              <form\n                className=\"newsletter-signup-form\"\n                action=\"https://gravitywell.us3.list-manage.com/subscribe/post\"\n                method=\"POST\"\n              >\n                <div className=\"field-row\">\n                  <input\n                    type=\"email\"\n                    name=\"MERGE0\"\n                    placeholder=\"Enter your email\"\n                  />\n                </div>\n\n                <div className=\"field-row\">\n                  <input\n                    type=\"hidden\"\n                    name=\"u\"\n                    value=\"c18fa34a44acaa24637bbd5d1\"\n                  />\n\n                  <input\n                    type=\"hidden\"\n                    name=\"id\"\n                    value=\"6b2d541b64\"\n                  />\n\n                  <button\n                    type=\"submit\"\n                    name=\"submit\"\n                  >\n                    Subscribe\n                  </button>\n                </div>\n              </form>\n            </div>\n\n            <div className=\"column-left\">\n              <p className=\"privacy-policy-text\">\n                <span className=\"off-screen\">\n                  Click here to\n                  {\" \"}\n                </span>\n                View our\n\n                {\" \"}\n\n                <Link\n                  type=\"inline\"\n                  href=\"/privacy-policy\"\n                >\n                  privacy policy\n                </Link>\n                .\n              </p>\n\n              <Icon\n                className=\"icon\"\n                icon=\"satellite\"\n                size={6}\n              />\n            </div>\n          </div>\n        </ColumnWidthWrapper>\n      </div>\n    </StayInTheLoopWrapper>\n  );\n};\n\nexport default StayInTheLoop;\n","import * as React from \"react\";\n\nimport { IHomeProps } from \"src/pages\";\n\nimport { ColumnWidthWrapper } from \"../confines-wrappers\";\nimport styled, { css } from \"../../theme/styled\";\nimport {\n  fontSizeHelper,\n  fontWeightHelper,\n  colourHelper\n} from \"../../theme/theme-helper\";\nimport Link from \"../link\";\nimport Wysiwyg from \"../wysiwyg\";\n\ninterface IProps {\n  data: IHomeProps;\n  sideText?: string;\n}\n\n/**\n * AboutUs?\n */\nconst AboutUs: React.FC<IProps> = ({ data, sideText }) => (\n  <AboutUsStyled className=\"about-us\">\n    <ColumnWidthWrapper\n      className=\"content-container\"\n      sideText={sideText}\n    >\n      <div className=\"about-us-wrapper\">\n        <div className=\"about-us-inner\">\n          <div className=\"left\">\n            <h3>\n              Building businesses for\n              {\" \"}\n\n              <span style={{ whiteSpace: \"nowrap\" }}>\n                over 20 years\n              </span>\n            </h3>\n          </div>\n\n          <div className=\"right\">\n            <p>\n              Gravitywell is Bristol’s Venture Studio; we pull together the skills, experience, resources and funding needed to produce businesses with solid technology foundations.\n              <br />\n\n              <br />\n              Helping Startups and Scaleups blossom and achieve their goals is our priority — from a Discovery Phase and best-in-class design & build through to industry-leading consultation and support with investment.\n\n              <br />\n\n              <br />\n              Nothing is impossible and we never outsource; we deliver mobile and web apps, MVP & prototypes, investment support, consultancy, brand strategy, digital transformation and more.\n            </p>\n          </div>\n\n        </div>\n\n        <p className=\"workWithUs\">\n          <span className=\"off-screen\">\n            Click here to\n            {\" \"}\n          </span>\n\n          <Link\n            type=\"styled\"\n            color=\"black\"\n            href=\"/contact\"\n          >\n            Work with us\n          </Link>\n        </p>\n      </div>\n    </ColumnWidthWrapper>\n  </AboutUsStyled>\n);\n\nexport default AboutUs;\n\nconst AboutUsStyled = styled.div`\n  ${({ theme }) => css`\n    background-color: ${colourHelper({\n    theme,\n    variant: \"warmGrey1\"\n  })};\n\n    .about-us-wrapper {\n      .about-us-inner {\n        margin-top: 4%;\n\n        div {\n          padding-top: 2.8rem;\n\n          &:first-child {\n            padding-top: 0;\n          }\n\n          h3 {\n            font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n          }\n        }\n\n        p {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n            }\n\n        .right {\n          p {\n            padding-top: 1em;\n\t\t\t\t\t\tline-height: 1.5;\n            font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n          }\n          p + p {\n            margin-top: 1em;\n          }\n        }\n      }\n\n      .workWithUs {\n        /* padding-top: 2.6rem; */\n        padding-top: 6.8rem;\n        text-align: center;\n        font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n        font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"bold\"\n  })};\n      }\n    }\n\n    @media (min-width: 375px) {\n      .about-us-wrapper {\n        .about-us-inner {\n          div {\n            h3 {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n            }\n          }\n        }\n      }\n    }\n\n\t\t@media (min-width: 480px) {\n\t\t.about-us-wrapper  .workWithUs {\n      padding-top: 8.8rem;\n    }\n  }\n\n    @media (min-width: 600px) {\n      .about-us-wrapper {\n        .about-us-inner {\n          margin-top: 1.2rem;\n\n          div {\n            h3 {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"display_1\"\n  })};\n            }\n          }\n        }\n      }\n    }\n\n\t\t@media (min-width: 700px) {\n      .about-us-wrapper {\n        .about-us-inner {\n          display: flex;\n          position: relative;\n          padding-top: 1rem;\n          padding-bottom: 1rem;\n\n          div {\n            padding-top: 0;\n            width: 50%;\n\n            &:nth-child(odd) {\n              padding-right: 5%;\n            }\n\t\t\t\t\t\t\n            &:nth-child(even) {\n\t\t\t\t\t\t\tpadding-left: 5%;\n\t\t\t\t\t\t\tp {\n\t\t\t\t\t\t\t\tline-height: 1.6;\n\t\t\t\t\t\t\t\tpadding-top: 0;\n\t\t\t\t\t\t\t}\n            }\n\n            h3 {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n            }\n          }\n\n        }\n      }\n    }\n\n    @media (min-width: 768px) {\n      .about-us-wrapper {\n        .about-us-inner {\n          margin-top: 1.8rem;\n        }\n      }\n    }\n\n    @media (min-width: 960px) {\n      .about-us-wrapper {\n        .about-us-inner {\n          justify-content: space-between;\n\n          div {\n            padding-top: 0;\n            padding-left: 0 !important;\n            padding-right: 0 !important;\n            width: 50%;\n            max-width: 40rem;\n          }\n        }\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .about-us-wrapper {\n        .about-us-inner {\n          div {\n            max-width: 45rem;\n\n            h3 {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"display_1\"\n  })};\n            }\n\n\t\t\t\t\t\t&:nth-child(odd) {\n\t\t\t\t\t\t\tp {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n            }\n            }\n\n            &:nth-child(even) {\n            }\n          }\n        }\n\n        .workWithUs {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n        }\n      }\n    }\n\n    @media (min-width: 1280px) {\n      .about-us-wrapper {\n        .about-us-inner {\n          div {\n            max-width: 55rem;\n\n\n\t\t\t\t\t\t&:nth-child(odd) {\n\t\t\t\t\t\t\tp {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n            }\n            }\n          }\n        }\n\n      }\n    }\n\n    @media (min-width: 1400px) {\n      .about-us-wrapper {\n        .about-us-inner {\n          div {\n            max-width: 60rem;\n\n            :nth-child(odd) {\n\t\t\t\t\t\t\tp {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n            }\n\t\t\t\t\t\t}\n          }\n        }\n\n      }\n    }\n\n\n\t\t@media (min-width: 1440px) {\n    .about-us-wrapper .workWithUs {\n      padding-top: 10.2rem;\n    }\n  }\n  `}\n`;\n","import * as React from \"react\";\n\nimport { IHomeProps } from \"src/pages\";\n\nimport Text from \"../text\";\nimport { ColumnWidthWrapper } from \"../confines-wrappers\";\nimport styled, { css } from \"../../theme/styled\";\nimport {\n  fontSizeHelper,\n  fontWeightHelper,\n  colourHelper,\n  spacingHelper\n} from \"../../theme/theme-helper\";\nimport Link from \"../link\";\nimport { IconButton } from \"../button\";\nimport { CtaButton } from \"../cta\";\nimport Icon from \"../icon/icon\";\n\ninterface IProps {\n  data: IHomeProps;\n}\n\n/**\n * WeDontBuildWebsites?\n */\nconst WeDontBuildWebsites: React.FC<IProps> = ({ data }) => (\n  <Styled.Container>\n    <ColumnWidthWrapper className=\"content-container\">\n      <div>\n        <p>\n          What we do:\n        </p>\n\n        <br />\n\n        <Styled.Row>\n          <ul>\n            {/* DON'T WANNA DEAL WITH OUR GQL SO MANUALLY ADDING LINK */}\n\n            {/* Using style.order to place them where I want */}\n\n            <li\n              key=\"content-creators\"\n              // Using order to place them where i want\n              style={{ order: 2 }}\n            >\n              <Link\n                href=\"/content-creators\"\n                color=\"brandColor\"\n                className=\"topic block\"\n              >\n                Content Creators\n              </Link>\n            </li>\n\n            {data.nodeHome.field_landing_page_links.map((link, i) => {\n              return (\n                <li\n                  key={i}\n                  style={{ order: i }}\n                >\n                  <Link\n                    href={link.uri}\n                    color=\"brandColor\"\n                    className=\"topic block\"\n                  >\n                    {link.title}\n                  </Link>\n                </li>\n              );\n            })}\n          </ul>\n\n          <a\n            href=\"/projects\"\n            className=\"cta block\"\n          >\n            <span\n              style={{\n                display: \"inline-block\",\n                width: \"1.5em\",\n                height: \"1.5em\",\n                marginInline: \"-.5em .75em\"\n              }}\n            >\n              {svg}\n            </span>\n\n            <span>\n              View our work\n            </span>\n          </a>\n        </Styled.Row>\n\n      </div>\n\n      <div>\n        <h4>\n          Gravitywell is Bristol's Venture Studio\n        </h4>\n\n        <p className=\"description\">\n          We create digital products for startups and scaleups that people love.\n        </p>\n      </div>\n    </ColumnWidthWrapper>\n  </Styled.Container>\n);\n\nconst Styled = {\n  Container: styled.div`\n    ${({ theme }) => css`\n      --brand-color: ${colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n    `}\n  \n    background: black;\n    color: white;\n\n    .content-container > * {\n      & + * {\n        margin-top: min(20vh, 10rem);\n      }\n    }\n\n    h4 {\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n\n@media screen and (min-width: 768px) {\n  font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"display_1\"\n  })};\n}\n    }\n\n    .description {\n      color: #A09D9D;\n      max-width: 75rem;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n      margin-bottom: min(10vmin, 250px);\n    }\n    \n  `,\n  Row: styled.div`\n    display: flex;\n    align-items: flex-start;\n    flex-wrap: wrap;\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    \n    ul {\n      display: flex;\n      align-items: baseline;\n      flex-wrap: wrap;\n      padding: 0;\n      margin: 0;\n      margin-bottom: min(10vmin, 250px);\n      \n      @media screen and (min-width: 768px) {\n        flex: 1;\n        margin: 0;\n      }\n      \n      li {\n        list-style: none;\n        margin-right: 1em;\n        margin-bottom: .75em;\n        padding: 0;\n\n        &:not(:hover) {\n          --highlight: green !important;\n        }\n      }\n    }\n\n    .block {\n      --highlight: #808080;\n      \n      height: 50px;\n      display: flex;\n      justify-content: center;\n      align-items: center;\n      margin: 0;\n      padding: 0 2em;\n      vertical-align: middle;\n      background: #2C2B31;\n      border-radius: 2px;\n      border: 0 !important;\n      box-shadow: inset 0 0 0 1px var(--highlight);\n\n      &.topic {\n        --highlight: transparent;\n        @media screen and (max-width: 768px) {\n          height: 32px;\n          padding: 0 1em;\n        }\n      }\n\n      &.cta {\n        background: transparent;\n        color: var(--highlight);\n        font-weight: 300;\n        @media screen and (max-width: 768px) {\n          margin: 0 auto;\n        }\n      }\n      \n      &:hover {\n        --highlight: var(--brand-color);\n      }\n    }\n    \n  `\n};\n\nconst svg = (\n  <svg\n    viewBox=\"0 0 24 24\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"100%\"\n    height=\"100%\"\n    style={{ display: \"block\" }}\n  >\n    <g fill=\"currentColor\">\n      <path d=\"m20.71 19.29-3.4-3.39a7.92 7.92 0 0 0 1.69-4.9 8 8 0 1 0 -8 8 7.92 7.92 0 0 0 4.9-1.69l3.39 3.4a1 1 0 1 0 1.42-1.42zm-15.71-8.29a6 6 0 1 1 6 6 6 6 0 0 1 -6-6z\" />\n    </g>\n  </svg>\n);\n\nexport default WeDontBuildWebsites;\n","import React from \"react\";\nimport { ReactPlayerProps } from \"react-player\";\n\nimport { ColumnWidthWrapper } from \"src/components/confines-wrappers\";\nimport HeroVideo from \"src/components/hero-video\";\nimport PageTop from \"src/components/page-top\";\nimport styled from \"src/theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"src/theme/theme-helper\";\n\nimport Link from \"../link/link\";\n\nexport type PageHeaderSlideProps = {\n  videoSrc: string;\n  imgSrc: string;\n  title?: string;\n  text?: string;\n  link?: string;\n  playerProps?: ReactPlayerProps;\n  isCurrent?: boolean;\n};\n\nexport type WithSliderControls = PageHeaderSlideProps & {\n  controls?: JSX.Element;\n};\n\nconst PageHeaderSlide: React.FC<WithSliderControls> = ({\n  videoSrc,\n  imgSrc,\n  title,\n  text, link, controls, playerProps, isCurrent\n}): JSX.Element => {\n  return (\n    <PageTopCustom id=\"hero\">\n      <PageTop\n        height=\"medium\"\n        backgroundColor=\"black\"\n      >\n        <HeroVideo\n          contrastGradient\n          src={videoSrc}\n          fallbackImage={imgSrc}\n          playerProps={{\n            ...playerProps,\n            url: isCurrent ? videoSrc : undefined,\n            pip: false,\n            stopOnUnmount: true\n          }}\n          className={isCurrent ? \"homepage visible\" : \"\"}\n        />\n\n        <ColumnWidthWrapper className=\"top-content\">\n          <h3 className=\"heading_small\">\n            {title}\n          </h3>\n\n          <p className=\"heading_large\">\n            {text}\n          </p>\n\n          <div className=\"section-cta-container\">\n            <p\n              className=\"insights-link\"\n              style={{ position: \"relative\" }}\n            >\n              <span className=\"off-screen\">\n                Click here to view our\n                {\" \"}\n              </span>\n\n              {link && (\n                <Link\n                  type=\"styled-box\"\n                  color=\"white\"\n                  href={link}\n                  uppercase\n                >\n                  Case study\n                </Link>\n              )}\n\n            </p>\n          </div>\n        </ColumnWidthWrapper>\n\n        <ColumnWidthWrapper className=\"controls-wrapper\">\n          {controls}\n        </ColumnWidthWrapper>\n      </PageTop>\n    </PageTopCustom>\n  );\n};\n\nexport default PageHeaderSlide;\n\nconst PageTopCustom = styled.div`\n\tcolor: white;\n\n  .top-content-container {\n    .top-content-wrapper {\n      position: absolute;\n      left: 0;\n      top: 0;\n\n      .top-content {\n        z-index: 4;\n\n\t\t\t\t.heading_small {\n\t\t\t\t\ttext-transform: uppercase;\n\t\t\t\t\tfont-weight: normal;\n\t\t\t\t\tletter-spacing: 0.1em;\n\t\t\t\t\tfont-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"small_3\"\n  })};\n\t\t\t\t}\n\t\t\t\t\n        .heading_large {\n          transition: 0.2s ease-in-out;\n\t\t\t\t\tpadding-top: .5em;\n          width: 100%;\n          max-width: 90%;\n          display: -webkit-box;\n\t\t\t\t\t-webkit-line-clamp: 2;\n\t\t\t\t\t-webkit-box-orient: vertical;  \n\t\t\t\t\toverflow: hidden;\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n      }\n    }\n  }\n\n\t.section-cta-container {\n    width: 100%;\n\t\tpadding-top: 3rem;\n    p {\n      padding-top: 0;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n\n      a {\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n        border-bottom-color: rgba(255, 255, 255, 0.4);\n\n        &:hover {\n          border-bottom-color: rgba(255, 255, 255, 1);\n        }\n      }\n    }\n  }\n\n  .controls-wrapper {\n    width: 100%;\n    height: 100%;\n    position: absolute;\n    bottom: 20px;\n    right: 20px;\n    z-index: 5;\n    pointer-events: none;\n    & > * {\n      pointer-events: all;\n    }\n  }\n\n  @media (min-width: 375px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading_large {\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading_large {\n\t\t\t\t\t\tfont-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n\t\t\t\t\t}\n        }\n        }\n      }\n\t\t\t.section-cta-container {\n      padding-top: 3rem;\n    }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n\t\t\t\t\t.heading_large {\n\t\t\t\t\t\tfont-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n\t\t\t\t\t}\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n\t\t\t\t\t.heading_large {\n\t\t\t\t\t\t-webkit-line-clamp: 3;\n\t\t\t\t\t\tmax-width: 30ch;\n\t\t\t\t\t}\n        }\n      }\n    }\n    .controls-wrapper {\n      bottom: 40px;\n    }\n  }\n\n  @media (min-width: 900px) {\n\t\t.top-content-container {\n      .top-content-wrapper {\n        .top-content {\n\t\t\t\t\t.heading_large {\n\t\t\t\t\t\tmax-width: 40ch;\n\t\t\t\t\t}\n        }\n      }\n    }\n\t}\n\n  @media (min-width: 960px) {\n\t\t.section-cta-container {\n      p {\n\t\t\t\tpadding-top: 2rem;\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content-container {\n      min-height: min(640px, calc(100vh - var(--nav-height)));\n\n      .top-content-wrapper {\n        .top-content {\n        }\n      }\n    }\n    .controls-wrapper {\n      bottom: var(--nav-height);\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .top-content-container {      \n      min-height: min(768px, calc(100vh - var(--nav-height)));\n      .top-content-wrapper {\n        .top-content {\n          .heading_large {\n\t\t\t\t\t\tfont-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"display_1\"\n  })};\n            max-width: 30ch;\n\t\t\t\t\t}\n\t\t\t\t\t}\n        }\n      }\n\n      .controls-wrapper {\n        right: calc(50% + 20px);\n        transform: translateX(50%);\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .top-content-container {\n      min-height: min(800px, calc(100vh - var(--nav-height)));\n      .top-content-wrapper {\n        .top-content {\n          \n        }\n      }\n    }\n  }\n`;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport Slider from \"react-slick\";\n\nimport { slides } from \"src/pages\";\n\nconst SliderControls = ({ getSlider, current }: {getSlider: (() => Slider | undefined), current: number}): JSX.Element => {\n  // if (slides.length < 2 || getSlider() === undefined) {\n  //   return null;\n  // }\n\n  const dot = (isCurrent: boolean) => (\n    <svg\n      viewBox=\"0 0 24 24\"\n      width=\"24\"\n      height=\"24\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      fill={isCurrent ? \"currentColor\" : \"none\"}\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n      className=\"css-i6dzq1\"\n    >\n      <circle\n        cx=\"12\"\n        cy=\"12\"\n        r={isCurrent ? \"6\" : \"5\"}\n        style={{ transition: \"all 200ms ease-in-out\" }}\n      />\n    </svg>\n  );\n\n  return (\n    <div\n      style={{\n        position: \"absolute\",\n        right: 0,\n        bottom: 0\n      }}\n    >\n      {slides.map((_, i) => (\n        <Styled.Button\n          onClick={() => getSlider()?.slickGoTo(i)}\n          key={i}\n          aria-current={i === current}\n          style={{\n            appearance: \"none\",\n            border: \"none\",\n            background: \"none\",\n            outline: \"none\",\n            color: \"white\"\n          }}\n        >\n          {dot(i === current)}\n        </Styled.Button>\n      ))}\n    </div>\n  );\n};\n\nconst Styled = {\n  Button: styled.button`\n    & svg circle {\n      r: 5\n    }\n    &[aria-current=\"true\"] svg circle {\n      r: 6\n    }\n  \n    @media screen and (min-width: 1440px) {\n      & svg circle {\n        r: 6\n      }\n      &[aria-current=\"true\"] svg circle {\n        r: 7\n      }\n    }\n  `\n};\n\nexport default SliderControls;","import React, {\n  useRef,\n  useState\n} from \"react\";\nimport { graphql } from \"gatsby\";\nimport styled from \"styled-components\";\nimport Slider from \"react-slick\";\n\nimport Footer from \"src/components/footer\";\nimport Header from \"src/components/header\";\nimport HelmetWrapper from \"src/components/helmet-wrapper\";\nimport AboutUs from \"src/components/homepage/AboutUs\";\nimport WhatWeDo from \"src/components/homepage/WhatWeDo\";\nimport { breadCrumbSchema } from \"src/components/html-schema-snippets\";\nimport Insights from \"src/components/insights\";\nimport Layout from \"src/components/layout\";\nimport PageHeaderSlide from \"src/components/homepage/PageHeaderSlide\";\nimport SliderControls from \"src/components/homepage/SliderControls\";\nimport StayInTheLoop from \"src/components/stay-in-the-loop\";\nimport getProfile from \"src/templates/utils/getProfile\";\nimport { IArticleData } from \"src/components/articles-grid/articles-grid\";\n// Import css files\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport {\n  IFixed,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport { IBlogArticleData } from \"./latest\";\nimport { IProjectData } from \"./projects\";\n\ninterface IProps {\n  data: IHomeProps;\n}\n\ninterface IPageLandingLinks {\n  title: string;\n  uri: string;\n}\n\nexport interface IHomeProps {\n  nodeHome: {\n    title: string;\n    created: string;\n    changed: string;\n    field_meta_description: string;\n    field_hero_heading: string;\n    field_about_us_who_: {\n      processed: string;\n    };\n    field_about_us_w_: {\n      processed: string;\n    };\n    field_hero_video_url: string;\n    field_landing_page_links: IPageLandingLinks[];\n    relationships: {\n      field_home_insights: IBlogArticleData[];\n      field_hero_image: ILocalFile<IFixed>;\n      field_home_about_us_image: ILocalFile<IFixed>;\n      field_mobile_hero_image: ILocalFile<IFixed>;\n      field_home_latest_projects: IProjectData[];\n    };\n  };\n}\n\n/**\n * Make sure to replace the beginning of the amazon s3 asset url host/origin\n * with our own Gravitywell CDN version;\n * E.g. remove:\n * https://gravitywell-website-2019-assets-eu-west-1.s3.eu-west-1.amazonaws.com\n * Replace with:\n * https://cdn.gravitywell.co.uk\n */\nexport const slides = [\n  {\n    videoSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/dubbii_hero.m3u8\",\n    imgSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/dubbii_herothumbnail_w_640.0000000.jpg\",\n    title: \"Dubbii\",\n    text: \"Removing the shame around household tasks for ADHDers\",\n    link: \"/projects/dubbii/\"\n  },\n  {\n    videoSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/braided_space.m3u8\",\n    imgSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/braided_spacethumbnail_w_640.0000000.jpg\",\n    title: \"Braided Communications\",\n    text: \"Enabling the future of deep space communication\",\n    link: \"/projects/braided-communications/\"\n  },\n\n  {\n    videoSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/1275_wine.m3u8\",\n    imgSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/1275_winethumbnail_w_640.0000000.jpg\",\n    title: \"1275 Fine Wine Collections\",\n    text: \"Reinventing the world of wine collecting and investment\",\n    link: \"/projects/1275-fine-wine-collections/\"\n  },\n\n  {\n    videoSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/unflash_browsing.m3u8\",\n    imgSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/unflash_browsingthumbnail_w_640.0000000.jpg\",\n    title: \"unFlash\",\n    text: \"Using AI to make the internet a safer place for people with epilepsy\",\n    link: \"/projects/unflash/\"\n  },\n\n  {\n    videoSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/maya_car.m3u8\",\n    imgSrc: \"https://cdn.gravitywell.co.uk/videos/home-v2/maya_carthumbnail_w_640.0000000.jpg\",\n    title: \"Maya\",\n    text: \"Revolutionising the world of online tyre retail\",\n    link: \"projects/maya/\"\n  }\n];\n\nconst SLIDE_DURATION = 10_000; // 1000ms = 1s\nconst AUTOPLAY = true; // false: for easier debugging\n\nconst mapSlides = (currentCarouselSlide: number, sliderRef: React.MutableRefObject<Slider | undefined>) => slides.map((slide, i) => {\n  return (\n    <PageHeaderSlide\n      {...slide}\n      isCurrent={i === currentCarouselSlide}\n      key={i}\n      playerProps={{\n        playing: i === currentCarouselSlide && AUTOPLAY,\n        loop: i === currentCarouselSlide\n      }}\n      controls={(\n        <SliderControls\n          getSlider={() => sliderRef.current}\n          current={currentCarouselSlide}\n        />\n      )}\n    />\n  );\n});\n\nconst HomePage: React.FC<IProps> = ({ data }): JSX.Element => {\n  const contactRef = useRef<HTMLDivElement | null>(null);\n  const slider = useRef<Slider | undefined>();\n  const canonicalPath = \"/startups\";\n  const [ currentCarouselSlide, setCurrentSlide ] = useState(0);\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Home\",\n      path: canonicalPath\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  return (\n    <Layout className=\"layout\">\n      <HelmetWrapper\n        title={data.nodeHome.title}\n        description={data.nodeHome.field_meta_description}\n        updatedAt={data.nodeHome.changed}\n        canonicalPath=\"/\"\n      >\n        <script type=\"application/ld+json\">\n          {JSON.stringify(schemaJson)}\n        </script>\n      </HelmetWrapper>\n\n      <Styled.Header\n        role=\"banner\"\n        data-autoplay={AUTOPLAY}\n      >\n        <Header\n          initialLogo\n          initialTheme=\"dark\"\n        />\n\n        <Slider\n          fade\n          className=\"slider\"\n          cssEase=\"0\"\n          pauseOnHover={false}\n          slidesToShow={1}\n          slidesToScroll={1}\n          infinite\n          arrows={false}\n          autoplay={AUTOPLAY}\n          autoplaySpeed={SLIDE_DURATION}\n          ref={r => (slider.current = (r || undefined))}\n          beforeChange={(_, index: number) => setCurrentSlide(index)}\n        >\n          {mapSlides(currentCarouselSlide, slider)}\n        </Slider>\n      </Styled.Header>\n\n      <SliderControls\n        getSlider={() => slider.current}\n        current={currentCarouselSlide}\n      />\n\n      <main>\n        <WhatWeDo data={data} />\n\n        <AboutUs\n          data={data}\n          sideText=\"About us\"\n        />\n\n        <Insights\n          headingTag=\"h3\"\n          title=\"Insights\"\n          sideText=\"Latest posts\"\n          gradient=\"orangePink\"\n          articles={data.nodeHome.relationships.field_home_insights.slice(0, 2).map(\n            post => {\n              const profile = getProfile(post.relationships.author);\n\n              const articleObj: IArticleData = {\n                created: post.created,\n                path: post.path.alias,\n                title: post.title,\n                author: profile.field_full_name,\n                cover: post.relationships.field_cover_image\n              };\n\n              return articleObj;\n            }\n          ).concat(\n            // yeah its gross but I'm told not to worry we'll be changing GW\n            // site stuff when possible\n            {\n              created: \"2019-09-19T10:18:52+00:00\",\n              path: \"/insights/how-to-build-an-mvp/\",\n              title: \"How to build an MVP\",\n              author: \"Henry Osadzinski\",\n              cover: {\n                localFile: {\n                  childImageSharp: null,\n                  publicURL: \"https://www.gravitywell.co.uk/static/c10c371e13200ace942870d87885bb6f/6fc49/meta_2.jpg\"\n                },\n                filename: \"\"\n              }\n            } as IArticleData\n          )}\n        />\n      </main>\n\n      <footer\n        role=\"contentinfo\"\n        ref={contactRef}\n      >\n        <StayInTheLoop />\n\n        <Footer />\n      </footer>\n    </Layout>\n  );\n};\n\nconst Styled = {\n  Header: styled.header`\n    --slide-duration: ${SLIDE_DURATION};\n\n\n    &[data-autoplay='true'] {\n      .slider .slick-slide::after {\n        background: black;\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        opacity: 0;\n      }\n\n      .slider .slick-slide::after {\n        opacity: 1;\n      }\n\n      .slider .slick-slide.slick-active {\n        &::after {\n          animation: ${`fade-in ${SLIDE_DURATION}ms ease-in-out both`};\n        }\n\n        .top-content {\n          .heading_small  {\n            animation: fade-out ease-in both;\n            animation-delay: 1000ms;\n            animation-duration: ${SLIDE_DURATION - (1.5 * 1000) + \"ms\"};\n            letter-spacing: 0.2rem;\n          }\n          .heading_large  {\n            animation: fade-out ease-in both;\n            animation-delay: 1400ms;\n            animation-duration: ${SLIDE_DURATION - (1.5 * 1400) + \"ms\"};\n          }\n          .section-cta-container [href] {\n            animation: fade-out ease-in both;\n            animation-delay: 1700ms;\n            animation-duration: ${SLIDE_DURATION - (1.5 * 1700) + \"ms\"};\n          }\n        }\n      }\n    }\n    \n    @keyframes fade-in {\n      0%, 100% {\n        opacity: 1;\n      }\n      15%, 85% {\n        opacity: 0;\n      }\n    }\n\n    @keyframes fade-out {\n      0%, 100% {\n        opacity: 0;\n      }\n      15%, 85% {\n        opacity: 1;\n      }\n    }\n\n    @keyframes content-enter {\n      0% {\n        transform: translateY(10px);\n      }\n      100% {\n        transform: translateY(0px);\n      }\n    }\n  `\n};\n\nexport const query = graphql`\n  query homePageV2Query {\n    nodeHome {\n      created\n      changed\n      title\n      field_meta_description\n      field_hero_heading\n      field_about_us_who_ {\n        processed\n      }\n      field_about_us_w_ {\n        processed\n      }\n      field_hero_video_url\n      field_landing_page_links {\n        title\n        uri\n      }\n      relationships {\n        field_home_insights {\n          __typename\n          ... on node__labs_article {\n            title\n            created\n            path {\n              alias\n            }\n            relationships {\n              author: uid {\n                relationships {\n                  profile__team_profile {\n                    ...getProfileData\n                  }\n                }\n              }\n              field_cover_image {\n                ...getLocalFileData\n              }\n            }\n          }\n        }\n        field_hero_image {\n          localFile {\n            publicURL\n            childImageSharp {\n              fixed(quality: 80, width: 1920, height: 700) {\n                ...GatsbyImageSharpFixed_tracedSVG\n              }\n            }\n          }\n        }\n        field_mobile_hero_image {\n          localFile {\n            publicURL\n            childImageSharp {\n              fixed(quality: 80, width: 768, height: 512) {\n                ...GatsbyImageSharpFixed_tracedSVG\n              }\n            }\n          }\n        }\n        field_home_about_us_image {\n          localFile {\n            publicURL\n            childImageSharp {\n              fixed(quality: 80, width: 1920, height: 721) {\n                ...GatsbyImageSharpFixed_tracedSVG\n              }\n            }\n          }\n        }\n        field_home_latest_projects {\n          ...getProjectData\n        }\n      }\n    }\n  }\n`;\n\nexport default HomePage;","import { IProfileData } from \"../../pages/about-us\";\n\nconst getProfile = (author: IProfileData) => {\n  const profile: IProfileData = {\n    id: \"1\",\n    relationships: {\n      profile__team_profile: [\n        {\n          changed: \"\",\n          path: { alias: \"about-us/pepper\" },\n          hidden: true,\n          field_full_name: \"Pepper\",\n          field_job_title: \"Kitchen Patrol\",\n          relationships: {\n            field_mugshot: {\n              localFile: {\n                childImageSharp: null,\n                publicURL: \"\"\n              },\n              filename: \"\"\n            }\n          }\n        }\n      ]\n    }\n  };\n\n  if (author && author.relationships) {\n    if (author.relationships.profile__team_profile) {\n      return author.relationships.profile__team_profile[ 0 ];\n    }\n  }\n\n  return profile.relationships.profile__team_profile[ 0 ];\n};\n\nexport default getProfile;\n"],"names":["StayInTheLoopWrapper","styled","theme","colourHelper","variant","fontLineHeightHelper","fontSizeHelper","fontWeightHelper","className","action","method","type","name","placeholder","value","href","icon","size","data","sideText","AboutUsStyled","style","whiteSpace","color","css","Styled","Container","Row","svg","viewBox","xmlns","width","height","display","fill","d","key","order","nodeHome","field_landing_page_links","map","link","i","uri","title","marginInline","videoSrc","imgSrc","text","controls","playerProps","isCurrent","PageTopCustom","id","backgroundColor","contrastGradient","src","fallbackImage","url","undefined","pip","stopOnUnmount","position","uppercase","Button","getSlider","current","right","bottom","slides","_","onClick","slickGoTo","appearance","border","background","outline","stroke","strokeWidth","strokeLinecap","strokeLinejoin","cx","cy","r","transition","SLIDE_DURATION","AUTOPLAY","Header","contactRef","useRef","slider","useState","currentCarouselSlide","setCurrentSlide","schemaJson","breadCrumbSchema","path","description","field_meta_description","updatedAt","changed","canonicalPath","JSON","stringify","role","initialLogo","initialTheme","fade","cssEase","pauseOnHover","slidesToShow","slidesToScroll","infinite","arrows","autoplay","autoplaySpeed","ref","beforeChange","index","sliderRef","slide","playing","loop","mapSlides","WhatWeDo","headingTag","gradient","articles","relationships","field_home_insights","slice","post","profile","getProfile","author","created","alias","field_full_name","cover","field_cover_image","concat","localFile","childImageSharp","publicURL","filename","profile__team_profile","hidden","field_job_title","field_mugshot"],"sourceRoot":""}