{"version":3,"file":"component---src-pages-startups-tsx-6fde326f68d89ca8ecc0.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/startups-landing-page/CaseStudyPanel.tsx","webpack://gravitywell-website-2019/./src/components/startups-landing-page/WhyGravitywell.tsx","webpack://gravitywell-website-2019/./src/components/author-mugshot/AuthorMugshot.tsx","webpack://gravitywell-website-2019/./src/components/startups-landing-page/BristolStartups.tsx","webpack://gravitywell-website-2019/./src/components/startups-landing-page/PageTopStartups.tsx","webpack://gravitywell-website-2019/./src/components/startups-landing-page/Testimonials.tsx","webpack://gravitywell-website-2019/./src/components/startups-landing-page/WhatWeOffer.tsx","webpack://gravitywell-website-2019/./src/pages/startups.tsx","webpack://gravitywell-website-2019/./src/assets/images/application-development/app-video-backround-fallback.jpg"],"sourcesContent":["import React from \"react\";\n\nimport styled, { css } from \"src/theme/styled\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  spacingHelper\n} from \"src/theme/theme-helper\";\n\nimport { MediumColumnWidthWrapper } from \"../confines-wrappers\";\nimport { HeadingUppercase } from \"../heading\";\nimport Link from \"../link\";\nimport Panel from \"../panel-wrapper\";\n\ninterface CaseStudyPanelProps {\n  desktopLayout: \"left\" | \"right\";\n  label: string;\n  heading: string;\n  keyPoints?: string[];\n  backgroundImage: string;\n  linkUrl?: string;\n  linkCta?: string;\n}\n\nconst CaseStudyPanel: React.FC<CaseStudyPanelProps> = props => {\n  const {\n    desktopLayout,\n    label,\n    heading,\n    keyPoints,\n    backgroundImage,\n    linkUrl,\n    linkCta\n  } = props;\n\n  return (\n    <CaseStudyPanelContainer desktopLayout={desktopLayout}>\n      <Panel\n        backgroundImage={backgroundImage}\n        style={{\n          backgroundSize: \"cover\",\n          backgroundPosition: \"center\",\n          position: \"relative\"\n        }}\n      >\n        <MediumColumnWidthWrapper className=\"content-container\">\n          <div\n            className=\"flex-wrapper\"\n          >\n            <div className=\"titles-wrapper\">\n              <HeadingUppercase\n                as=\"h2\"\n                color=\"white\"\n              >\n                {label}\n              </HeadingUppercase>\n\n              <p className=\"large-copy\">\n                {heading}\n              </p>\n\n            </div>\n\n            {keyPoints?.length && (\n              <div\n                className=\"list-container\"\n              >\n                {keyPoints.length > 1 ? (\n                  <ul className=\"list\">\n                    {keyPoints.map(str => (\n                      <li\n                        key={str}\n                      >\n                        {str}\n                      </li>\n                    ))}\n                  </ul>\n                ) : (\n                  // single item\n                  <ul\n                    className=\"list\"\n                    style={{ paddingInline: 0 }}\n                  >\n                    <li\n                      style={{\n                        listStyle: \"none\",\n                        lineHeight: \"1.5\"\n                      }}\n                    >\n                      {keyPoints[ 0 ]}\n                    </li>\n                  </ul>\n                )}\n              </div>\n            )}\n\n            {(linkUrl && linkCta) && (\n              <div className=\"section-cta-container\">\n                <p>\n                  <span className=\"off-screen\">\n                    Click here to\n                    {\" \"}\n                  </span>\n\n                  <Link\n                    type=\"styled\"\n                    color=\"brandColor\"\n                    href={linkUrl}\n                  >\n                    {linkCta}\n                  </Link>\n                </p>\n              </div>\n            )}\n          </div>\n        </MediumColumnWidthWrapper>\n      </Panel>\n    </CaseStudyPanelContainer>\n  );\n};\n\nconst CaseStudyPanelContainer = styled.div<{desktopLayout: \"left\" | \"right\"}>`\n${({ theme }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: \"white\"\n  })}\n\n/* *:not([style*=\"background-size\"]) {\n\tz-index: 1;\n\toutline: 2px solid red;\n} */\n\n.content-container {\n  min-height: 50rem;\n  @media (min-width: 840px) {\n    ${({ desktopLayout }) => desktopLayout === \"right\" && css`\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n    `}\n  }\n\t/* overlaying black on bg image */\n\t/* giving other children higher stacking index */\n\t& > * {\n\t\tz-index: 1;\n\t\tposition: relative;\n}\n\t&::after {\n\t\tz-index: 0 !important;\n\t\tcontent: \"\";\n\t\tposition: absolute !important;\n\t\tleft: 0;\n\t\tright: 0;\n\t\ttop: 0;\n\t\tbottom: 0;\n\t\tbackground: #141023;\n\t\topacity: 0.66;\n\t\tmix-blend-mode: hard-light;\n\t\tpointer-events: none;\n\t}\n}\n\n\t.large-copy {\n\t\tpadding-top: 4%;\n\t\tfont-weight: ${fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n\t\t\t\t\tfont-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n\t}\n\n\t.section-cta-container {\n    width: 100%;\n\t\tpadding-top: ${spacingHelper({\n    theme,\n    variant: \"xl\"\n  })};\n\t\tpadding-bottom: clamp(2em, 5vmin, 200px);\n\t\ttext-align: center;\n\n    p {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"bold\"\n  })};\n\na {\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\t@media (min-width: 375px) {\n\t\t.titles-wrapper {\n\t\t\t.large-copy {\n\t\t\t\tfont-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n\t\t\t}\n\t\t}\n\t}\n\n\t@media (min-width: 480px) {\n      .titles-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      .titles-wrapper {\n\t\t\t\t.large-copy {\n\t\t\t\t\tmax-width: 25ch;\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n        }\n      }\n    }\n\n\t\t@media (min-width: 600px) {\n      .titles-wrapper {\n        .large-copy {\n          padding-top: 1.8rem;\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n        }\n      }\n\n\t\t\t.section-cta-container {\n\t\t\t\ttext-align: unset;\n\t\t\t\tpadding-bottom: unset;\n\t\t\t}\n    }\n\n\t\t@media (min-width: 768px) {\n      .titles-wrapper {\n        .large-copy {\n          font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n        }\n      }\n    }\n\n    @media (min-width: 960px) {\n      .titles-wrapper {\n        .large-copy {\n          padding-right: 0;\n        }\n      }\n\n\t\t\t.section-cta-container {\n\t\t\t\tpadding-top: ${spacingHelper({\n    theme,\n    variant: \"xxl\"\n  })};\n\t\t\t}\n    }\n\n    @media (min-width: 1024px) {\n      .titles-wrapper {\n        padding-right: 0;\n        max-width: 93rem;\n\n        .large-copy {\n          padding-right: 0;\n        }\n      }\n    }\n\n\t\t@media (min-width: 1440px) {\n\t\t\t.section-cta-container {\n\t\t\t\t\tpadding-top: calc(${spacingHelper({\n    theme,\n    variant: \"xl\"\n  })} * 2);\n    }\n\t\t}\n  \n`} /* end theme */\n`;\n\nexport default CaseStudyPanel;","import React from \"react\";\n\nimport WhyGravitywellImg from \"src/assets/images/mvp/why-gravitywell-meeting.jpg\";\nimport styled, { css } from \"src/theme/styled\";\n\nimport { MediumColumnWidthWrapper } from \"../confines-wrappers\";\n\ninterface WhyGravitywellStartupsProps {\n  /** array-item = paragraph */\n  text?: string | string[];\n}\n\nconst WhyGravitywellStartups: React.FC<WhyGravitywellStartupsProps> = ({ text }) => {\n  return (\n    <StyledWhyGravitywellSection\n      id=\"why-gravitywell-section\"\n      className=\"why-gravitywell-section content-container\"\n    >\n      <MediumColumnWidthWrapper className=\"why-gravitywell-section-wrapper\">\n        <div className=\"copy\">\n          <h4 role=\"heading\">\n            Why Gravitywell?\n          </h4>\n\n          {text && (\n            Array.isArray(text) ? (\n              text.map((paragraph, index) => (\n                <p key={index}>\n                  {paragraph}\n                </p>\n              ))\n            ) : (\n              <p>\n                {text}\n              </p>\n            )\n          ) || (\n            <>\n              <p>\n                We're a close knit, multidisciplinary team based in the heart of Bristol, home to some of the UK's most exciting, dynamic startups.\n              </p>\n\n              <p>\n                Every piece of work we commit to is completed in-house.\n              </p>\n\n              <p>\n                We develop long-term, successful partnerships with our clients, who share our innovation-focused approach.\n              </p>\n\n              <p>\n                Collaboration is at the heart of all that we do.\n              </p>\n            </>\n          )}\n        </div>\n\n        <div className=\"image\">\n          <img\n            className=\"full\"\n            src={WhyGravitywellImg}\n            alt=\"Gravitywell having a internal meeting about an upcoming project\"\n          />\n        </div>\n      </MediumColumnWidthWrapper>\n    </StyledWhyGravitywellSection>\n  );\n};\n\nconst StyledWhyGravitywellSection = styled.div`\n  ${({ theme }) => css`\n    background: ${theme.color.altLightGrey};\n\n    .why-gravitywell-section-wrapper {\n      display: flex;\n      flex-direction: column-reverse;\n\n      @media (min-width: 768px) {\n        flex-direction: row-reverse;\n        justify-content: flex-end;\n        align-items: center;\n      }\n\n      .copy {\n        z-index: 2;\n        padding-top: 4.2rem;\n\n        @media (min-width: 768px) {\n          padding-top: 0;\n          width: 100%;\n          max-width: 45.2rem;\n        }\n\n        h2 {\n          font-size: ${theme.font.size.subhead_3};\n\n          @media (min-width: 960px) {\n            font-size: 3rem;\n          }\n        }\n\n        p {\n          font-size: ${theme.font.size.body_2};\n        }\n      }\n\n      .image {\n        max-width: 60rem;\n        transition: all 0.2s ease-in-out;\n\n        @media (min-width: 768px) {\n          margin-right: 5%;\n        }\n\n        @media (min-width: 1024px) {\n          margin-right: 6%;\n        }\n\n        @media (min-width: 1280px) {\n          margin-right: 8%;\n        }\n\n        @media (min-width: 1380px) {\n          margin-right: 10%;\n        }\n      }\n    }\n  `};\n`;\n\nexport default WhyGravitywellStartups;","import React from \"react\";\n\nimport styled, { css } from \"src/theme/styled\";\nimport {\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"src/theme/theme-helper\";\n\ninterface AuthorMugshotProps {\n  imageUrl: string;\n  name: string;\n  jobTitle: string;\n  link: string;\n  colorScheme: \"dark\" | \"light\";\n}\n\nexport const AuthorMugshot: React.FC<AuthorMugshotProps> = ({\n  name, imageUrl, jobTitle, link, colorScheme\n}) => {\n  return (\n    <AuthorMugshotContainer\n      colorScheme={colorScheme}\n      href={link}\n    >\n      <img\n        className=\"image\"\n        src={imageUrl}\n        alt={`Image ${name}, ${jobTitle}`}\n      />\n\n      <div>\n\n        <span className=\"author-job-title\">\n          {jobTitle}\n        </span>\n\n        <p className=\"author-name\">\n          {name}\n        </p>\n      </div>\n\n    </AuthorMugshotContainer>\n  );\n};\n\nconst AuthorMugshotContainer = styled.a<{colorScheme: \"dark\" | \"light\"}>`\n${({ theme, colorScheme }) => css`\n    display: flex;\n    flex-direction: row;\n    align-items: center; \n\n    .image{\n      width: 100px;\n      height: 100px;\n      margin-right: 2rem;\n    }\n    .author-job-title {\n      text-transform: uppercase;\n      color: ${colorScheme === \"light\" ? theme.color.white : theme.color.darkGrey}\n      font-size: ${theme.font.size.small_1};\n      line-height: ${theme.font.lineHeight.normalized};\n      letter-spacing: ${theme.font.spacing.medium};\n    }\n    .author-name {\n      padding-top: 0.4rem;\n      font-size: ${theme.font.size.subhead_1};\n      font-weight: ${theme.font.weight.heavy};     \n      color: ${colorScheme === \"light\" ? theme.color.white : theme.color.darkGrey}\n    }\n  `}\n`;\n","import React from \"react\";\nimport ReactPlayer from \"react-player\";\n\nimport styled, { css } from \"src/theme/styled\";\nimport { AuthorMugshot } from \"src/components/author-mugshot/AuthorMugshot\";\nimport { MediumColumnWidthWrapper } from \"src/components/confines-wrappers\";\n\nconst WhyBristolStartups: React.FC = () => {\n  return (\n    <StyledWhyBristolSection\n      id=\"why-bristol-section\"\n      className=\"why-bristol-section content-container\"\n    >\n      <MediumColumnWidthWrapper className=\"why-bristol-section-wrapper\">\n        <div className=\"video-panel\">\n          <div className=\"video\">\n            <ReactPlayer\n              config={{ youtube: { playerVars: { modestbranding: 1 } } }}\n              className=\"react-player\"\n              width=\"100%\"\n              height=\"100%\"\n              volume={1}\n              url=\"https://www.youtube.com/watch?v=9MevIstvAI0\"\n            />\n          </div>\n        </div>\n\n        <div className=\"copy\">\n          <blockquote>\n            Bristol is awash with hubs and has a fantastic collective, collaborative attitude...\n          </blockquote>\n\n          <AuthorMugshot\n            colorScheme=\"light\"\n            name=\"Hugo Walker\"\n            jobTitle=\"Marketing & Digital Content\"\n            imageUrl=\"https://www.gravitywell.co.uk/static/a411fe6d0ba9efe044b576cca0b45191/94a79/Hugo-Walker_0.png\"\n            link=\"/about-us/hugo-walker\"\n          />\n\n        </div>\n\n      </MediumColumnWidthWrapper>\n    </StyledWhyBristolSection>\n  );\n};\n\nconst StyledWhyBristolSection = styled.div`\n  ${({ theme }) => css`\n    background: ${theme.color.black};\n    \n    .why-bristol-section-wrapper {\n      display: flex;\n      flex-direction: column;\n\n      @media (min-width: 768px) {\n        flex-direction: row;\n        justify-content: space-between;\n        align-items: center;\n      }\n\n      .copy {\n        z-index: 2;\n        padding-top: 4.2rem;\n\n        @media (min-width: 768px) {\n          padding-top: 0;\n          width: 40%;\n        }\n\n        blockquote {\n          &:before {\n            content: '“';\n            position: absolute;\n            left: -10px;\n          }\n          &:after {\n            content: '”';\n            \n          }\n          \n          margin: 4rem 2rem;\n          @media (min-width: 768px) {\n            margin: 0;\n            margin-bottom: 4rem;\n            max-width: 35rem;\n          }\n          \n          position: relative;\n          color: white;\n          font-size: ${theme.font.size.subhead_1};\n          font-weight: ${theme.font.weight.heavy};\n          @media (min-width: 768px) {\n            font-size: ${theme.font.size.subhead_2};\n          }\n        }\n      }\n\n      .video-panel {\n        @media (min-width: 768px) {\n          width: 45%;\n          /* max-height: 30rem; */\n        }\n        transition: all 0.2s ease-in-out;\n  \n          @media (min-width: 768px) {\n            margin-right: 5%;\n          }\n  \n          @media (min-width: 1024px) {\n            margin-right: 6%;\n          }\n  \n          @media (min-width: 1280px) {\n            margin-right: 8%;\n          }\n  \n          @media (min-width: 1380px) {\n            margin-right: 10%;\n          }\n          .video {\n        width: auto; // Reset width\n        height: auto; // Reset height\n        padding-top: 56.25%; /* 720 / 1280 = 0.5625 */\n        position: relative;\n       \n        .react-player {\n          position: absolute;\n          top: 0;\n          left: 0;          \n        }\n      }\n      }\n      \n    }\n  `};\n`;\n\nexport default WhyBristolStartups;","import React from \"react\";\n\nimport VideoBackgroundImage from \"src/assets/images/application-development/app-video-backround-fallback.jpg\";\nimport { FullWidthColumnWrapper } 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 { CtaButton } from \"../cta\";\nimport Link from \"../link/link\";\n\nexport const PageTopStartups = (): JSX.Element => {\n  return (\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/application-development/Landing-Page-Apps_04.m3u8\"\n          fallbackImage={VideoBackgroundImage}\n        />\n\n        <FullWidthColumnWrapper className=\"top-content\">\n          <p className=\"heading\">\n            We help startups blossom and achieve their goals\n          </p>\n        </FullWidthColumnWrapper>\n\n        <div\n          className=\"section-cta-container\"\n          style={{ position: \"relative\" }}\n        >\n          <p className=\"book\">\n            <span className=\"off-screen\">\n              Click here and\n              {\" \"}\n            </span>\n\n            <CtaButton\n              type=\"primary\"\n              href=\"#get-in-touch\"\n              text=\"Work with us\"\n            />\n          </p>\n        </div>\n      </PageTop>\n    </PageTopCustom>\n  );\n};\n\nconst PageTopCustom = styled.div`\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    }\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      }\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      }\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: 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    }\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      }\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  .section-cta-container {\n    padding-top: 6.8rem;\n    width: 100%;\n\n    p {\n      padding-top: 0;\n      text-align: center;\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  @media (min-width: 480px) {\n    .section-cta-container {\n      padding-top: 8.8rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    .articles-grid-container {\n      padding-top: 8%;\n    }\n\n    .section-cta-container {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .section-cta-container {\n      padding-top: 10.2rem;\n    }\n  }\n`;\n","import * as React from \"react\";\n\nimport TestimonialCarousel from \"../testimonial-carousel\";\n\nconst testimonials = [\n  {\n    company: \"PlanetTeach\",\n    name: \"Dave Deane\",\n    role: \"Founder\",\n    testimonial:\n      \"'Gravitywell has gone above and beyond to ensure PlanetTeach has every possible chance of success. The quality of work produced by the team has been exceptional and as we now enter the market, we have every belief that children and schools will love what has been created.'\"\n  }\n  // {\n  //   company: \"Maya\",\n  //   name: \"Dan Sheppard\",\n  //   role: \"Founder\",\n  //   testimonial:\n  //     \"'Testimonial from Dan'\"\n  // },\n  // {\n  //   company: \"1275\",\n  //   name: \"Denis Houles\",\n  //   role: \"Founder\",\n  //   testimonial:\n  //     \"'Testimonial from Denis'\"\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","import React from \"react\";\n\nimport styled, { css } from \"src/theme/styled\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  spacingHelper\n} from \"src/theme/theme-helper\";\n\nimport { MediumColumnWidthWrapper } from \"../confines-wrappers\";\nimport Link from \"../link\";\nimport Panel from \"../panel-wrapper\";\n\nconst our_services = [\n  \"Conception & Ideation\",\n  \"User Testing\",\n  \"Market Research\",\n  \"Service Design\",\n  \"Investment Support\",\n  \"Technical Consultancy\",\n  \"Brand Strategy\",\n  \"Development & Software Testing\",\n  \"Prototyping\"\n];\n\ninterface WhatWeOfferProps {\n\tonCTAClick: () => void;\n}\n\nconst WhatWeOffer: React.FC<WhatWeOfferProps> = props => {\n  const { onCTAClick } = props;\n\n  return (\n    <WhatWeOfferContainer>\n      <Panel backgroundColor=\"black\">\n        <MediumColumnWidthWrapper className=\"content-container\">\n          <h4 role=\"heading\">\n            What we offer\n          </h4>\n\n          <div role=\"list\">\n            {our_services.map(str => (\n              <p\n                role=\"listitem\"\n                key={str}\n              >\n                {str}\n              </p>\n            ))}\n          </div>\n\n          <div className=\"section-cta-container\">\n            <p className=\"book\">\n              <span className=\"off-screen\">\n                Click here and\n                {\" \"}\n              </span>\n\n              <Link\n                type=\"styled\"\n                color=\"brandColor\"\n                href=\"##\"\n                onClick={onCTAClick}\n              >\n                Let's talk\n              </Link>\n            </p>\n          </div>\n        </MediumColumnWidthWrapper>\n      </Panel>\n    </WhatWeOfferContainer>\n  );\n};\n\nconst WhatWeOfferContainer = styled.div`\n${({ theme }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: \"white\"\n  })}\n\n.content-container {\n    --padding-x: ${spacingHelper({\n    theme,\n    variant: \"l\"\n  })};\n    padding-left: var(--padding-x);\n    padding-right: var(--padding-x);\n  }\n\n  [role=\"heading\"] {\n    font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_1\"\n  })};\n      font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n  text-align: center;\n  margin-bottom: ${spacingHelper({\n    theme,\n    variant: \"s\"\n  })};\n  }\n\n  [role=\"list\"] {\n    padding: ${spacingHelper({\n    theme,\n    variant: \"l\"\n  })};\n    display: flex;\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n\n  [role=\"listitem\"] {\n    flex-basis: 100%;\n    display: list-item;\n    padding: 0;\n    margin-bottom: 1em;\n    font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n  }\n\n  .section-cta-container {\n    padding-top: 0\n    width: 100%;\n\n    p {\n      padding-top: 0;\n      text-align: center;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n    \n    .book {\n      padding-top: 2.6rem;\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\n  @media (min-width: 375px) {\n    [role=\"heading\"] {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_2\"\n  })};\n    }\n  }\n  \n  @media (min-width: 480px) {\n    [role=\"heading\"] {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n    }\n\n    [role=\"list\"] {\n      padding: ${spacingHelper({\n    theme,\n    variant: \"xl\"\n  })};\n    }\n\n    .section-cta-container {\n      padding-top: ${spacingHelper({\n    theme,\n    variant: \"xl\"\n  })};\n    }\n  }\n\n  @media (min-width: 568px) {\n    [role=\"heading\"] {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n    }\n  }\n\n  @media (min-width: 600px) {\n    .content-container {\n      --padding-x: ${spacingHelper({\n    theme,\n    variant: \"xl\"\n  })};\n    }\n    \n    [role=\"heading\"] {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"display_1\"\n  })};\n    }\n\n    [role=\"list\"] {\n      padding: ${spacingHelper({\n    theme,\n    variant: \"xxl\"\n  })};\n    }\n    \n    [role=\"listitem\"] {\n      \n}\n  }\n  \n  @media (min-width: 768px) {\n    .content-container {\n      --padding-x: ${spacingHelper({\n    theme,\n    variant: \"xxl\"\n  })};\n      padding-top: var(--padding-x)\n    }\n\n    [role=\"heading\"] {\n      text-align: unset;\n      margin-bottom: unset;\n    }\n    \n    [role=\"listitem\"] {\n      flex-basis: 50%;\n      white-space: nowrap;\n    }\n\n    .book {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n    }\n  }\n\n  @media (min-width: 960px) {\n    [role=\"listitem\"] {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })\n}\n  }\n\n  @media (min-width: 1024px) {\n\n  }\n\n  @media (min-width: 1440px) {\n    .section-cta-container {\n      padding-top: calc(${spacingHelper({\n    theme,\n    variant: \"xl\"\n  })} * 2);\n    }\n  }\n  \n`} /* end theme */\n`;\n\nexport default WhatWeOffer;","import React, { useRef } from \"react\";\nimport styled from \"styled-components\";\n\nimport { CtaButton } from \"src/components/cta\";\nimport Footer from \"src/components/footer\";\nimport GetInTouch from \"src/components/get-in-touch\";\nimport Header from \"src/components/header\";\nimport HelmetWrapper from \"src/components/helmet-wrapper\";\nimport { breadCrumbSchema } from \"src/components/html-schema-snippets\";\nimport Insights from \"src/components/insights\";\nimport Layout from \"src/components/layout\";\nimport WhyBristolStartups from \"src/components/startups-landing-page/BristolStartups\";\nimport CaseStudyPanel from \"src/components/startups-landing-page/CaseStudyPanel\";\nimport { PageTopStartups } from \"src/components/startups-landing-page/PageTopStartups\";\nimport Testimonials from \"src/components/startups-landing-page/Testimonials\";\nimport WhatWeOffer from \"src/components/startups-landing-page/WhatWeOffer\";\nimport WhyGravitywellStartups from \"src/components/startups-landing-page/WhyGravitywell\";\n\nconst StartupsPage = (): JSX.Element => {\n  const contactRef = useRef<HTMLDivElement | null>(null);\n  const handleCTAClick = () => scrollSmoothly(contactRef);\n  const canonicalPath = \"/startups\";\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Startups\",\n      path: canonicalPath\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  return (\n    <Layout className=\"layout\">\n      <HelmetWrapper\n        title=\"Startups\"\n        description=\"We help startups blossom and achieve their goals\"\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\n          initialLogo\n          initialTheme=\"dark\"\n        />\n\n        <PageTopStartups />\n      </header>\n\n      <main>\n\n        <WhatWeOffer onCTAClick={handleCTAClick} />\n\n        <CaseStudyPanel\n          label=\"PlanetTeach\"\n          heading=\"Pioneering intuitive learning within the world of EdTech\"\n          linkCta=\"View Project\"\n          linkUrl=\"/projects/planetteach\"\n          backgroundImage=\"https://www.gravitywell.co.uk/static/be89e42e749cf8b82e1888790a4508e7/b2dea/School_children_with_iPads_01.jpg\"\n          desktopLayout=\"left\"\n          keyPoints={[\n            \"Started off as a hackathon\",\n            \"Designed, developed and launched within weeks\",\n            \"Excellent user feedback\",\n            \"Platform endorsed by local eduction authority\"\n          ]}\n        />\n\n        <WhyGravitywellStartups />\n\n        <CaseStudyPanel\n          label=\"Found\"\n          heading=\"Reuniting owners with lost property using AI & Machine Learning\"\n          linkCta=\"View Project\"\n          linkUrl=\"/projects/found\"\n          backgroundImage=\"https://www.gravitywell.co.uk/static/33ed546a86b47becf7b67990a881e0e0/48b74/FoundApp_valuables_1460.jpg\"\n          desktopLayout=\"right\"\n          keyPoints={[\n            \"Close collaboration with the client throughout\",\n            \"Extensive research undertaken prior to design\",\n            \"Cutting edge look and feel & brand positioning\",\n            \"Superb user reviews\"\n          ]}\n        />\n\n        <Testimonials />\n\n        <WhyBristolStartups />\n\n        <Insights\n          title=\"Insights\"\n          gradient=\"orangePink\"\n          articles={articles}\n        />\n      </main>\n\n      <Styled.FloatingCTA>\n        <CtaButton\n          type=\"primary\"\n          href=\"#get-in-touch\"\n          text=\"Work with us\"\n          className=\"floating-cta\"\n        />\n      </Styled.FloatingCTA>\n\n      <footer\n        role=\"contentinfo\"\n        ref={contactRef}\n        style={{\n          position: \"relative\",\n          zIndex: 3\n        }}\n      >\n        <GetInTouch\n          title=\"Let's get started\"\n          slogan=\"Got a great idea?\"\n        />\n\n        <Footer />\n      </footer>\n    </Layout>\n  );\n};\n\nconst Styled = {\n  FloatingCTA: styled.div`\n    position: fixed;\n    bottom: 0;\n    right: 0;\n    z-index: 3;\n    margin: 2rem;\n  `\n};\n\nconst articles = [\n  {\n    title: \"What do investors look for in your tech startup?\",\n    path: \"/insights/what-do-investors-look-for-in-your-tech-startup/\",\n    created: \"2021-10-11T00:00:00.000Z\",\n    author: \"Hugo Walker\",\n    cover: {\n      localFile: {\n        childImageSharp: null,\n        publicURL: \"https://www.gravitywell.co.uk/static/f5d3b1a36ecca5ca4021935e5a4930b1/a793c/cover-investors.jpg\"\n      },\n      filename: \"file\"\n    }\n  },\n  {\n    title: \"Keeping app development costs down for startups\",\n    path: \"/insights/keeping-app-development-costs-down-for-startups/\",\n    created: \"2020-10-30T00:00:00.000Z\",\n    author: \"Henry Osadzinski\",\n    cover: {\n      localFile: {\n        childImageSharp: null,\n        publicURL: \"https://www.gravitywell.co.uk/static/e69b1b6818388ac7b3cd42448294e7a2/d3746/dev-costs-cover.jpg\"\n      },\n      filename: \"file\"\n    }\n  },\n  {\n    title: \"5 steps to Startup success\",\n    path: \"/insights/5-steps-to-startup-success/\",\n    created: \"2021-04-28T00:00:00.000Z\",\n    author: \"Hugo Walker\",\n    cover: {\n      localFile: {\n        childImageSharp: null,\n        publicURL: \"https://www.gravitywell.co.uk/static/3ed3bb68819e713e4fe5ccc8219e50f1/d3746/startup-sucess-cover.jpg\"\n      },\n      filename: \"file\"\n    }\n  }\n];\n\nconst scrollSmoothly = (ref: React.MutableRefObject<HTMLDivElement|null>) => {\n  const y_coord = ref?.current?.offsetTop ?? window.innerHeight;\n  const padding = document.documentElement.querySelector(\"[class*='navigation-']\")?.clientHeight ?? window.innerHeight / 6;\n\n  window.scrollTo({\n    top: y_coord - padding,\n    behavior: \"smooth\"\n  });\n};\n\nexport default StartupsPage;","export default __webpack_public_path__ + \"static/app-video-backround-fallback-7bf63d56d9ad063537498733ee651abb.jpg\";"],"names":["CaseStudyPanelContainer","styled","theme","css","colourHelper","variant","desktopLayout","fontWeightHelper","fontSizeHelper","spacingHelper","props","label","heading","keyPoints","backgroundImage","linkUrl","linkCta","style","backgroundSize","backgroundPosition","position","className","as","color","length","map","str","key","paddingInline","listStyle","lineHeight","type","href","StyledWhyGravitywellSection","altLightGrey","font","size","subhead_3","body_2","text","id","role","Array","isArray","paragraph","index","src","WhyGravitywellImg","alt","AuthorMugshot","name","imageUrl","jobTitle","link","colorScheme","AuthorMugshotContainer","white","darkGrey","small_1","normalized","spacing","medium","subhead_1","weight","heavy","StyledWhyBristolSection","black","subhead_2","config","youtube","playerVars","modestbranding","width","height","volume","url","PageTopStartups","PageTopCustom","paddingTop","paddingBottom","fallbackImage","VideoBackgroundImage","fontLineHeightHelper","testimonials","company","testimonial","content","backgroundColor","our_services","WhatWeOfferContainer","onCTAClick","onClick","Styled","FloatingCTA","articles","title","path","created","author","cover","localFile","childImageSharp","publicURL","filename","scrollSmoothly","ref","y_coord","current","offsetTop","window","innerHeight","padding","document","documentElement","querySelector","clientHeight","scrollTo","top","behavior","contactRef","useRef","canonicalPath","schemaJson","breadCrumbSchema","description","JSON","stringify","initialLogo","initialTheme","CaseStudyPanel","WhyGravitywell","gradient","zIndex","slogan"],"sourceRoot":""}