{"version":3,"file":"component---src-pages-hackathon-as-a-service-tsx-ec0f3ebbff2542ba0c56.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/hackathon-as-a-services/how-you-benefit.tsx","webpack://gravitywell-website-2019/./src/components/hackathon-as-a-services/how.tsx","webpack://gravitywell-website-2019/./src/components/hackathon-as-a-services/why-gravitywell.tsx","webpack://gravitywell-website-2019/./src/assets/images/hackathon-as-a-service/interval-films-logo.png","webpack://gravitywell-website-2019/./src/components/hackathon-as-a-services/testimonials.tsx","webpack://gravitywell-website-2019/./src/assets/images/hackathon-as-a-service/gaku-laura-palates.jpg","webpack://gravitywell-website-2019/./src/assets/images/hackathon-as-a-service/interval-films.jpg","webpack://gravitywell-website-2019/./src/assets/images/hackathon-as-a-service/found-logo.png","webpack://gravitywell-website-2019/./src/assets/images/hackathon-as-a-service/found.jpg","webpack://gravitywell-website-2019/./src/components/hackathon-as-a-services/examples.tsx","webpack://gravitywell-website-2019/./src/assets/images/hackathon-as-a-service/gaku-logo.png","webpack://gravitywell-website-2019/./src/assets/images/hackathon-as-a-service/hackathon-as-a-service-fallback.jpg","webpack://gravitywell-website-2019/./src/pages/hackathon-as-a-service.tsx"],"sourcesContent":["import * as React from \"react\";\n\nimport { MediumColumnWidthWrapper } from \"../confines-wrappers\";\nimport styled, { css } from \"../../theme/styled\";\nimport { HeadingUppercase } from \"../heading\";\nimport {\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\n\n/**\n * How you benefit\n */\nconst HowYouBenefit: React.FC = () => (\n  <HowYouBenefitStyled className=\"how-you-benefit\">\n    <MediumColumnWidthWrapper className=\"content-container\">\n      <div className=\"how-you-benefit-wrapper\">\n        <HeadingUppercase\n          as=\"h2\"\n          color=\"brandColor\"\n        >\n          How you benefit\n        </HeadingUppercase>\n\n        <p className=\"large-copy\">\n          A hackathon kickstarts innovation and discovery, improves internal\n          workflow, and encourages collaboration and team bonding.\n        </p>\n\n        <div className=\"lists-container\">\n          <ul className=\"list\">\n            <li>\n              <h3>\n                Innovation\n              </h3>\n\n              <ul>\n                <li>\n                  Discover new products and services\n                </li>\n\n                <li>\n                  Encourage internal creativity\n                </li>\n\n                <li>\n                  Solve your problems\n                </li>\n              </ul>\n            </li>\n\n            <li>\n              <h3>\n                Team\n              </h3>\n\n              <ul>\n                <li>\n                  Collaboration and integration across your organisation\n                </li>\n\n                <li>\n                  Open platform for all\n                </li>\n\n                <li>\n                  Encourage employee bonding\n                </li>\n              </ul>\n            </li>\n\n            <li>\n              <h3>\n                PR\n              </h3>\n\n              <ul>\n                <li>\n                  Enhance your public perception\n                </li>\n\n                <li>\n                  Huge marketing potential\n                </li>\n\n                <li>\n                  Enable recruitment opportunities\n                </li>\n              </ul>\n            </li>\n          </ul>\n        </div>\n      </div>\n    </MediumColumnWidthWrapper>\n  </HowYouBenefitStyled>\n);\n\nexport default HowYouBenefit;\n\nconst HowYouBenefitStyled = styled.div`\n  ${({ theme }) => css`\n    .how-you-benefit-wrapper {\n      .large-copy {\n        padding-top: 4%;\n        font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n        font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n      }\n\n      .lists-container {\n        padding-top: 3.8rem;\n\n        .list {\n          display: flex;\n          flex-direction: column;\n          padding-top: 0;\n          padding-left: 0;\n          list-style: none;\n\n          > li {\n            padding-top: 2.8rem;\n\n            &:first-of-type {\n              padding-top: 0;\n            }\n\n            h3 {\n              font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n            }\n\n            ul {\n              padding-top: 1.2em;\n              padding-left: 2.8rem;\n              list-style-type: disc;\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 375px) {\n      .how-you-benefit-wrapper {\n        .large-copy {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n        }\n      }\n    }\n\n    @media (min-width: 480px) {\n      .how-you-benefit-wrapper {\n        .large-copy {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n        }\n      }\n    }\n\n    @media (min-width: 568px) {\n      .how-you-benefit-wrapper {\n        .large-copy {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n        }\n      }\n    }\n\n    @media (min-width: 600px) {\n      .how-you-benefit-wrapper {\n        .large-copy {\n          padding-top: 1.8rem;\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"display_1\"\n  })};\n        }\n\n        .lists-container {\n          padding-top: 4.4rem;\n\n          .list {\n            > li {\n              h3 {\n                font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 768px) {\n      .how-you-benefit-wrapper {\n        .large-copy {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"display_2\"\n  })};\n        }\n\n        .lists-container {\n          padding-top: 7.2rem;\n\n          .list {\n            flex-direction: row;\n            justify-content: space-between;\n\n            > li {\n              padding-top: 0;\n              width: 33.33%;\n              max-width: 30rem;\n\n              h3 {\n                font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n              }\n\n              ul {\n                padding-right: 2rem;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 960px) {\n      .how-you-benefit-wrapper {\n        .large-copy {\n          padding-right: 0;\n        }\n\n        .lists-container {\n          .list {\n            > li {\n              h3 {\n                font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n              }\n\n              ul {\n                padding-right: 2rem;\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .how-you-benefit-wrapper {\n        padding-right: 0;\n        max-width: 93rem;\n\n        .large-copy {\n          padding-right: 0;\n        }\n\n        .lists-container {\n          padding-top: 7.2rem;\n\n          .list {\n            > li {\n              h3 {\n                font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 1280px) {\n      .how-you-benefit-wrapper {\n        padding-right: 0;\n        max-width: 106rem;\n\n        .large-copy {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"display_3\"\n  })};\n        }\n\n        .lists-container {\n          padding-top: 8.8rem;\n\n          .list {\n            > li {\n              h3 {\n                font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n              }\n            }\n          }\n        }\n      }\n    }\n  `}\n`;\n","import * as React from \"react\";\n\nimport { MediumColumnWidthWrapper } from \"../confines-wrappers\";\nimport styled, { css } from \"../../theme/styled\";\nimport { HeadingUppercase } from \"../heading\";\nimport {\n  fontSizeHelper,\n  fontWeightHelper,\n  colourHelper\n} from \"../../theme/theme-helper\";\nimport Link from \"../link\";\n\n/**\n * How?\n */\nconst How: React.FC = () => (\n  <HowStyled className=\"how\">\n    <MediumColumnWidthWrapper className=\"content-container\">\n      <div className=\"how-wrapper\">\n        <HeadingUppercase\n          as=\"h2\"\n          color=\"brandColor\"\n        >\n          How?\n        </HeadingUppercase>\n\n        <div className=\"in-house-outsource\">\n          <div className=\"in-house\">\n            <h3>\n              In-house\n            </h3>\n\n            <p>\n              Our team integrates with yours to offer expertise and a hands-on\n              approach in facilitating internal innovation.\n            </p>\n          </div>\n\n          <div className=\"outsource\">\n            <h3>\n              Outsource\n            </h3>\n\n            <p>\n              Our team focusses its attention solely on your project over a set\n              period, producing quality results in a matter of days.\n            </p>\n          </div>\n\n          <span className=\"vertical-line\" />\n        </div>\n\n        <p className=\"in-between\">\n          &hellip;or somewhere in between, it’s up to you.\n        </p>\n\n        <p className=\"book\">\n          <span className=\"off-screen\">\n            Click here to\n            {\" \"}\n          </span>\n\n          <Link\n            type=\"styled\"\n            color=\"brandColor\"\n            href=\"/insights\"\n          >\n            Book your hackathon\n          </Link>\n        </p>\n      </div>\n    </MediumColumnWidthWrapper>\n  </HowStyled>\n);\n\nexport default How;\n\nconst HowStyled = styled.div`\n  ${({ theme }) => css`\n    background-color: ${colourHelper({\n    theme,\n    variant: \"altLightGrey\"\n  })};\n\n    .how-wrapper {\n      .in-house-outsource {\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          p {\n            padding-top: 1em;\n            font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n          }\n        }\n      }\n\n      .in-between {\n        padding-top: 4.2rem;\n        text-align: center;\n        font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n        font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"bold\"\n  })};\n      }\n\n      .book {\n        padding-top: 2.6rem;\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      .how-wrapper {\n        .in-house-outsource {\n          div {\n            h3 {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 568px) {\n      .how-wrapper {\n        .in-house-outsource {\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: 10%;\n            }\n\n            &:nth-child(even) {\n              padding-left: 10%;\n            }\n\n            h3 {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n            }\n          }\n\n          .vertical-line {\n            position: absolute;\n            top: 50%;\n            left: 50%;\n            transform: translate(-50%, -50%);\n            width: 0.2rem;\n            height: 100%;\n            background-color: ${colourHelper({\n    theme,\n    variant: \"borderColor\"\n  })};\n          }\n        }\n\n        .in-between {\n          padding-top: 4.6rem;\n        }\n      }\n    }\n\n    @media (min-width: 600px) {\n      .how-wrapper {\n        .in-house-outsource {\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        .in-between {\n          padding-top: 6.2rem;\n        }\n      }\n    }\n\n    @media (min-width: 768px) {\n      .how-wrapper {\n        .in-house-outsource {\n          margin-top: 1.8rem;\n        }\n\n        .in-between {\n          padding-top: 8.2rem;\n        }\n      }\n    }\n\n    @media (min-width: 960px) {\n      .how-wrapper {\n        .in-house-outsource {\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: 34rem;\n          }\n        }\n      }\n    }\n\n    @media (min-width: 1024px) {\n      .how-wrapper {\n        .in-house-outsource {\n          div {\n            max-width: 40rem;\n\n            h3 {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"display_2\"\n  })};\n            }\n\n            p {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n            }\n          }\n        }\n\n        .in-between {\n          padding-top: 10.2rem;\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n        }\n\n        .book {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n        }\n      }\n    }\n\n    @media (min-width: 1280px) {\n      .how-wrapper {\n        .in-house-outsource {\n          div {\n            max-width: 45rem;\n\n            h3 {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"display_3\"\n  })};\n            }\n\n            p {\n              font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n            }\n          }\n        }\n\n        .in-between {\n          padding-top: 12.2rem;\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n        }\n      }\n    }\n  `}\n`;\n","import * as React from \"react\";\nimport Parser from \"html-react-parser\";\n\nimport TextPanel from \"../text-panel\";\n\n/**\n * Why Gravitywell?\n */\nconst WhyGravitywell: React.FC = () => (\n  <div className=\"why-gravitywell\">\n    <TextPanel\n      label=\"Why Gravitywell?\"\n      labelAs=\"h2\"\n      text={(\n        <>\n          {Parser(\n            \"<p>As award-winning creative thinkers, we have a wealth of experience guiding clients through every stage of their hackathon. Regardless of the challenge, our diverse team has the skill-set to take your vision to the next level.</p>\"\n          )}\n        </>\n      )}\n      backgroundColor=\"white\"\n    />\n  </div>\n);\n\nexport default WhyGravitywell;\n","export default __webpack_public_path__ + \"static/interval-films-logo-f11862198dbe268028f599088c02f64e.png\";","import * as React from \"react\";\n\nimport TestimonialCarousel from \"../testimonial-carousel\";\nimport IntervalFilmsLogo from \"../../assets/images/hackathon-as-a-service/interval-films-logo.png\";\n\nconst testimonials = [\n  {\n    company_logo: IntervalFilmsLogo,\n    company: \"Interval Films\",\n    name: \"Ollie Larkin\",\n    role: \"Founder\",\n    testimonial:\n      \"They have not only provided us with a highly aesthetic, very technical and above all functional solution, they had a huge amount of creative input into our web app, meaning it’s not just catching up to or being on par with industry, it’s become the very best online experience for interacting with time-lapse content, bar none.\"\n  }\n];\n\n/**\n * Testimonials\n */\nconst Testimonials: React.FC = () => (\n  <>\n    <h2 className=\"off-screen\">\n      Testimonials\n    </h2>\n\n    <TestimonialCarousel\n      content={testimonials}\n      backgroundColor=\"altLightGrey\"\n    />\n  </>\n);\n\nexport default Testimonials;\n","export default __webpack_public_path__ + \"static/gaku-laura-palates-af502e0fabc6d91f334db8bdafcb3b61.jpg\";","export default __webpack_public_path__ + \"static/interval-films-27b6b9b3086f5f4eddb6e616348b762a.jpg\";","export default __webpack_public_path__ + \"static/found-logo-05a5bd3b2c3f892311d3f976732cb0fd.png\";","export default __webpack_public_path__ + \"static/found-88ba77592e8609b8539eb490a5745674.jpg\";","import * as React from \"react\";\nimport { ParallaxBanner } from \"react-scroll-parallax\";\n\nimport styled, { css } from \"../../theme/styled\";\nimport GakuLogoImg from \"../../assets/images/hackathon-as-a-service/gaku-logo.png\";\nimport GakuLauraImg from \"../../assets/images/hackathon-as-a-service/gaku-laura-palates.jpg\";\nimport IntervalFilmsLogoImg from \"../../assets/images/hackathon-as-a-service/interval-films-logo.png\";\nimport IntervalFilmsImg from \"../../assets/images/hackathon-as-a-service/interval-films.jpg\";\nimport FoundLogoImg from \"../../assets/images/hackathon-as-a-service/found-logo.png\";\nimport FoundImg from \"../../assets/images/hackathon-as-a-service/found.jpg\";\nimport {\n  colourHelper,\n  fontSizeHelper\n} from \"../../theme/theme-helper\";\n\n/**\n * Examples\n */\nconst Examples: React.FC = () => (\n  <ExamplesStyled>\n    <h2 className=\"off-screen\">\n      Example projects\n    </h2>\n\n    <ul>\n      <li className=\"gaku\">\n        <ParallaxBanner\n          layers={[\n            {\n              amount: 0.1,\n              children: (\n                <img\n                  className=\"full\"\n                  src={GakuLauraImg}\n                  alt=\"Laura doing palates\"\n                />\n              )\n            }\n          ]}\n          style={{ height: \"auto\" }}\n        >\n          <div className=\"parallax-content-container\">\n            <div className=\"parallax-content-wrapper\">\n              <h3 className=\"off-screen\">\n                Gaku\n              </h3>\n\n              <div className=\"logo\">\n                <img\n                  className=\"full\"\n                  src={GakuLogoImg}\n                  alt=\"Gaku logo\"\n                />\n              </div>\n\n              <p>\n                In just 5 days, we designed and built a simple, elegant video\n                lesson app for pilates instructors.\n              </p>\n            </div>\n\n            <span className=\"overlay\" />\n          </div>\n        </ParallaxBanner>\n      </li>\n\n      <li className=\"interval-films\">\n        <ParallaxBanner\n          layers={[\n            {\n              amount: 0.1,\n              children: (\n                <img\n                  className=\"full\"\n                  src={IntervalFilmsImg}\n                  alt=\"Smartphone showing the Interval Films web app\"\n                />\n              )\n            }\n          ]}\n          style={{ height: \"auto\" }}\n        >\n          <div className=\"parallax-content-container\">\n            <div className=\"parallax-content-wrapper\">\n              <h3 className=\"off-screen\">\n                Interval Films\n              </h3>\n\n              <div className=\"logo\">\n                <img\n                  className=\"full\"\n                  src={IntervalFilmsLogoImg}\n                  alt=\"Interval Films logo\"\n                />\n              </div>\n\n              <p>\n                We designed and delivered a best-in-class timelapse software\n                platform, in under a week.\n              </p>\n            </div>\n\n            <span className=\"overlay\" />\n          </div>\n        </ParallaxBanner>\n      </li>\n\n      <li className=\"found\">\n        <ParallaxBanner\n          layers={[\n            {\n              amount: 0.1,\n              children: (\n                <img\n                  className=\"full\"\n                  src={FoundImg}\n                  alt=\"A cat with face detection\"\n                />\n              )\n            }\n          ]}\n          style={{ height: \"auto\" }}\n        >\n          <div className=\"parallax-content-container\">\n            <div className=\"parallax-content-wrapper\">\n              <h3 className=\"off-screen\">\n                Found\n              </h3>\n\n              <div className=\"logo\">\n                <img\n                  className=\"full\"\n                  src={FoundLogoImg}\n                  alt=\"Found logo\"\n                />\n              </div>\n\n              <p>\n                In 6 days, we developed a machine learning model and app to\n                reunite owners with their lost pets.\n              </p>\n            </div>\n\n            <span className=\"overlay\" />\n          </div>\n        </ParallaxBanner>\n      </li>\n    </ul>\n  </ExamplesStyled>\n);\n\nconst ExamplesStyled = styled.div`\n  ${({ theme }) => css`\n    ul {\n      padding: 0;\n      list-style: none;\n\n      li {\n        padding: 0;\n\n        .parallax-banner {\n          .parallax-content-container {\n            position: relative;\n            z-index: 2;\n            padding-top: 115%;\n\n            .parallax-content-wrapper {\n              position: absolute;\n              bottom: 8%;\n              left: 0;\n              z-index: 2;\n              padding-left: 8%;\n              padding-right: 8%;\n              width: 100%;\n\n              .logo {\n                img {\n                  margin: 0 auto;\n                  width: 38%;\n                  max-width: 18rem;\n                }\n              }\n\n              p {\n                margin: 0 auto;\n                padding-top: 1em;\n                max-width: 48rem;\n                text-align: center;\n                color: ${colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n              }\n            }\n\n            .overlay {\n              position: absolute;\n              z-index: 1;\n              top: 0;\n              left: 0;\n              width: 100%;\n              height: 100%;\n              background: linear-gradient(\n                to bottom,\n                rgba(0, 0, 0, 0) 1%,\n                rgba(0, 0, 0, 0) 18%,\n                rgba(0, 0, 0, 1) 100%\n              );\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 600px) {\n      ul {\n        display: flex;\n\n        li {\n          width: 50%;\n\n          &:last-child {\n            display: none;\n          }\n\n          .parallax-banner {\n            .parallax-content-container {\n              .parallax-content-wrapper {\n                .logo {\n                  img {\n                    width: 74%;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 768px) {\n      ul {\n        li {\n          width: 33.33%;\n\n          &:last-child {\n            display: block;\n          }\n\n          .parallax-banner {\n            .parallax-content-container {\n              .parallax-content-wrapper {\n                .logo {\n                  img {\n                    width: 58%;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 960px) {\n      ul {\n        li {\n          .parallax-banner {\n            .parallax-content-container {\n              .parallax-content-wrapper {\n                .logo {\n                  img {\n                    width: 44%;\n                  }\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 1280px) {\n      ul {\n        li {\n          .parallax-banner {\n            .parallax-content-container {\n              .parallax-content-wrapper {\n                p {\n                  font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 1380px) {\n      ul {\n        li {\n          .parallax-banner {\n            .parallax-content-container {\n              .parallax-content-wrapper {\n                p {\n                  font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n\n    @media (min-width: 1920px) {\n      ul {\n        li {\n          .parallax-banner {\n            .parallax-content-container {\n              .parallax-content-wrapper {\n                p {\n                  font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `}\n`;\n\nexport default Examples;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAW4AAAByCAYAAABzwTvbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6N0NGMzcxRkU2MTU0MTFFQTlENERGQjczMEYyMzQ3RTEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6N0NGMzcxRkY2MTU0MTFFQTlENERGQjczMEYyMzQ3RTEiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1MDM4RkM3RjYxM0UxMUVBOUQ0REZCNzMwRjIzNDdFMSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1MDM4RkM4MDYxM0UxMUVBOUQ0REZCNzMwRjIzNDdFMSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvwus28AACNuSURBVHja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\"","export default __webpack_public_path__ + \"static/hackathon-as-a-service-fallback-20967d1abd1448ff8e37e32f9218a10c.jpg\";","import { graphql } from \"gatsby\";\nimport * as React from \"react\";\nimport styled from \"styled-components\";\n\nimport { IArticleData } from \"../components/articles-grid/articles-grid\";\nimport { FullWidthColumnWrapper } from \"../components/confines-wrappers\";\nimport Footer from \"../components/footer\";\nimport GetInTouch, { IGetInTouchLinkProps } from \"../components/get-in-touch\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport Insights from \"../components/insights\";\nimport Layout from \"../components/layout\";\nimport PageTop from \"../components/page-top\";\nimport getProfile from \"../templates/utils/getProfile\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../theme/theme-helper\";\nimport {\n  AppsterAward,\n  MediaInnovationAward\n} from \"../components/awards\";\n// import DynamicVideo from \"../components/dynamic-video/dynamic-video\";\n// import { IconButton } from \"../components/button/icon-button\";\nimport {\n  HowYouBenefit,\n  How,\n  WhyGravitywell,\n  Testimonials,\n  Examples\n} from \"../components/hackathon-as-a-services\";\n// import { HeadingUppercase } from \"../components/heading\";\nimport Link from \"../components/link\";\nimport CtaButton from \"../components/cta/cta-button\";\nimport HeroVideo from \"../components/hero-video\";\nimport VideoFallbackImage from \"../assets/images/hackathon-as-a-service/hackathon-as-a-service-fallback.jpg\";\nimport { IInsightsArticleData } from \"./insights\";\n\ninterface IProps {\n  data: IApplicationDevelopmentProps;\n}\n\nexport interface IApplicationDevelopmentProps {\n  allNodeLabsArticle: {\n    edges: IInsightsProps[];\n  };\n}\n\ninterface IInsightsProps {\n  node: IInsightsArticleData;\n}\n\nconst PageTopCustom = styled.div`\n  /* .top-content {\n    display: flex;\n    flex-direction: column;\n    padding-top: 10%;\n    justify-content: center;\n    padding-bottom: 10%;\n\n    .top-main {\n      .heading,\n      .sub-heading {\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n      }\n\n      .sub-heading {\n        padding-top: 4%;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\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      .video-wrapper {\n        padding-top: 8%;\n      }\n\n      .play-button-container {\n        padding-top: 8%;\n\n        .play-button {\n          margin: 0 auto;\n        }\n      }\n    }\n\n    .awards-container {\n      padding-top: 12%;\n\n      .awards-wrapper {\n        display: flex;\n        justify-content: center;\n\n        > * {\n          max-width: 20rem;\n\n          &:nth-child(odd) {\n            margin-right: 6%;\n          }\n\n          &:nth-child(even) {\n            margin-left: 6%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 375px) {\n    .top-content {\n      .top-main {\n        .sub-heading {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .top-content {\n      .top-main {\n        .sub-heading {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .top-content {\n      .top-main {\n        .sub-heading {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .top-content {\n      .top-main {\n        .sub-heading {\n          padding-top: 2.2rem;\n        }\n\n        .video-wrapper {\n          padding-top: 3.2rem;\n        }\n\n        .play-button-container {\n          padding-top: 4.2rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content {\n      padding-top: 8.8rem;\n      padding-bottom: 8.8rem;\n\n      .top-main {\n        .sub-heading {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_6\"\n    })};\n        }\n      }\n\n      .awards-container {\n        padding-top: 6.4rem;\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content {\n      padding-top: 8.8rem;\n      padding-bottom: 8.8rem;\n\n      .top-main {\n        position: relative;\n        padding-left: 56%;\n        min-height: 25.4rem;\n\n        .heading {\n          padding-top: 2.2rem;\n        }\n\n        .sub-heading {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n        }\n\n        .video-wrapper {\n          position: absolute;\n          top: 0;\n          left: 0;\n          width: 50%;\n          padding-top: 0;\n        }\n\n        .play-button-container {\n          .play-button {\n            margin: 0;\n          }\n        }\n      }\n\n      .awards-container {\n        .awards-wrapper {\n          width: 50%;\n\n          > * {\n            width: 36%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .top-content {\n      .top-main {\n        min-height: 27.2rem;\n\n        .heading {\n          padding-top: 2.8rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content {\n      .top-main {\n        min-height: 34.4rem;\n\n        .heading {\n          padding-top: 5.6rem;\n        }\n\n        .sub-heading {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1380px) {\n    .top-content {\n      .top-main {\n        min-height: 37.2rem;\n\n        .heading {\n          padding-top: 6.8rem;\n        }\n\n        .sub-heading {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_4\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .top-content {\n      .top-main {\n        min-height: 39rem;\n\n        .heading {\n          padding-top: 7.4rem;\n        }\n\n        .sub-heading {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_4\"\n    })};\n        }\n      }\n    }\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: 3;\n        text-align: center;\n\n        .heading {\n          transition: 0.2s ease-in-out;\n          display: block;\n          margin: 0 auto;\n          width: 26rem;\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\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        .cta-button {\n          padding-top: 6%;\n        }\n      }\n\n      .appster-award,\n      .media-innovation-award {\n        position: absolute;\n        z-index: 3;\n        bottom: 2rem;\n        max-width: 25.8rem;\n        width: 14%;\n        opacity: 0.75;\n      }\n\n      .appster-award {\n        left: 2rem;\n      }\n\n      .media-innovation-award {\n        right: 2rem;\n      }\n    }\n  }\n\n  @media (min-width: 375px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 32rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n\n          .cta-button {\n            padding-top: 6%;\n          }\n        }\n\n        .appster-award,\n        .media-innovation-award {\n          width: 16%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 39rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n          }\n        }\n\n        .appster-award,\n        .media-innovation-award {\n          width: 9.6rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 53rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .appster-award,\n        .media-innovation-award {\n          width: 20%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 60rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_4\"\n    })};\n          }\n        }\n\n        .appster-award,\n        .media-innovation-award {\n          bottom: 5%;\n          width: 15.4rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 66rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_5\"\n    })};\n          }\n\n          .cta-button {\n            padding-top: 5.2rem;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .appster-award,\n        .media-innovation-award {\n          width: 16%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 74rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_6\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 80rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_7\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .top-content-container {\n      .top-content-wrapper {\n        .top-content {\n          .heading {\n            width: 96rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_9\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst HackathonAsAServicePage = ({ data }: IProps) => {\n  const canonicalPath = \"/hackathon-as-a-service\";\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Hackathon as a Service\",\n      path: canonicalPath\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  // const [isVideoPlaying, setIsVideoPlaying] = React.useState<boolean>(false);\n\n  return (\n    <Layout>\n      <>\n        <HelmetWrapper\n          title=\"Hackathon as a Service\"\n          description=\"We help you innovate with a hackathon\"\n          canonicalPath={canonicalPath}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        {/* <header role=\"banner\">\n          <Header initialLogo={true} initialTheme=\"dark\" />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              style={{ paddingTop: 0, paddingBottom: 0 }}\n              gradient=\"pinkPurple\"\n              height=\"auto\"\n            >\n              <FullWidthColumnWrapper className=\"top-content\">\n                <div className=\"top-main\">\n                  <HeadingUppercase className=\"heading\" as=\"p\" color=\"white\">\n                    Hackathon as a Service\n                  </HeadingUppercase>\n                  <p className=\"sub-heading\">\n                    We help you innovate with a hackathon\n                  </p>\n\n                  <DynamicVideo\n                    className=\"video-wrapper\"\n                    videoUrl=\"https://vimeo.com/289723432\"\n                    reactPlayer={{ playing: isVideoPlaying }}\n                  />\n\n                  <div className=\"play-button-container\">\n                    <IconButton\n                      className=\"play-button\"\n                      ctaType=\"primary\"\n                      icon=\"play\"\n                      text=\"Watch the video\"\n                      onClick={() => setIsVideoPlaying(!isVideoPlaying)}\n                    />\n                  </div>\n                </div>\n\n                <div className=\"awards-container\">\n                  <div className=\"awards-wrapper\">\n                    <AppsterAward className=\"appster-award\" />\n                    <MediaInnovationAward className=\"media-innovation-award\" />\n                  </div>\n                </div>\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n        </header> */}\n\n        <header role=\"banner\">\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              style={{\n                paddingTop: 0,\n                paddingBottom: 0\n              }}\n              height=\"large\"\n            >\n              <HeroVideo\n                src=\"https://cdn.gravitywell.co.uk/videos/hackathon-as-a-service/hackathon-as-a-service.m3u8\"\n                fallbackImage={VideoFallbackImage}\n              />\n\n              <FullWidthColumnWrapper className=\"top-content\">\n                <p className=\"heading\">\n                  We help you innovate with a hackathon\n                </p>\n\n                <CtaButton\n                  type=\"primary\"\n                  href=\"/contact\"\n                  text=\"Let's talk\"\n                />\n              </FullWidthColumnWrapper>\n\n              <AppsterAward className=\"appster-award\" />\n\n              <MediaInnovationAward className=\"media-innovation-award\" />\n            </PageTop>\n          </PageTopCustom>\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            Hackathon as a Service\n          </h1>\n\n          <HowYouBenefit />\n\n          <How />\n\n          <WhyGravitywell />\n\n          <Examples />\n\n          <Testimonials />\n\n          <aside>\n            <section className=\"latest-container\">\n              <h2 className=\"off-screen\">\n                Latest posts\n              </h2>\n\n              <Insights\n                title=\"Insights\"\n                gradient=\"orangePink\"\n                articles={data.allNodeLabsArticle.edges.map(post => {\n                  const profile = getProfile(post.node.relationships.author);\n\n                  const articleObj: IArticleData = {\n                    created: post.node.created,\n                    path: post.node.path.alias,\n                    title: post.node.title,\n                    author: profile.field_full_name,\n                    cover: post.node.relationships.field_cover_image\n                  };\n\n                  return articleObj;\n                })}\n              />\n            </section>\n          </aside>\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch\n            title=\"Book your hackathon\"\n            slogan=\"Ready to collaborate and innovate?\"\n            links={[\n              {\n                href: \"/projects\",\n                text: \"More of our work\"\n              },\n              {\n                href: \"/about-us\",\n                text: \"Our process\"\n              },\n              {\n                href: \"/about-us#meet-the-team\",\n                text: \"Meet the team\"\n              }\n            ]}\n          />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default HackathonAsAServicePage;\n\nexport const query = graphql`\n  query hackathonAsAServicePageQuery {\n    allNodeLabsArticle(\n      filter: { drupal_internal__nid: { in: [177, 237, 235] } }\n    ) {\n      edges {\n        node {\n          ...getLabsData\n        }\n      }\n    }\n  }\n`;\n"],"names":["HowYouBenefitStyled","className","as","color","styled","theme","css","fontWeightHelper","variant","fontSizeHelper","HowStyled","type","href","colourHelper","label","labelAs","text","Parser","backgroundColor","testimonials","company_logo","IntervalFilmsLogo","company","name","role","testimonial","content","ExamplesStyled","layers","amount","children","src","GakuLauraImg","alt","style","height","IntervalFilmsImg","IntervalFilmsLogoImg","FoundImg","FoundLogoImg","PageTopCustom","fontLineHeightHelper","data","canonicalPath","schemaJson","breadCrumbSchema","path","title","description","JSON","stringify","initialLogo","initialTheme","id","paddingTop","paddingBottom","fallbackImage","VideoFallbackImage","gradient","articles","allNodeLabsArticle","edges","map","post","profile","getProfile","node","relationships","author","created","alias","field_full_name","cover","field_cover_image","slogan","links"],"sourceRoot":""}