{"version":3,"file":"component---src-pages-content-creators-tsx-0081e1fbea3ddf462bdc.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/dynamic-html-tag/dynamic-html-tag.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-uppercase.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-underlined.tsx","webpack://gravitywell-website-2019/./src/components/hero-video/hero-video.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/breadcrumb-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/postal-address-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/organization-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/contact-point-schema.ts","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/article-schema.tsx","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/local-business-schema.tsx","webpack://gravitywell-website-2019/./src/assets/images/g-schema/gravitywell-cover.jpg","webpack://gravitywell-website-2019/./src/components/html-schema-snippets/website-schema.tsx","webpack://gravitywell-website-2019/./src/components/page-top/page-top.tsx","webpack://gravitywell-website-2019/./src/components/panel-wrapper/panel-wrapper.tsx","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/content-creators-landing-page/PageTopContentCreators.tsx","webpack://gravitywell-website-2019/./src/assets/images/content-creators/pexels-blue-bird-7243156.jpg","webpack://gravitywell-website-2019/./src/assets/images/content-creators/pexels-kampus-production-7964648.jpg","webpack://gravitywell-website-2019/./src/components/content-creators-landing-page/Testimonials.tsx","webpack://gravitywell-website-2019/./src/assets/images/content-creators/dubbii_meta_image.jpg","webpack://gravitywell-website-2019/./src/components/content-creators-landing-page/dubbii-case-study.tsx","webpack://gravitywell-website-2019/./src/pages/content-creators.tsx","webpack://gravitywell-website-2019/./src/assets/images/application-development/app-video-backround-fallback.jpg","webpack://gravitywell-website-2019/./src/assets/images/video-grid-overlay.png"],"sourcesContent":["import * as React from \"react\";\n\ninterface IProps {\n  className?: string;\n  htmlTag: string;\n  children: React.ReactChild;\n}\n\nconst DynamicHtmlTag = ({\n  htmlTag, children, className\n}: IProps) =>\n  React.createElement(`${htmlTag}`, { className }, children);\n\nexport default DynamicHtmlTag;\n","import * as React from \"react\";\n\nimport styled, { css } from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  fontLineHeightHelper,\n  fontSpaceHelper\n} from \"../../theme/theme-helper\";\n\ninterface IProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    React.HTMLAttributes<HTMLParagraphElement> {\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n  color?: keyof IThemeColour;\n}\n\ninterface IHeadingStyled {\n  color?: IProps[\"color\"];\n}\n\n/**\n * How you benefit\n */\nconst HeadingUppercase: React.FC<IProps> = ({\n  as, children, ...rest\n}) => {\n  switch (as) {\n    case \"h1\":\n      return (\n        <H1Styled {...rest}>\n          {children}\n        </H1Styled>\n      );\n\n    case \"h2\":\n      return (\n        <H2Styled {...rest}>\n          {children}\n        </H2Styled>\n      );\n\n    case \"h3\":\n      return (\n        <H3Styled {...rest}>\n          {children}\n        </H3Styled>\n      );\n\n    case \"h4\":\n      return (\n        <H4Styled {...rest}>\n          {children}\n        </H4Styled>\n      );\n\n    case \"h5\":\n      return (\n        <H5Styled {...rest}>\n          {children}\n        </H5Styled>\n      );\n\n    case \"h6\":\n      return (\n        <H6Styled {...rest}>\n          {children}\n        </H6Styled>\n      );\n\n    case \"p\":\n      return (\n        <PStyled {...rest}>\n          {children}\n        </PStyled>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst headingStyling = css<IHeadingStyled>`\n  ${({ theme, color }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: color || \"black\"\n  })}\n    font-size: ${fontSizeHelper({\n    theme,\n    variant: \"small_3\"\n  })};\n    font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"regular\"\n  })};\n    line-height: ${fontLineHeightHelper({\n    theme,\n    variant: \"default\"\n  })};\n    letter-spacing: ${fontSpaceHelper({\n    theme,\n    variant: \"medium\"\n  })};\n    text-transform: uppercase;\n\n    @media (min-width: 768px) {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  `}\n`;\n\nconst H1Styled = styled.h1<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H2Styled = styled.h2`\n  ${headingStyling}\n`;\n\nconst H3Styled = styled.h3<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H4Styled = styled.h4<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H5Styled = styled.h5<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H6Styled = styled.h6<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst PStyled = styled.p<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nexport default HeadingUppercase;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\n\nexport type HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ninterface IProps {\n  className?: string;\n  headingTag: HeadingTag;\n  title: string;\n  textColor?: keyof IThemeColour;\n  hrColor?: keyof IThemeColour;\n}\n\ninterface IHeadingWrapper {\n  textColor: keyof IThemeColour;\n  hrColor: keyof IThemeColour;\n}\n\nconst HeadingWrapper = styled<IHeadingWrapper, any>(DynamicHtmlTag)`\n  transition: 0.2s ease-in-out;\n  margin: 0;\n  color: ${({ theme, textColor }) =>\n    colourHelper({\n      theme,\n      variant: textColor\n    })};\n  font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n  font-weight: ${({ theme }) => fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n  line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n  text-align: center;\n\n  .text {\n    display: block;\n  }\n\n  .underline {\n    display: block;\n    margin: 2.2rem auto 0;\n    width: 5rem;\n    height: 0.5rem;\n    background-color: ${({ theme, hrColor }) =>\n    colourHelper({\n      theme,\n      variant: hrColor\n    })};\n  }\n\n  @media (min-width: 600px) {\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n  }\n\n  @media (min-width: 960px) {\n    font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n  }\n`;\n\nconst HeadingUnderlined = (props: IProps) => (\n  <HeadingWrapper\n    className={props.className}\n    htmlTag={props.headingTag}\n    textColor={props.textColor || \"black\"}\n    hrColor={props.hrColor || \"brandColor\"}\n  >\n    <>\n      <span className=\"text\">\n        {props.title}\n      </span>\n\n      <span className=\"underline\" />\n    </>\n  </HeadingWrapper>\n);\n\nexport default HeadingUnderlined;\n","import React from \"react\";\nimport ReactPlayer, { ReactPlayerProps } from \"react-player\";\n\nimport checkeredOverlayImg from \"../../assets/images/video-grid-overlay.png\";\nimport styled from \"../../theme/styled\";\n\ninterface IHeroVideoWrapper {\n  className: string;\n  fallbackImage: string;\n}\n\ninterface HeroVideoProps {\n  /** Fallback image url */\n  fallbackImage: string;\n  /** A 16:9 aspect ratio video */\n  src: string | ReactPlayerProps[\"url\"];\n  /** Whether to increase the contrast over the video */\n  contrastGradient?: boolean;\n  /** ReactPlayer props (overwrites our defaults set inside this file) */\n  playerProps?: ReactPlayerProps;\n  className?: string;\n}\n\nexport const HeroVideo: React.FC<HeroVideoProps> = props => {\n  const {\n    src, fallbackImage, contrastGradient, playerProps = {}, className\n  } = props;\n\n  // Determine if the video is the space video which we want to align to the bottom right, the rest need to be centered\n  const isSpecialVideo = src === \"https://cdn.gravitywell.co.uk/videos/home-v2/braided_space.m3u8\";\n\n  return (\n    <HeroVideoWrapper\n      className={`hero-video-container ${className} ${isSpecialVideo ? \"special-video\" : \"\"}`}\n      fallbackImage={fallbackImage}\n    >\n      <div className=\"overlay-img\" />\n\n      {contrastGradient && <div className=\"contrast-overlay\" />}\n\n      <ReactPlayer\n        id=\"hero-video-player\"\n        pip={false}\n        playing\n        className=\"hero-video-player\"\n        width=\"100%\"\n        height=\"100%\"\n        loop\n        url={src}\n        controls={false}\n        playsinline\n        muted\n        volume={0}\n        {...playerProps}\n      />\n    </HeroVideoWrapper>\n  );\n};\n\nexport default HeroVideo;\n\nconst HeroVideoWrapper = styled<IHeroVideoWrapper, \"div\">(\"div\")`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url(${props => props.fallbackImage});\n  background-size: cover;\n  background-position: center;\n  overflow: hidden;\n\n  &.homepage {\n    background-position: 100% 100%;\n  }\n  \n  &.homepage video {\n    object-fit: cover;\n    object-position: center;\n    filter: brightness(0.8);\n  }\n\n  &.hero-video-container.special-video video {\n    object-position: 100% 100%;\n  }\n\n  .overlay-img {\n    position: absolute;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url(${checkeredOverlayImg});\n    background-repeat: repeat;\n    opacity: 0.1;\n    pointer-events: none;\n  }\n\n  .contrast-overlay {\n    transition: 0.2s ease-in-out;\n    display: none;\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n      to right,\n      rgba(0, 0, 0, 1) 0%,\n      rgba(0, 0, 0, 0) 50%\n    );\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .hero-video-player {\n    overflow: hidden;\n    pointer-events: none;\n    \n    /* For 16:9 aspect ratios, this simulates \"background cover and center\" for the video */\n    video {\n      height: 100%;\n      width: 177.77777778vh !important; /* 100 * 16 / 9 */\n      min-width: 100%;\n      min-height: 56.25vw; /* 100 * 9 / 16 */\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%); \n    }\n  }\n\n  @media (min-width: 768px) {\n    .contrast-overlay {\n      display: block;\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .contrast-overlay {\n      background: linear-gradient(\n        to right,\n        rgba(0, 0, 0, 1) 0%,\n        rgba(0, 0, 0, 0) 75%\n      );\n    }\n  }\n`;\n","import forceTrailingSlash from \"../../templates/utils/forceTrailingSlash\";\n\nexport interface IBreadCrumb {\n  name: string;\n  path: string;\n}\n\nexport interface IBreadCrumbSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"BreadcrumbList\";\n  itemListElement: Array<{\n    \"@type\": \"ListItem\";\n    position: number;\n    name: string;\n    item: string;\n  }>;\n}\n\nconst breadCrumbSchema = (\n  breadcrumbs: IBreadCrumb[]\n): IBreadCrumbSchema => {\n  const breadCrumbObj: IBreadCrumbSchema = {\n    \"@context\": \"https://schema.org\",\n    \"@type\": \"BreadcrumbList\",\n    \"itemListElement\": []\n  };\n\n  // Set the breadcrumb item element data for each breadcrumb given\n  for (const i in breadcrumbs) {\n    if (breadcrumbs[ i ]) {\n      const breadcrumb = breadcrumbs[ i ];\n\n      breadCrumbObj.itemListElement.push({\n        \"@type\": \"ListItem\",\n        \"position\": parseInt(i, 0) + 1,\n        \"name\": breadcrumb.name,\n        \"item\": forceTrailingSlash(\n          `https://www.gravitywell.co.uk${breadcrumb.path}`\n        )\n      });\n    }\n  }\n\n  return breadCrumbObj;\n};\n\nexport default breadCrumbSchema;\n","export interface IPostalAddressSchema {\n  \"@type\": \"PostalAddress\";\n  name: \"Gravitywell\";\n  streetAddress: \"Unit 22, Impact Working, Spectrum, Bond Street\";\n  postalCode: \"BS1 3LG\";\n  addressLocality: \"Bristol\";\n  addressRegion: \"Avon\";\n  addressCountry: \"GB\";\n}\n\nconst postalAddressSchema: IPostalAddressSchema = {\n  \"@type\": \"PostalAddress\",\n  \"name\": \"Gravitywell\",\n  \"streetAddress\": \"Unit 22, Impact Working, Spectrum, Bond Street\",\n  \"postalCode\": \"BS1 3LG\",\n  \"addressLocality\": \"Bristol\",\n  \"addressRegion\": \"Avon\",\n  \"addressCountry\": \"GB\"\n};\n\nexport default postalAddressSchema;\n","import GWLogoImg from \"../../assets/images/gw-logo-512-transparent.png\";\nimport { contactPointSchema } from \"./contact-point-schema\";\nimport postalAddressSchema, { IPostalAddressSchema } from \"./postal-address-schema\";\n\nexport interface IOrganizationSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"Organization\";\n  \"@id\": \"https://www.gravitywell.co.uk/#organization\";\n  legalName: \"Hayward & Bos Ltd\";\n  name: \"Gravitywell\";\n  vatID: \"GB-194038302\";\n  email: \"hello@gravitywell.co.uk\";\n  url: string;\n  logo: {\n    \"@type\": \"ImageObject\";\n    url: string;\n    width: number;\n    height: number;\n  };\n  address: IPostalAddressSchema;\n  contactPoint: Array<typeof contactPointSchema>;\n  sameAs: string[];\n}\n\nconst organizationSchema: IOrganizationSchema = {\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"Organization\",\n  \"@id\": \"https://www.gravitywell.co.uk/#organization\",\n  \"legalName\": \"Hayward & Bos Ltd\",\n  \"name\": \"Gravitywell\",\n  \"vatID\": \"GB-194038302\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"url\": \"https://www.gravitywell.co.uk/\",\n  \"logo\": {\n    \"@type\": \"ImageObject\",\n    \"url\": `https://www.gravitywell.co.uk${GWLogoImg}`,\n    \"width\": 512,\n    \"height\": 512\n  },\n  \"address\": postalAddressSchema,\n  \"contactPoint\": [ contactPointSchema ],\n  \"sameAs\": [\n    \"https://twitter.com/gravitywelluk/\",\n    \"https://www.facebook.com/gravitywelluk/\",\n    \"https://www.instagram.com/gravitywelluk/\",\n    \"https://www.linkedin.com/company/gravitywell/\"\n  ]\n};\n\nexport default organizationSchema;\n","export const contactPointSchema = {\n  \"@type\": \"ContactPoint\",\n  \"telephone\": \"+44 117 379 0309\",\n  \"contactType\": \"customer service\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"areaServed\": \"GB\",\n  \"availableLanguage\": [ \"English\" ]\n};","import forceTrailingSlash from \"../../templates/utils/forceTrailingSlash\";\nimport organizationSchema, { IOrganizationSchema } from \"./organization-schema\";\n\ninterface IArticle {\n  type: \"Article\" | \"NewsArticle\" | \"BlogPosting\";\n  title: string;\n  description: string;\n  path: string;\n  datePublished: string;\n  dateModified: string;\n  author: string;\n  imageUrls: string[];\n}\n\nexport interface IArticleSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"Article\" | \"NewsArticle\" | \"BlogPosting\";\n  mainEntityOfPage: {\n    \"@type\": \"WebPage\";\n    \"@id\": string;\n  };\n  headline: string;\n  datePublished: string;\n  dateModified: string;\n  author: {\n    \"@type\": \"Person\";\n    name: string;\n  };\n  image: string[];\n  publisher: IOrganizationSchema;\n  description: string;\n}\n\nconst articleSchema = (articleData: IArticle): IArticleSchema => {\n  const images: string[] = articleData.imageUrls.map((imgPath: string) => {\n    return `https://www.gravitywell.co.uk${imgPath}`;\n  });\n\n  return {\n    \"@context\": \"https://schema.org\",\n    \"@type\": articleData.type,\n    \"mainEntityOfPage\": {\n      \"@type\": \"WebPage\",\n      \"@id\": forceTrailingSlash(\n        `https://www.gravitywell.co.uk${articleData.path}`\n      )\n    },\n    \"headline\": articleData.title,\n    \"description\": articleData.description,\n    \"image\": images,\n    \"datePublished\": articleData.datePublished,\n    \"dateModified\": articleData.dateModified,\n    \"author\": {\n      \"@type\": \"Person\",\n      \"name\": articleData.author\n    },\n    \"publisher\": organizationSchema\n  };\n};\n\nexport default articleSchema;\n","import GwCoverImg from \"../../assets/images/g-schema/gravitywell-cover.jpg\";\nimport postalAddressSchema, { IPostalAddressSchema } from \"./postal-address-schema\";\n\nexport interface ILocalBusinessSchema {\n  \"@context\": \"http://schema.org\";\n  \"@type\": \"LocalBusiness\";\n  \"@id\": \"https://www.gravitywell.co.uk/#localbusiness\";\n  legalName: \"Hayward & Bos Ltd\";\n  name: \"Gravitywell\";\n  vatID: \"GB-194038302\";\n  email: \"hello@gravitywell.co.uk\";\n  url: \"https://www.gravitywell.co.uk/\";\n  telephone: \"+44 117 379 0309\";\n  address: IPostalAddressSchema;\n  geo: {\n    \"@type\": \"GeoCoordinates\";\n    latitude: 51.45983;\n    longitude: -2.5861;\n  };\n  OpeningHoursSpecification: Array<{\n    dayOfWeek: string[];\n    opens: \"09:00\";\n    closes: \"17:30\";\n  }>;\n  priceRange: \"$$$\";\n  image: string[];\n}\n\nconst localBusinessSchema: ILocalBusinessSchema = {\n  \"@context\": \"http://schema.org\",\n  \"@type\": \"LocalBusiness\",\n  \"@id\": \"https://www.gravitywell.co.uk/#localbusiness\",\n  \"legalName\": \"Hayward & Bos Ltd\",\n  \"name\": \"Gravitywell\",\n  \"vatID\": \"GB-194038302\",\n  \"email\": \"hello@gravitywell.co.uk\",\n  \"url\": \"https://www.gravitywell.co.uk/\",\n  \"telephone\": \"+44 117 379 0309\",\n  \"address\": postalAddressSchema,\n  \"geo\": {\n    \"@type\": \"GeoCoordinates\",\n    \"latitude\": 51.45983,\n    \"longitude\": -2.5861\n  },\n  \"OpeningHoursSpecification\": [\n    {\n      dayOfWeek: [\n        \"Monday\",\n        \"Tuesday\",\n        \"Wednesday\",\n        \"Thursday\",\n        \"Friday\"\n      ],\n      opens: \"09:00\",\n      closes: \"17:30\"\n    }\n  ],\n  \"priceRange\": \"$$$\",\n  \"image\": [ `https://www.gravitywell.co.uk${GwCoverImg}` ]\n};\n\nexport default localBusinessSchema;\n","export default __webpack_public_path__ + \"static/gravitywell-cover-6162086609ed6202ac7f64b300a8e38b.jpg\";","export interface IWebsiteSchema {\n  \"@context\": \"https://schema.org\";\n  \"@type\": \"WebSite\";\n  url: \"https://www.gravitywell.co.uk/\";\n}\n\nconst websiteSchema: IWebsiteSchema = {\n  \"@context\": \"https://schema.org\",\n  \"@type\": \"WebSite\",\n  \"url\": \"https://www.gravitywell.co.uk/\"\n};\n\nexport default websiteSchema;\n","import React, { CSSProperties } from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { generator } from \"../gradients\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPageTop {\n  id?: string;\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  overlayColor?: string;\n  borderTop?: string;\n  backgroundColor?: string;\n  parallax?: boolean;\n  maxWidth?: number;\n  maxHeight?: number;\n  height?: \"auto\" | \"tiny\" | \"small\" | \"medium\" | \"large\";\n  minHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n  widthType?:\n    | \"FullWidthWrapper\"\n    | \"FullWidthColumnWrapper\"\n    | \"ColumnWidthWrapper\"\n    | \"HalfColumnWidthWrapper\";\n}\n\ninterface IPageTopContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: string;\n  aspectRatios: IAspectRatios;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\ninterface IAspectRatios {\n  320: string;\n  375: string;\n  480: string;\n  568: string;\n  600: string;\n  768: string;\n  960: string;\n  1024: string;\n  1280: string;\n  1440: string;\n  1920: string;\n}\n\ninterface IColorOverlay {\n  overlayColor?: string;\n}\n\nconst PageTopContainer = styled<IPageTopContainer, \"div\">(\"div\")`\n  transition: 0.2s ease-in-out;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: ${props => props.aspectRatios[ 320 ]};\n  /* padding-top: ${props => (!props.backgroundImage && \"10rem;\") || \"66%\"}; */\n  /* padding-bottom: ${props =>\n    (!props.backgroundImage && \"4.8rem;\") || \"0\"}; */\n  width: 100%;\n  border-top: ${props =>\n    props.borderTop ? `0.2rem solid ${props.borderTop}` : \"\"};\n  background-color: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background-size: ${props => props.backgroundImage && \"cover\"};\n  background-position: ${props => props.backgroundImage && \"center center\"};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n\n  .top-content-wrapper {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n    width: 100%;\n    padding-top: 6.4rem;\n  }\n\n  @media (min-width: 600px) {\n    min-height: ${props => props.aspectRatios[ 600 ]};\n  }\n\n  @media (min-width: 768px) {\n    .top-content-wrapper {\n      padding-top: 7.2rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    min-height: ${props => props.aspectRatios[ 960 ]};\n  }\n\n  @media (min-width: 1280px) {\n    min-height: auto;\n    max-height: ${props => props.maxHeight};\n    height: ${props => props.aspectRatios[ 1280 ]};\n  }\n\n  @media (min-width: 1440px) {\n    height: ${props => props.aspectRatios[ 1440 ]};\n  }\n`;\n\nconst ColorOverlayWrapper = styled<IColorOverlay, \"div\">(\"div\")`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  opacity: 0.5;\n  background: ${props => props.overlayColor};\n`;\n\nconst ColorOverlay = (props: IColorOverlay) => {\n  if (!props.overlayColor) {\n    return null;\n  }\n\n  return <ColorOverlayWrapper overlayColor={props.overlayColor} />;\n};\n\nconst PageTop = (props: IPageTop) => {\n  const { height } = props;\n\n  const aspectRatios: IAspectRatios = {\n    320: \"66.6vw\",\n    375: \"66.6vw\",\n    480: \"66.6vw\",\n    568: \"66.6vw\",\n    600: \"66.6vw\",\n    768: \"66.6vw\",\n    960: \"66.6vw\",\n    1024: \"66.6vw\",\n    1280: \"66.6vw\",\n    1440: \"66.6vw\",\n    1920: \"66.6vw\"\n  };\n\n  let maxHeight = \"58rem\";\n\n  switch (height) {\n    case \"large\":\n      maxHeight = \"88rem\";\n      aspectRatios[ 600 ] = \"72vw\";\n      aspectRatios[ 960 ] = \"61vw\";\n      aspectRatios[ 1280 ] = \"50vw\";\n      aspectRatios[ 1440 ] = \"45.8vw\";\n      aspectRatios[ 1920 ] = \"45.8vw\";\n      break;\n\n    case \"medium\":\n      maxHeight = \"70rem\";\n      aspectRatios[ 600 ] = \"64vw\";\n      aspectRatios[ 960 ] = \"54vw\";\n      aspectRatios[ 1280 ] = \"44vw\";\n      aspectRatios[ 1440 ] = \"36.4vw\";\n      aspectRatios[ 1920 ] = \"36.4vw\";\n      break;\n\n    case \"small\":\n      maxHeight = \"58rem\";\n      aspectRatios[ 600 ] = \"54vw\";\n      aspectRatios[ 960 ] = \"46vw\";\n      aspectRatios[ 1280 ] = \"38vw\";\n      aspectRatios[ 1440 ] = \"34.8vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    default:\n    case \"tiny\":\n      maxHeight = \"43.4rem\";\n      aspectRatios[ 600 ] = \"50vw\";\n      aspectRatios[ 960 ] = \"38vw\";\n      aspectRatios[ 1280 ] = \"31vw\";\n      aspectRatios[ 1440 ] = \"30.2vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    case \"auto\":\n      maxHeight = \"none\";\n      aspectRatios[ 600 ] = \"auto\";\n      aspectRatios[ 960 ] = \"auto\";\n      aspectRatios[ 1280 ] = \"auto\";\n      aspectRatios[ 1440 ] = \"auto\";\n      aspectRatios[ 1920 ] = \"auto\";\n      break;\n  }\n\n  return (\n    <PageTopContainer\n      id={props.id}\n      className=\"top-content-container\"\n      style={props.style}\n      gradient={props.gradient}\n      backgroundImage={props.backgroundImage}\n      backgroundColor={props.backgroundColor}\n      borderTop={props.borderTop}\n      maxHeight={maxHeight}\n      aspectRatios={aspectRatios}\n    >\n      <ColorOverlay overlayColor={props.overlayColor} />\n\n      <div className=\"top-content-wrapper\">\n        {props.children}\n      </div>\n    </PageTopContainer>\n  );\n};\n\nexport default PageTop;\n","import React, { CSSProperties } from \"react\";\nimport { ParallaxBanner } from \"react-scroll-parallax\";\n\nimport { generator } from \"../gradients\";\nimport styled from \"../../theme/styled\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPanel {\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  backgroundColor?: string;\n  borderTop?: string;\n  parallax?: boolean;\n  maxHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n}\n\ninterface IPanelContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: number;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\nconst PanelContainer = styled<IPanelContainer, \"div\">(\"div\")`\n  /* display: flex; */\n  position: relative;\n  /* padding: 0 100px; */\n  /* border-top: ${props =>\n    props.borderTop ? `2px solid ${props.borderTop}` : \"\"}; */\n  background: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n  /* z-index: 0; */\n  /* width: 100vw; */\n  /* height: 100vh; */\n  /* min-height: ${props => (props.maxHeight ? props.maxHeight - 200 : 600)}px;\n  max-height: ${props => (props.maxHeight ? props.maxHeight : 750)}px; */\n\n  > section {\n    /* width: 100%; */\n  }\n\n  @media (max-width: 1100px) {\n    /* padding: 40px; */\n  }\n\n  @media (max-width: 768px) {\n    /* padding: 20px;\n    height: auto;\n    min-height: none;\n    max-height: none; */\n  }\n`;\n\nconst ParallaxPanelContainer = styled(ParallaxBanner)`\n  height: auto !important;\n`;\n\nconst PanelContent = styled(\"div\")`\n  /* max-width: 1200px; */\n  /* margin: 0 auto; */\n`;\n\nconst Panel = (props: IPanel) => {\n  if (!props.parallax) {\n    return (\n      <PanelContainer\n        className={props.className}\n        style={props.style}\n        gradient={props.gradient}\n        backgroundImage={props.backgroundImage}\n        backgroundColor={props.backgroundColor}\n        borderTop={props.borderTop}\n        maxHeight={props.maxHeight}\n      >\n        <PanelContent>\n          {props.children}\n        </PanelContent>\n      </PanelContainer>\n    );\n  } else {\n    return (\n      <ParallaxPanelContainer\n        className={props.className}\n        layers={[\n          {\n            image: props.backgroundImage || \"\",\n            amount: 0.1,\n            children: null\n          }\n        ]}\n        style={{ ...props.style }}\n      >\n        <PanelContent>\n          {props.children}\n        </PanelContent>\n      </ParallaxPanelContainer>\n    );\n  }\n};\n\nexport default Panel;\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 { 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 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\nfunction selectSizeForViewport(\n  sizes: number[],\n  formatter?: (size: number) => number | string\n) {\n  const currentWidth = typeof window !== \"undefined\" ? window.innerWidth : 0;\n  const sortedAsc = sizes.sort((a, b) => a - b);\n\n  for (let i = 0; i < sortedAsc.length; i++) {\n    if (currentWidth < sortedAsc[ i ] || i === sortedAsc.length - 1) {\n      if (formatter) {\n        return formatter(sortedAsc[ i ]);\n      }\n\n      return sortedAsc[ i ];\n    }\n  }\n\n  return sortedAsc[ 0 ];\n}\n\nexport const PageTopContentCreators = (): JSX.Element => {\n  const size = selectSizeForViewport([\n    1920,\n    1280,\n    854\n  ]);\n\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={[\n            {\n              src: `https://d1wkpjzk1rzx04.cloudfront.net/content-creators-hero/hero-${size}.webm`,\n              type: \"video/webm\"\n            },\n            {\n              src: `https://d1wkpjzk1rzx04.cloudfront.net/content-creators-hero/hero-${size}.mp4`,\n              type: \"video/mp4\"\n            },\n            {\n              src: `https://d1wkpjzk1rzx04.cloudfront.net/content-creators-hero/hero-${854}.webm`,\n              type: \"video/webm\"\n            },\n            {\n              src: `https://d1wkpjzk1rzx04.cloudfront.net/content-creators-hero/hero-${854}.mp4`,\n              type: \"video/mp4\"\n            }\n          ]}\n          fallbackImage={VideoBackgroundImage}\n          className=\"darken\"\n        />\n\n        <FullWidthColumnWrapper className=\"top-content\">\n          <p\n            className=\"heading\"\n            style={{ textWrap: \"balance\" } as React.CSSProperties}\n          >\n            We build the app to monetise your audience\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  .darken {\n    background: #222;\n\n    #hero-video-player {\n      opacity: 0.5;\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    }\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","export default __webpack_public_path__ + \"static/pexels-blue-bird-7243156-f4676a84001341be6c2a31c320720b3f.jpg\";","export default __webpack_public_path__ + \"static/pexels-kampus-production-7964648-2ff821481050e50b2f737e365e167423.jpg\";","import * as React from \"react\";\n\nimport TestimonialCarousel from \"../testimonial-carousel\";\n\nconst testimonials = [\n  {\n    company: \"dubbii & ADHD Love\",\n    name: \"Rich & Rox\",\n    role: \"Founders\",\n    testimonial:\n      \"Since our first meeting with Gravitywell, it was clear they were an exceptional and highly creative team! They became massive advocates for the ADHD brain during the app development process and we couldn't have hoped for a better partner to build dubbii with, going above and beyond every single time.\"\n  }\n];\n\nconst Testimonial: React.FC<Pick<Parameters<typeof TestimonialCarousel>[0], \"backgroundColor\" | \"className\">> = ({ backgroundColor, className }) => (\n  <>\n    <h2 className=\"off-screen\">\n      Testimonials\n    </h2>\n\n    <TestimonialCarousel\n      content={testimonials}\n      backgroundColor={backgroundColor}\n      className={className}\n    />\n  </>\n);\n\nexport default Testimonial;\n","export default __webpack_public_path__ + \"static/dubbii_meta_image-9b1877c0e9971faf6484e32e26b9aa4b.jpg\";","import React from \"react\";\nimport { Parallax } from \"react-scroll-parallax\";\n\nimport BgDubbiApp from \"src/assets/images/content-creators/dubbii_meta_image.jpg\";\n\nimport DubbiiScreen1 from \"../../assets/images/application-development/dubbii-screen-1.png\";\nimport DubbiiScreen2 from \"../../assets/images/application-development/dubbii-screen-2.png\";\nimport DubbiiScreen3 from \"../../assets/images/application-development/dubbii-screen-3.png\";\nimport DubbiiScreenShadow from \"../../assets/images/application-development/dubbii-screen-shadow.png\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport Link from \"../link\";\nimport Panel from \"../panel-wrapper\";\n\nconst CaseStudyContainer = styled.div`\n  overflow: hidden;\n\n  .case-study-wrapper {\n    padding: 0 0 14% 0;\n    \n    .case-study-content {\n      transition: 0.2s ease-in-out;\n      position: relative;\n      padding-top: 96%;\n\n      .case-study-copy-wrapper {\n        position: relative;\n        z-index: 2;\n\n        h2,\n        p {\n          text-align: center;\n        }\n\n        h2 {\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\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: \"default\"\n    })};\n          letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n          text-transform: uppercase;\n        }\n\n        .copy {\n          padding-top: 2.2rem;\n          color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\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          &.small {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n    \n        }\n\n        .link {\n          padding-top: 3.6rem;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"regular\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n      }\n\n      .case-study-parallax-container {\n        position: absolute;\n        z-index: 1;\n        top: 0;\n        left: 0;\n        padding-top: 96%;\n        width: 100%;\n\n        .case-study-parallax-wrapper {\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          width: 86%;\n\n          .parallax-outer {\n            &:nth-child(1) {\n              z-index: 4;\n            }\n\n            &:nth-child(2) {\n              z-index: 3;\n            }\n\n            &:nth-child(3) {\n              z-index: 2;\n            }\n\n            &:nth-child(4) {\n              z-index: 2;\n            }\n          }\n\n          .case-study-parallax,\n          .case-study-static-parallax {\n            top: 4rem;\n\n            img {\n              user-select: none;\n            }\n          }\n\n          .case-study-static-parallax {\n            position: relative;\n          }\n\n          .case-study-parallax {\n            position: absolute;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .case-study-wrapper {\n      padding: 0 0 7rem 0;\n\n      .case-study-content {\n        padding-top: 86%;\n\n        .case-study-copy-wrapper {\n          .link {\n            padding-top: 4.2rem;\n          }\n        }\n\n        .case-study-parallax-container {\n          padding-top: 86%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .case-study-wrapper {\n      .case-study-content {\n        padding-top: 72%;\n\n        .case-study-copy-wrapper {\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n\n          .copy {\n            padding-top: 2.8rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n    &.small {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n    }\n          }\n\n          .link {\n            padding-top: 6.2rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n\n        .case-study-parallax-container {\n          padding-top: 72%;\n\n          .case-study-parallax-wrapper {\n            width: 72%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .case-study-wrapper {\n      padding: 3rem 0 6rem 0;\n      \n      .case-study-content {\n        display: flex;\n        flex-direction: row-reverse;\n        align-items: center;\n        padding-top: 0;\n\n        .case-study-copy-wrapper,\n        .case-study-parallax-container {\n          width: 50%;\n        }\n\n        .case-study-copy-wrapper {\n          padding-left: 4%;\n\n          h2,\n          p {\n            text-align: left;\n          }\n\n          h2 {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n            &.small {\n              font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n            }\n          }\n\n          .link {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n\n        .case-study-parallax-container {\n          position: relative;\n          margin-top: 2%;\n          margin-bottom: 2%;\n          padding-top: 38%;\n          padding-right: 4%;\n\n          .case-study-parallax-wrapper {\n            width: 86%;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_1\"\n    })};\n\n    &.small {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n    }\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            padding-top: 3.8rem;\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n\n    &.small {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n    }\n          }\n\n          .link {\n            padding-top: 6.8rem;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .case-study-wrapper {\n      .case-study-content {\n        .case-study-copy-wrapper {\n          .copy {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n    &.small {\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n    }\n    \n          }\n        }\n      }\n    }\n  }\n`;\n\nconst DubbiiCaseStudy = () => (\n  <CaseStudyContainer className=\"case-study-container\">\n    <Panel backgroundColor=\"#6D7EEC\">\n      <FullWidthColumnWrapper className=\"case-study-wrapper\">\n        <div className=\"case-study-content\">\n          <div className=\"case-study-copy-wrapper\">\n            <h2>\n              dubbii\n            </h2>\n\n            <p\n              className=\"copy\"\n              style={{\n                [ \"textWrap\" ]: \"pretty\",\n                lineHeight: 1.35\n              } as React.CSSProperties}\n            >\n              Mobile app built for millions of ADHDers\n            </p>\n\n            <p\n              className=\"copy small\"\n              style={{ lineHeight: 1.4 }}\n            >\n              App Store Top 20 on launch weekend,\n              {\" \"}\n\n              <br />\n\n              <span style={{ whiteSpace: \"nowrap\" }}>\n                200,000+ downloads\n              </span>\n            </p>\n\n            <p className=\"link\">\n              <span className=\"off-screen\">\n                Click here to\n                {\" \"}\n              </span>\n\n              <Link\n                type=\"styled\"\n                color=\"white\"\n                href=\"/projects/dubbii/\"\n              >\n                View Project: DUBBII Mobile App\n              </Link>\n            </p>\n          </div>\n\n          <div className=\"case-study-parallax-container\">\n            <div className=\"case-study-parallax-wrapper\">\n              <div className=\"case-study-parralax\">\n                <img\n                  src={BgDubbiApp}\n                  className=\"full\"\n                  alt=\"ADHD Love duo, Rich & Rox\"\n                />\n              </div>\n            </div>\n          </div>\n        </div>\n      </FullWidthColumnWrapper>\n    </Panel>\n  </CaseStudyContainer>\n);\n\nexport default DubbiiCaseStudy;\n","import React, { useRef } from \"react\";\nimport styled from \"styled-components\";\n\nimport { PageTopContentCreators } from \"src/components/content-creators-landing-page/PageTopContentCreators\";\nimport Header from \"src/components/header\";\nimport HelmetWrapper from \"src/components/helmet-wrapper\";\nimport { breadCrumbSchema } from \"src/components/html-schema-snippets\";\nimport Layout from \"src/components/layout\";\nimport CaseStudyPanel from \"src/components/startups-landing-page/CaseStudyPanel\";\nimport BgDubbiApp from \"src/assets/images/content-creators/dubbii_meta_image.jpg\";\nimport BgCreator from \"src/assets/images/content-creators/pexels-blue-bird-7243156.jpg\";\nimport BgBeachGuy from \"src/assets/images/content-creators/aqviews-mfWsMDdN-Ro-unsplash.jpg\";\nimport BgKitchen from \"src/assets/images/content-creators/pexels-kampus-production-7964648.jpg\";\nimport BgDubbiiCam from \"src/assets/images/content-creators/dubbii_picture_01.png\";\nimport WhyGravitywellStartups from \"src/components/startups-landing-page/WhyGravitywell\";\nimport { MediumColumnWidthWrapper } from \"src/components/confines-wrappers\";\nimport Panel from \"src/components/panel-wrapper/panel-wrapper\";\nimport Testimonial from \"src/components/content-creators-landing-page/Testimonials\";\nimport Footer from \"src/components/footer\";\nimport GetInTouch from \"src/components/get-in-touch\";\nimport { CtaButton } from \"src/components/cta\";\nimport DubbiiCaseStudy from \"src/components/content-creators-landing-page/dubbii-case-study\";\n\nconst ContentCreatorsPage = (): JSX.Element => {\n  const contactRef = useRef<HTMLDivElement | null>(null);\n  const handleCTAClick = () => scrollSmoothly(contactRef);\n  const canonicalPath = \"/content-creators\";\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Content creators\",\n      path: canonicalPath\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  return (\n    <Layout className=\"layout\">\n      <HelmetWrapper\n        title=\"Content creators\"\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      <Styled.header role=\"banner\">\n        <Header\n          initialLogo\n          initialTheme=\"dark\"\n        />\n\n        <PageTopContentCreators />\n      </Styled.header>\n\n      <Styled.main>\n        <DubbiiCaseStudy />\n\n        {/* <CaseStudyPanel\n          label=\"dubbii\"\n          heading=\"The Body Doubling app\"\n          linkCta=\"View Project\"\n          linkUrl=\"/projects/dubbii\"\n          backgroundImage={BgDubbiApp}\n          desktopLayout=\"right\"\n          keyPoints={[ \"Built for millions of ADHDers App Store Top 20 on launch weekend set to break 100,000 active users\" ]}\n        /> */}\n\n        <CaseStudyPanel\n          label=\"\"\n          heading=\"Who we work with\"\n          backgroundImage={BgCreator}\n          desktopLayout=\"left\"\n          keyPoints={[\n            \"Bloggers\",\n            \"YouTubers\",\n            \"Streamers\",\n            \"Influencers\",\n            \"Podcasters\",\n            \"Musicians\",\n            \"Cosplayers\",\n            \"Photographers\"\n          ]}\n          linkCta=\"Let's talk\"\n          linkUrl=\"#get-in-touch\"\n        />\n\n        <WhyGravitywellStartups\n          text={[ \"Our award-winning team of developers, designers and strategists have a wealth of experience in custom mobile app development for Content Creators and Influencers.\", \"We deploy our expertise to generate and validate your idea, then build and launch it to your audience — whether they’re on TikTok, Instagram, YouTube or elsewhere.\" ]}\n        />\n\n        <section id=\"revenue\">\n          <Panel\n            backgroundImage={BgKitchen}\n            style={{\n              backgroundSize: \"cover\",\n              position: \"relative\"\n            }}\n          >\n            {null}\n          </Panel>\n        </section>\n\n        <Testimonial\n          backgroundColor=\"#6D7EEC\"\n          className=\"testi\"\n        />\n\n      </Styled.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 create something\"\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  header: styled.header`\n\t\t@media (max-width: 600px) {\n\t\t\t.top-content-container {\n\t\t\t\tmin-height: 300px;\n\t\t\t}\n\t\t\t.section-cta-container {\n\t\t\t\tpadding-top: 2.5rem;\n\t\t\t}\n\t\t}\n\t`,\n  main: styled.main`\n\t\t&>*:nth-child(1) {\n\t\t\t.flex-wrapper {\n\t\t\t\twidth: min(100%,340px);\n\t\t\t}\n\t\t}\n\n\t\t&>*:nth-child(2) {\n\t\t\tul {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tmax-height: none;\n\t\t\t\trow-gap: 1ch;\n\t\t\t\tcolumn-gap: 6rem;\n\t\t\t\talign-content: flex-start;\n\t\t\t\tpadding-inline: 0;\n\t\t\t\t\n\t\t\t\t@media (min-width: 600px) {\n\t\t\t\t\tmax-height: 8lh;\n\t\t\t\t}\n\t\t\t\t@media (min-width: 900px) {\n\t\t\t\t\tmax-height: 6lh;\n\t\t\t\t}\n\t\t\t}\n\t\t\tli::before {\n\t\t\t\t// content: \"☑\";\n\t\t\t\tcontent: \"✓\";\n\t\t\t\tfont-size: 1.5em;\n\t\t\t\tmargin-right: 0.5em;\n\t\t\t}\n\t\t\tli {\n\t\t\t\tlist-style-type: none;\n\t\t\t\tpadding-inline-start: 1ch;\n\t\t\t\tpadding-block: 0em;\n\t\t\t}\n\t\t\t.section-cta-container {\n\t\t\t\tmargin-inline: auto;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\t\t}\n\n\t\tsection#revenue {\n      position: relative;\n      \n\t\t\tp {\n        margin-top: auto;\n\t\t\t\ttext-align: left;\n\t\t\t\tcolor: white;\n\t\t\t\tpadding-left: 0%;\n\t\t\t\tfont-size: 22px;\n\t\t\t\tfilter: drop-shadow(0 0 1px #00000020) drop-shadow(0 0 5px #4f5a6390) drop-shadow(0 0 20px #4f5a6380) drop-shadow(0 0 50px #4f5a6340);\n        \n        @media (min-width: 640px) {\n          font-size: 32px;\n\t\t\t\t}\n        @media (min-width: 900px) {\n          padding-left: 10%;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t& > :first-child {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\tjustify-content: flex-end;\n\t\t\t\tbackground-position: center 75%;\n\n\t\t\t\t@media (min-width: 1000px) {\n\t\t\t\t\tbackground-position: center 50%;\n\t\t\t\t}\n\t\t\t\t@media (min-width: 1500px) {\n\t\t\t\t\tbackground-position: center 35%;\n\t\t\t\t}\n\n        &::before {\n          content: '';\n          background: linear-gradient(to top, #0005, #0000 50%);\n          position: absolute;\n          top: 0; left: 0; right: 0; bottom: 0;\n        }\n\t\t\t}\n\t\t}\n\n\t\tsection[id] {\n\t\t\t& > :first-child {\n\t\t\t\tmin-height: 50rem;\n\t\t\t\tpadding-top: 14% !important;\n\t\t\t\tpadding-bottom: 14% !important;\n\t\t\t}\n\t\t\n\t\t\t@media (min-width: 480px) {\n\t\t\t\t& > :first-child {\n\t\t\t\t\tpadding-top: 7.4rem !important;\n\t\t\t\t\tpadding-bottom: 7.4rem !important;\n\t\t\t\t}\n\t\t\t}\n\t\t\n\t\t\t@media (min-width: 768px) {\n\t\t\t\t& > :first-child {\n\t\t\t\t\tpadding-top: 8.8rem !important;\n\t\t\t\t\tpadding-bottom: 8.8rem !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n    .testi * {\n      color: white !important;\n      fill: white !important;\n    }\n\t`\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 ContentCreatorsPage;","export default __webpack_public_path__ + \"static/app-video-backround-fallback-7bf63d56d9ad063537498733ee651abb.jpg\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTU5RjRDN0RFOTg0MTFFOEIwMkVFNTcwMDMyMUE3NEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTU5RjRDN0VFOTg0MTFFOEIwMkVFNTcwMDMyMUE3NEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTlGNEM3QkU5ODQxMUU4QjAyRUU1NzAwMzIxQTc0RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NTlGNEM3Q0U5ODQxMUU4QjAyRUU1NzAwMzIxQTc0RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiFmeqQAAAAWSURBVHjaYmBAgP9MDGjgPxQzAAQYACkyAwBWm6YbAAAAAElFTkSuQmCC\""],"names":["htmlTag","children","className","React","headingStyling","css","theme","color","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","fontSpaceHelper","H1Styled","styled","H2Styled","H3Styled","H4Styled","H5Styled","H6Styled","PStyled","as","rest","HeadingWrapper","DynamicHtmlTag","textColor","hrColor","props","headingTag","title","src","fallbackImage","contrastGradient","playerProps","isSpecialVideo","HeroVideoWrapper","id","pip","playing","width","height","loop","url","controls","playsinline","muted","volume","checkeredOverlayImg","breadcrumbs","breadCrumbObj","i","breadcrumb","itemListElement","push","parseInt","name","forceTrailingSlash","path","GWLogoImg","postalAddressSchema","articleData","images","imageUrls","map","imgPath","type","description","datePublished","dateModified","author","organizationSchema","dayOfWeek","opens","closes","PageTopContainer","aspectRatios","backgroundImage","borderTop","backgroundColor","gradient","generator","angle","maxHeight","ColorOverlayWrapper","overlayColor","ColorOverlay","style","PanelContainer","ParallaxPanelContainer","ParallaxBanner","PanelContent","parallax","layers","image","amount","CaseStudyPanelContainer","desktopLayout","spacingHelper","label","heading","keyPoints","linkUrl","linkCta","backgroundSize","backgroundPosition","position","length","str","key","paddingInline","listStyle","lineHeight","href","StyledWhyGravitywellSection","altLightGrey","font","size","subhead_3","body_2","text","role","Array","isArray","paragraph","index","WhyGravitywellImg","alt","PageTopContentCreators","sizes","formatter","currentWidth","window","innerWidth","sortedAsc","sort","a","b","selectSizeForViewport","PageTopCustom","paddingTop","paddingBottom","VideoBackgroundImage","textWrap","testimonials","company","testimonial","content","CaseStudyContainer","whiteSpace","BgDubbiApp","Styled","FloatingCTA","header","main","contactRef","useRef","canonicalPath","schemaJson","breadCrumbSchema","JSON","stringify","initialLogo","initialTheme","CaseStudyPanel","BgCreator","WhyGravitywell","BgKitchen","ref","zIndex","slogan"],"sourceRoot":""}