{"version":3,"file":"e433f2234ee198d1b5b10387b6fb79138a152f7f-9233fb207ddded57e2fd.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/cta/cta-button.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/get-in-touch.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/index.tsx","webpack://gravitywell-website-2019/./src/components/testimonial-carousel/testimonial.tsx","webpack://gravitywell-website-2019/./src/components/testimonial-carousel/testimonial-carousel.tsx","webpack://gravitywell-website-2019/./src/assets/images/mvp/why-gravitywell-meeting.jpg"],"sourcesContent":["import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport generator from \"../gradients/generator\";\nimport Link from \"../link\";\nimport { linkCSS } from \"../link/link\";\n\ntype CtaTypes = \"primary\";\n\ninterface IProps {\n  className?: string;\n  type: CtaTypes;\n  href?: string;\n  text?: string;\n  target?: string;\n  onClick?: () => void;\n}\n\ninterface ICtaButton {\n  type: CtaTypes;\n}\n\n/**\n * Returns a cta button\n */\nexport const CtaButton: React.FC<IProps> = ({\n  className,\n  type,\n  href,\n  text,\n  target,\n  onClick,\n  children\n}) => {\n  target = target || \"_self\";\n\n  return (\n    <CtaButtonContainer\n      className={[ `cta-button cta-button-${type}`, className ].join(\" \")}\n      type={type}\n      onClick={onClick}\n    >\n      {href ? (\n        <Link\n          type=\"none\"\n          href={href}\n          target={target}\n        >\n          {text ? (\n            <span>\n              {text}\n            </span>\n          ) : (\n            children\n          )}\n        </Link>\n      ) : (\n        <LinkContent>\n          {text ? (\n            <span>\n              {text}\n            </span>\n          ) : (\n            children\n          )}\n        </LinkContent>\n      )}\n    </CtaButtonContainer>\n  );\n};\n\nconst LinkContent = styled.div`\n  ${linkCSS}\n  border-bottom: none;\n  &:hover {\n    cursor: pointer;\n  }\n`;\n\nconst CtaButtonContainer = styled<ICtaButton, \"p\">(\"p\")`\n  display: inline-block;\n  padding: 0;\n\n  & > * {\n    display: block;\n    min-width: 100%;\n    min-height: 100%;\n    padding: 0.8rem 1.4rem;\n    color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"small_2\"\n  })};\n    font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n    line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n    letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n    text-transform: uppercase;\n    ${props =>\n    props.type === \"primary\" &&\n      generator({\n        gradient: \"orangePink\",\n        angle: -38\n      })};\n    background-size: 150% 150%;\n    background-position: 100% 0;\n\n    &:hover {\n      background-position: 0% 100%;\n    }\n  }\n\n  @media (min-width: 600px) {\n    & > * {\n      padding: 1rem 1.8rem;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  }\n`;\n\nexport default CtaButton;\n","import * as React from \"react\";\nimport { useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\n\nimport styled from \"../../theme/styled\";\nimport { HeadingUnderlined } from \"../heading\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport {\n  FullWidthWrapper,\n  MediumColumnWidthWrapper\n} from \"../confines-wrappers\";\n\ninterface IProps {\n  title: string;\n  slogan: string;\n  links: React.ReactNode[];\n}\n\ndeclare global {\n  // allow Tally to be used in window\n  interface Window { Tally: any; }\n}\n\nconst GetInTouch: React.FC<IProps> = ({\n  title, slogan, links\n}) => {\n  // Load Tally embeds\n  useEffect(() => {\n    if (window.Tally) {\n      window.Tally.loadEmbeds();\n    }\n  }, []);\n\n  return (\n    <GetInTouchContainer\n      className=\"content-container\"\n      id=\"get-in-touch\"\n    >\n      <MediumColumnWidthWrapper>\n        <HeadingUnderlined\n          headingTag=\"h2\"\n          title={title}\n        />\n\n        <div className=\"column-container\">\n          <div className=\"column\">\n            <p className=\"got-an-idea\">\n              {slogan}\n\n              <br />\n              Let’s talk!\n\n              <br />\n\n              <span className=\"contact-details\">\n                <span className=\"off-screen\">\n                  Call us on:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"telephone\"\n                  href=\"tel:+441173790309\"\n                  type=\"inline\"\n                >\n                  +44 (0)117 379 0309\n                </Link>\n\n                <br />\n\n                <span className=\"off-screen\">\n                  Or email us:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"email\"\n                  href=\"mailto:hello@gravitywell.co.uk\"\n                  type=\"inline\"\n                >\n                  hello@gravitywell.co.uk\n                </Link>\n              </span>\n\n              <br />\n\n              <span className=\"off-screen\">\n                Want to\n                {\" \"}\n              </span>\n\n              <span className=\"learn-more\">\n                Learn more?\n              </span>\n            </p>\n\n            <ul className=\"learn-more-links\">\n              {links.map((link, i) => (\n                <li key={i}>\n                  {link}\n                </li>\n              ))}\n            </ul>\n\n            <span className=\"icon\">\n              <Icon\n                icon=\"lightbulb\"\n                size={4.2}\n              />\n            </span>\n          </div>\n\n          <div className=\"column\">\n            <div className=\"form-container\">\n              <Helmet>\n                <script src=\"https://tally.so/widgets/embed.js\" />\n              </Helmet>\n\n              <iframe\n                data-tally-src=\"https://tally.so/embed/nWrPga?hideTitle=1&transparentBackground=1&dynamicHeight=1\"\n                loading=\"lazy\"\n                width=\"100%\"\n                height=\"762\"\n                frameBorder=\"0\"\n                title=\"Gravitywell Website Contact Form\"\n              />\n            </div>\n          </div>\n        </div>\n      </MediumColumnWidthWrapper>\n    </GetInTouchContainer>\n  );\n};\n\nexport default GetInTouch;\n\nconst GetInTouchContainer = styled(FullWidthWrapper)`\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })};\n\n  .column-container {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 10%;\n\n    .form-container {\n      display: flex;\n      width: 100%;\n    }\n\n    .column {\n      transition: 0.2s ease-in-out;\n      padding-top: 7.2rem;\n      width: 100%;\n      max-width: 42rem;\n\n      &:first-child {\n        position: relative;\n        padding-top: 0;\n      }\n      \n\n      .got-an-idea {\n        margin-bottom: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        .contact-details {\n          display: block;\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .telephone,\n          .email {\n            display: inline-block;\n          }\n\n          .telephone {\n            padding-top: 1.2em;\n          }\n\n          .email {\n            padding-top: 0.4rem;\n          }\n        }\n\n        .learn-more {\n          display: block;\n          padding-top: 2.2rem;\n        }\n      }\n\n      .learn-more-links {\n        padding-top: 2.2rem;\n        padding-left: 0;\n        padding-bottom: 0;\n        list-style: none;\n        color: ${({ theme }) => 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: \"light\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        li {\n          padding-top: 1.2rem;\n          margin-bottom: 0;\n\n          a {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      .icon {\n        display: none;\n        position: absolute;\n        top: -1.2rem;\n        left: 0;\n      }\n\n      iframe {\n        width: 100% !important;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .column-container {\n      padding-top: 5.2rem;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .column-container {\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: normal;\n      padding-top: 7.2rem;\n\n      .column {\n        padding-top: 0;\n        width: 50%;\n        max-width: none;\n\n        &:first-child {\n          padding-left: 5.6rem;\n          padding-right: 2%;\n        }\n\n        &:last-child {\n          padding-left: 2%;\n          max-width: 50rem;\n        }\n\n        .icon {\n          display: block;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .column-container {\n      padding-top: 9.8rem;\n\n      .column {\n        &:first-child {\n          padding-left: 7.2rem;\n        }\n\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .column-container {\n      .column {\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        }\n      }\n    }\n  }\n`;\n","import * as React from \"react\";\n\nimport Link from \"../link\";\nimport { default as GetInTouch } from \"./get-in-touch\";\n\ninterface IGetInTouchProps {\n  title?: string;\n  slogan?: string;\n  links?: IGetInTouchLinkProps[];\n}\n\nexport interface IGetInTouchLinkProps {\n  href: string;\n  text: string;\n}\n\n/**\n * Get in touch wrapper\n */\nconst GetInTouchWrapper: React.FC<IGetInTouchProps> = ({\n  title,\n  slogan,\n  links\n}) => {\n  const parsedLinks: IGetInTouchLinkProps[] = React.useMemo(() => {\n    const defaultLinks = [\n      {\n        href: \"/insights\",\n        text: \"Insights\"\n      },\n      {\n        href: \"/about-us\",\n        text: \"Meet the team\"\n      }\n    ];\n\n    return links || defaultLinks;\n  }, [ links ]);\n\n  return (\n    <GetInTouch\n      title={title || \"Get in Touch\"}\n      slogan={slogan || \"Got a great idea for a project?\"}\n      links={parsedLinks.map((link, i) => (\n        <Link\n          key={i}\n          href={link.href}\n        >\n          {link.text}\n        </Link>\n      ))}\n    />\n  );\n};\n\nexport default GetInTouchWrapper;\n","import React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { SmallColumnWidthWrapper } from \"../confines-wrappers\";\nimport Icon from \"../icon\";\n\ninterface IProps {\n  content: ITestimonial;\n}\n\nexport interface ITestimonial {\n  testimonial: string;\n  name: string;\n  role: string;\n  company: string;\n  company_logo?: string;\n}\n\nconst TestimonialWrapper = styled(SmallColumnWidthWrapper)`\n  transition: 0.2s ease-in-out;\n  position: relative;\n  padding-top: 5.8rem;\n\n  .icon {\n    position: absolute;\n    top: 0;\n    left: 50%;\n    transform: translateX(-50%);\n    fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n  }\n\n  .logo-wrapper {\n    transition: 0.2s ease-in-out;\n    padding-bottom: 3.8rem;\n\n    .logo {\n      margin: 0 auto;\n      width: 18rem;\n    }\n  }\n\n  .testimonial-text {\n    text-align: center;\n\n    span {\n      display: block;\n    }\n\n    .testimonial {\n      transition: 0.2s ease-in-out;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_2\"\n  })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n      font-style: italic;\n    }\n\n    .testimonial-by,\n    .testimonial-role-company {\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"lightGrey\"\n  })};\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n      letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n      text-transform: uppercase;\n    }\n\n    .testimonial-by {\n      transition: 0.2s ease-in-out;\n      padding-top: 3.2rem;\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n\n      cite {\n        font-style: normal;\n      }\n    }\n\n    .testimonial-role-company {\n      transition: 0.2s ease-in-out;\n      padding-top: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n      .separator {\n        display: none;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    padding-top: 8.4rem;\n\n    .logo-wrapper {\n      padding-bottom: 5.2rem;\n    }\n\n    .testimonial-text {\n      .testimonial {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n      }\n\n      .testimonial-by {\n        padding-top: 4.6rem;\n      }\n\n      .testimonial-role-company {\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n\n        .role,\n        .separator,\n        .company {\n          display: inline;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .testimonial-text {\n      .testimonial {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n      }\n\n      .testimonial-by,\n      .testimonial-role-company {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    padding-top: 12.8rem;\n\n    .logo-wrapper {\n      padding-bottom: 5.8rem;\n    }\n\n    .testimonial-text {\n      .testimonial {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n      }\n\n      .testimonial-by {\n        padding-top: 5.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    padding-top: 14.8rem;\n\n    .logo-wrapper {\n      padding-bottom: 6.2rem;\n    }\n\n    .testimonial-text {\n      .testimonial-by {\n        padding-top: 6.2rem;\n      }\n    }\n  }\n`;\n\nconst Testimonial = ({ content }: IProps) => {\n  return (\n    <TestimonialWrapper\n      tagName=\"blockquote\"\n      className=\"testimonial-wrapper\"\n    >\n      <Icon\n        className=\"icon\"\n        icon=\"speechMarks\"\n        size={1.6}\n      />\n\n      {content.company_logo && (\n        <div className=\"logo-wrapper\">\n          <img\n            className=\"logo\"\n            src={content.company_logo}\n            alt={content.company}\n          />\n        </div>\n      )}\n\n      <p className=\"testimonial-text\">\n        <span className=\"testimonial\">\n          {content.testimonial}\n        </span>\n\n        <span className=\"off-screen\">\n          {\" Written by \"}\n        </span>\n\n        <span className=\"testimonial-by\">\n          <cite>\n            {content.name}\n          </cite>\n        </span>\n\n        <span className=\"off-screen\">\n          {\" \"}\n          (\n        </span>\n\n        <span className=\"testimonial-role-company\">\n          <span className=\"role\">\n            {content.role}\n          </span>\n\n          <span className=\"separator\">\n            {\" // \"}\n          </span>\n\n          <span className=\"company\">\n            {content.company}\n          </span>\n        </span>\n\n        <span className=\"off-screen\">\n          )\n        </span>\n      </p>\n    </TestimonialWrapper>\n  );\n};\n\nexport default Testimonial;\n","import React from \"react\";\nimport SlickCarousel from \"react-slick\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  themeColors\n} from \"../../theme/theme-helper\";\nimport Icon from \"../icon\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport Testimonial, { ITestimonial } from \"./testimonial\";\n\ninterface IProps {\n  className?: string;\n  // eslint-disable-next-line @typescript-eslint/ban-types\n  backgroundColor?: typeof themeColors[number] | (string & {});\n  content: ITestimonial[];\n}\n\ninterface ITestimonialCarouselStyled {\n  backgroundColor?: IProps[\"backgroundColor\"];\n}\n\nconst TestimonialCarouselWrapper = styled<ITestimonialCarouselStyled, \"div\">(\n  \"div\"\n)`\n  @import \"https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.6.0/slick.min.css\";\n\n  .content-container {\n    margin: 0;\n    list-style: none;\n    background-color: ${({ theme, backgroundColor }) =>\n    colourHelper({\n      theme,\n      variant: backgroundColor as any || \"lightestGrey\"\n    })};\n\n    .slick-multi-items {\n      padding-top: 0 !important;\n\n      button {\n        display: block;\n        text-indent: -99999rem;\n        border: 0;\n        outline: 0;\n      }\n\n      .slick-arrow {\n        transition: 0.2s ease-in-out;\n        display: none !important;\n        position: absolute;\n        z-index: 2;\n        top: 50%;\n        transform: translateY(-50%);\n        padding: 1rem;\n        cursor: pointer;\n\n        &.slick-prev {\n          left: 1%;\n        }\n\n        &.slick-next {\n          right: 1%;\n        }\n\n        .icon {\n          fill: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n        }\n\n        &.slick-disabled {\n          cursor: default;\n          opacity: 0.1;\n\n          .icon {\n            fill: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n          }\n        }\n      }\n\n      .slick-dots {\n        display: flex !important;\n        flex-direction: row;\n        justify-content: center;\n        align-items: center;\n        position: absolute;\n        bottom: 0;\n        left: 0;\n        width: 100%;\n        padding: 0;\n        list-style: none;\n        cursor: pointer;\n\n        li {\n          display: block;\n          margin: 0;\n          padding: 0 0.3rem;\n\n          button {\n            opacity: 0.2;\n            width: 0.9rem;\n            height: 0.9rem;\n            background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"black\"\n    })};\n            border-radius: 100%;\n          }\n\n          &.slick-active {\n            button {\n              opacity: 0.6;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          display: block !important;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1148px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 3%;\n          }\n\n          &.slick-next {\n            right: 3%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 6%;\n          }\n\n          &.slick-next {\n            right: 6%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1680px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 10%;\n          }\n\n          &.slick-next {\n            right: 10%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 16%;\n          }\n\n          &.slick-next {\n            right: 16%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 2164px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 20%;\n          }\n\n          &.slick-next {\n            right: 20%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 2520px) {\n    .content-container {\n      .slick-multi-items {\n        .slick-arrow {\n          &.slick-prev {\n            left: 24%;\n          }\n\n          &.slick-next {\n            right: 24%;\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst TestimonialCarousel = ({\n  className,\n  backgroundColor,\n  content\n}: IProps) => {\n  return (\n    <TestimonialCarouselWrapper\n      className={`testimonial-carousel-container ${\n        className ? ` ${className}` : \"\"\n      }`}\n      backgroundColor={backgroundColor}\n    >\n      <div\n        className=\"content-container\"\n        style={backgroundColor ?\n          themeColors?.includes(backgroundColor as any) ?\n            {} :\n            { backgroundColor } :\n          {}}\n      >\n        <SlickCarousel\n          className={content.length > 1 ? \"content-container slick-multi-items\" : \"\"}\n          arrows\n          prevArrow={(\n            <span>\n              <Icon\n                className=\"icon\"\n                icon=\"arrowLeft\"\n                size={2}\n              />\n            </span>\n          )}\n          nextArrow={(\n            <span>\n              <Icon\n                className=\"icon\"\n                icon=\"arrowRight\"\n                size={2}\n              />\n            </span>\n          )}\n          dots\n          infinite={false}\n          speed={400}\n          slidesToShow={1}\n          slidesToScroll={1}\n        >\n          {content.map((testimonial, i) => {\n            return (\n              <Testimonial\n                key={i}\n                content={testimonial}\n              />\n            );\n          })}\n        </SlickCarousel>\n      </div>\n    </TestimonialCarouselWrapper>\n  );\n};\n\nexport default TestimonialCarousel;\n","export default __webpack_public_path__ + \"static/why-gravitywell-meeting-7f23de204486ae9315096f3c00d23c20.jpg\";"],"names":["CtaButton","className","type","href","text","target","onClick","children","CtaButtonContainer","join","LinkContent","styled","linkCSS","theme","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","fontSpaceHelper","props","generator","gradient","angle","title","slogan","links","useEffect","window","Tally","loadEmbeds","GetInTouchContainer","id","headingTag","map","link","i","key","icon","size","Helmet","src","loading","width","height","frameBorder","FullWidthWrapper","parsedLinks","React","TestimonialWrapper","SmallColumnWidthWrapper","content","tagName","company_logo","alt","company","testimonial","name","role","TestimonialCarouselWrapper","backgroundColor","style","themeColors","length","arrows","prevArrow","nextArrow","dots","infinite","speed","slidesToShow","slidesToScroll"],"sourceRoot":""}