{"version":3,"sources":["webpack:///./ClientApp/hooks/useIntersect.tsx","webpack:///./ClientApp/components/Footer/Footer/Footer.tsx","webpack:///./ClientApp/hooks/usePageWrapper.tsx","webpack:///delegated ./node_modules/react-intersection-observer/react-intersection-observer.m.js from dll-reference vendor_2eea9c464ebf2b2afd65","webpack:///./ClientApp/components/Layout/FullSection/FullSection.tsx","webpack:///./ClientApp/components/Layout/FullSectionContent/FullSectionContent.tsx","webpack:///./ClientApp/components/Footer/FooterCta/FooterCta.tsx","webpack:///delegated ./node_modules/react-lazy-images/dist/react-lazy-images.es.js from dll-reference vendor_2eea9c464ebf2b2afd65","webpack:///./ClientApp/components/Layout/HighlightedPassage/HighlightedPassage.tsx","webpack:///./ClientApp/components/Image/LazyImage/LazyImage.tsx","webpack:///./ClientApp/components/Heros/WorkHero/WorkHeroSlide.tsx","webpack:///./ClientApp/components/Heros/WorkHero/WorkHeroSliderNav.tsx","webpack:///./ClientApp/components/Heros/WorkHero/FloatingImages.tsx","webpack:///./ClientApp/components/Heros/WorkHero/WorkHero.tsx","webpack:///./ClientApp/components/WorkGrids/WorkGridItem.tsx","webpack:///./ClientApp/components/WorkGrids/FullWorkGrid/FullWorkGrid.tsx","webpack:///./ClientApp/components/WorkGrids/SmallWorkGrid/SmallWorkGrid.tsx","webpack:///./ClientApp/views/Work/Work.tsx"],"names":["getScaledRootMargins","margins","scale","newRootMargin","replace","split","map","margin","index","space","newMargin","parseInt","toString","useIntersect","root","rootMargin","threshold","trackVisibility","delay","startObserving","triggerOnce","initialInView","viewportEntranceOffsetScale","scaledRootMargin","setScaledRootMargin","ref","wrapperRef","inView","entry","skip","animationReady","inViewRef","navItems","chatStarted","animateInTrail","useAnimateInTrail","chatSpring","setChatSpring","x","config","mainNavigationItems","navItem","key","SimpleLink","to","url","id","size","title","emblemStyles","opacity","active","transform","missionStyles","separatorStyles","separatorLineStyles","width","copyrightStyles","navStyles","socialStyles","ai","triggerWidth","className","div","style","Logo","type","p","Date","getFullYear","ul","usePageWrapper","fullScreen","history","location","selectLoadingScreen","screenId","pathname","initialised","setInitialised","loadingScreen","state","dispatch","changeLoadingScreenLogomarkBackground","previousAnimatePageIn","animatePageIn","visible","undefined","action","window","scrollTo","opacitySpringConfig","tension","friction","animateInOpacitySpring","setAnimateInOpacitySpring","pageWrapperStyles","returnValues","children","animatePageContentIn","module","exports","__webpack_require__","FullSection","description","scheme","noTopPadding","extraTopPadding","extraBottomPadding","longerDescription","props","titleStyles","descriptionStyles","h1","FullSectionContent","padding","triggerAnimateIn","notify","containerStyles","messageStyles","ctaStyles","backgroundShade","animateIn","HighlightedPassage","largerText","cta","faded","LazyImage","height","heightRatio","src","alt","srcSet","sizes","placeholderSrc","placeholderBackgroundColor","fit","animateImageIn","animationType","setAnimationReady","springConfig","animateInSpring","setAnimateInSpring","imageStyle","aspectRatioSpacerStyles","paddingBottom","placeholderImageStyles","position","sharedPlaceholderStyles","backgroundColor","fadeInPlaceholderImageStyles","revealPlaceholderImageStyles","actualImageStyles","actualImage","imageState","imageProps","LoadSuccess","onImageLoad","img","LoadError","observerProps","debounceDurationMs","WorkHeroSlide","project","currentSlide","componentMounted","setComponentMounted","triggerMountDelay","setTriggerMountDelay","triggerMountTimeout","setTriggerMountTimeout","setAnimateInTrail","start","immediate","logoStyles","slideBackgroundStyles","backgroundImage","projectLogoUrl","name","linkUrl","ButtonLink","ctaBackground","arrow","WorkHeroSliderNav","currentSlideNumber","totalSlideNumber","interfaceBackground","wrapperStyles","navItemsWrapperStyles","triggerStyles","slideTriggerComponents","i","push","onClick","switchSlide","slideTriggers","scrollToContent","FloatingImages","images","viewportWidth","animateInTrailConfig","imageOpacitySpring","setImageOpacitySpring","imageWrapperStyles","inZ","z","image","slidesData","floatingImages","horizontalOffset","interfaceHighlight","pageScrollEnabled","disablePageScroll","enablePageScroll","sliderWrapper","sliderHeight","setSliderHeight","previousSliderHeight","latestSliderHeight","updateHeroDimensions","current","getBoundingClientRect","addEventListener","removeEventListener","disableScrollOnComplete","setDisableScrollOnComplete","latestDisableScrollOnComplete","animateScrollTo","useScrollTarget","restValues","manageScrollForSlide","length","useEffect","scrollY","draggingSpringConfig","slidePositions","setSlidePositions","y","isBeingDragged","setIsBeingDragged","latestIsBeingDragged","currentSlideIndex","setCurrentSlideIndex","latestCurrentSlideIndex","bounds","gestureOptions","initial","rubberband","lockDirection","axis","top","bottom","left","right","bind","onDrag","handleDrag","onWheel","handleWheel","drag","filterTaps","getInitialSlidePositions","get","targetY","goal","args","down","movement","my","vxvy","vy","first","last","cancel","memo","currentLastSlide","windowScrollTop","curSlideY","curExtraY","prevSlideY","prevExtraY","range","previousSlidePosition","currentSlidePosition","resetSlidePositions","direction","diry","newIndex","initialVelocity","getSpringConfig","velocity","distance","projection","remainingDistance","console","log","Math","abs","decay","clamp","springOnChange","result","ii","onChange","isLastSlide","oldHeight","zIndex","slideY","willChange","clipPath","WorkGridItem","animateThreshold","item","spacer","hoverSpringConfig","hoverSpring","setHoverSpring","hover","imageStyles","h","caseStudy","onMouseEnter","onMouseLeave","BlockLink","projectUrl","imageUrl","FullWorkGrid","processGridData","citiesOfTheFuture","callejaConsulting","jcDesigns","angelRiskManagement","ocLessons","pickaUppa","Object","keys","itemId","SmallWorkGrid","xRayClasses","purecure","qit","vrb","alBadr","katesCurtains","oliverMangham","assortedWork","PageWrapperComponent","servicesButton","SEOHelmet","schema","contentType","FooterCta"],"mappings":"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","file":"Work.823a293243e29ffa745b.chunk.js","sourcesContent":["import React, { useState, useRef, useEffect, Dispatch } from \"react\";\r\nimport { useInView } from \"react-intersection-observer\";\r\n\r\nimport { useSelector } from \"react-redux\";\r\nimport * as fromViewport from \"store/Viewport\";\r\n\r\nexport interface Props {\r\n  root?: any;\r\n  rootMargin?: string;\r\n  threshold?: number | number[];\r\n  trackVisibility?: boolean;\r\n  delay?: number;\r\n  startObserving?: boolean;\r\n  triggerOnce?: boolean;\r\n  initialInView?: boolean;\r\n}\r\n\r\nconst getScaledRootMargins = (margins: string, scale: number): string => {\r\n  let newRootMargin = \"\";\r\n  margins\r\n    .replace(\"px\", \"\")\r\n    .split(\" \")\r\n    .map((margin, index) => {\r\n      const space = index === 0 ? \"\" : \" \";\r\n      const newMargin = parseInt(margin, 10) * scale;\r\n      newRootMargin = newRootMargin + space + newMargin.toString() + \"px\";\r\n    });\r\n  return newRootMargin;\r\n};\r\n\r\nexport const useIntersect = ({\r\n  root = null,\r\n  rootMargin = \"-300px 0px -300px 0px\",\r\n  threshold = 0,\r\n  trackVisibility = false,\r\n  delay = undefined,\r\n  startObserving = false,\r\n  triggerOnce = true,\r\n  initialInView = false,\r\n}: Props) => {\r\n  const viewportEntranceOffsetScale = useSelector(\r\n    fromViewport.getEntranceOffsetScale\r\n  );\r\n\r\n  const [scaledRootMargin, setScaledRootMargin] = useState(\r\n    getScaledRootMargins(rootMargin, viewportEntranceOffsetScale)\r\n  );\r\n\r\n  useEffect(() => {\r\n    const newRootMargin = getScaledRootMargins(\r\n      rootMargin,\r\n      viewportEntranceOffsetScale\r\n    );\r\n    setScaledRootMargin(newRootMargin);\r\n  }, [rootMargin, viewportEntranceOffsetScale]);\r\n\r\n  const {\r\n    ref: wrapperRef,\r\n    inView,\r\n    entry,\r\n  } = useInView({\r\n    root: root,\r\n    rootMargin: scaledRootMargin,\r\n    threshold: threshold,\r\n    trackVisibility: trackVisibility,\r\n    delay: delay,\r\n    skip: !startObserving,\r\n    triggerOnce: triggerOnce,\r\n    initialInView: initialInView,\r\n  });\r\n\r\n  const returnValues: [\r\n    (node?: Element | null | undefined) => void,\r\n    boolean,\r\n    IntersectionObserverEntry | undefined\r\n  ] = [wrapperRef, inView, entry];\r\n\r\n  return returnValues;\r\n};\r\n\r\n// export default useIntersect;\r\n","import React, { useEffect } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\nimport { useSpring, a, to } from \"@react-spring/web\";\r\nimport { defaultSpringConfig } from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nimport * as fromMainNavigation from \"store/MainNavigation\";\r\nimport * as fromInterfaceOverlay from \"store/InterfaceOverlay\";\r\n\r\nimport { useIntersect } from \"hooks/useIntersect\";\r\nimport { useAnimateInTrail, IAnimateInProps } from \"hooks/useAnimateInTrail\";\r\nimport { initialOffset } from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nimport SimpleLink from \"components/Links/SimpleLink/SimpleLink\";\r\nimport { Logo } from \"components/Logo/Logo\";\r\n\r\ntype IOwnProps = IAnimateInProps;\r\n\r\ntype IProps = IOwnProps;\r\n\r\nconst Footer: React.FC<IProps> = ({ animationReady, ...props }) => {\r\n  const [inViewRef, inView] = useIntersect({\r\n    startObserving: animationReady,\r\n  });\r\n  const navItems = useSelector(fromMainNavigation.getMainNavItems);\r\n  // const open = useSelector(fromInterfaceOverlay.getChatModalWindow);\r\n  const chatStarted = useSelector(fromInterfaceOverlay.getChatModalStarted);\r\n\r\n  const [animateInTrail] = useAnimateInTrail(inView, 5);\r\n\r\n  const [chatSpring, setChatSpring] = useSpring(() => ({\r\n    x: 0,\r\n    config: defaultSpringConfig,\r\n  }));\r\n\r\n  useEffect(() => {\r\n    setChatSpring({ x: chatStarted ? 1 : 0 });\r\n  }, [chatStarted]);\r\n\r\n  const mainNavigationItems = navItems.map((navItem, index) => (\r\n    <li key={index}>\r\n      <SimpleLink\r\n        to={navItem.url}\r\n        id={index.toString()}\r\n        size=\"medium\"\r\n        title={navItem.title}\r\n      >\r\n        {navItem.title}\r\n      </SimpleLink>\r\n    </li>\r\n  ));\r\n\r\n  const emblemStyles = {\r\n    opacity: animateInTrail[0].active,\r\n    transform: animateInTrail[0].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const missionStyles = {\r\n    opacity: animateInTrail[1].active,\r\n    transform: animateInTrail[1].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const separatorStyles = {\r\n    opacity: animateInTrail[2].active,\r\n    transform: animateInTrail[2].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const separatorLineStyles = {\r\n    width: animateInTrail[2].active.to((x) => `calc(${x} * 100%)`),\r\n  };\r\n\r\n  const copyrightStyles = {\r\n    opacity: animateInTrail[4].active,\r\n    transform: animateInTrail[4].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const navStyles = {\r\n    opacity: animateInTrail[3].active,\r\n    transform: animateInTrail[3].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const socialStyles = {\r\n    opacity: animateInTrail[4].active,\r\n    transform: to([animateInTrail[4].active, chatSpring.x], (ai: number, x) => {\r\n      const triggerWidth = `(((var(--chatTriggerWidth) - var(--chatTriggerNibWidth)) * (-1 * ${x})) - var(--chatTriggerNibWidth))`;\r\n      return `translateY(calc(${initialOffset(\r\n        ai\r\n      )})) translateX(calc(${triggerWidth}))`;\r\n    }),\r\n  };\r\n\r\n  return (\r\n    <section ref={inViewRef} className=\"footerWrapper\">\r\n      <div className=\"companySection\">\r\n        <a.div className=\"companyEmblem\" style={emblemStyles}>\r\n          <Logo type=\"logomark\" />\r\n        </a.div>\r\n        <a.p className=\"companyMission\" style={missionStyles}>\r\n          Make life’s experiences extraordinary\r\n        </a.p>\r\n      </div>\r\n      <a.div className=\"separator\" style={separatorStyles}>\r\n        <a.div className=\"line\" style={separatorLineStyles} />\r\n      </a.div>\r\n      <div className=\"flex-container navigationSection\">\r\n        <a.div className=\"copyrightStatement\" style={copyrightStyles}>\r\n          &copy; {new Date().getFullYear()} Qore Studio.\r\n          {/*&copy; {(new Date()).getFullYear()} Qore Studio. All rights reserved.*/}\r\n        </a.div>\r\n        <div className=\"flex-child siteNavigation\">\r\n          <a.ul className=\"footer-nav-list\" style={navStyles}>\r\n            {mainNavigationItems}\r\n            <li className=\"spacer\"></li>\r\n            <li className=\"spacer\"></li>\r\n            <li className=\"spacer\"></li>\r\n          </a.ul>\r\n        </div>\r\n        <a.div className=\"socialLinks\" style={socialStyles}>\r\n          All rights reserved.\r\n          {/*<SimpleLink to='https://www.facebook.com' type='classic' newWindow size='medium' title='Facebook'>\r\n            Facebook\r\n          </SimpleLink>*/}\r\n        </a.div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n","import React, { useState, useEffect, useMemo, useCallback } from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\nimport { useHistory, useLocation } from \"react-router-dom\";\r\n\r\nimport { SEOHelmet } from \"components/SEO/SEOHelmet\";\r\n\r\nimport classNames from \"classnames\";\r\n\r\nimport Footer from \"components/Footer/Footer/Footer\";\r\nimport UseDesktopHero from \"components/Heros/UseDesktopHero/UseDesktopHero\";\r\n\r\nimport * as fromUserInterface from \"store/UserInterface\";\r\n\r\nimport { useSpring, a, SpringConfig } from \"@react-spring/web\";\r\nimport { defaultSpringConfig } from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nimport { usePrevious, hashCode } from \"utils/Index\";\r\n\r\nexport const usePageWrapper = (fullScreen = false) => {\r\n  const history = useHistory();\r\n  const location = useLocation();\r\n\r\n  const selectLoadingScreen = useMemo(\r\n    fromUserInterface.makeGetLoadingScreen,\r\n    []\r\n  );\r\n  const [screenId] = useState(hashCode(location.pathname).toString());\r\n  const [initialised, setInitialised] = useState(false);\r\n\r\n  const loadingScreen = useSelector((state) =>\r\n    selectLoadingScreen(state, screenId)\r\n  );\r\n\r\n  const dispatch = useDispatch();\r\n  const changeLoadingScreenLogomarkBackground = useCallback(\r\n    (url: string) =>\r\n      dispatch(\r\n        fromUserInterface.actionCreators.changeLoadingScreenLogomarkBackground(\r\n          screenId,\r\n          url\r\n        )\r\n      ),\r\n    [dispatch]\r\n  );\r\n\r\n  const previousAnimatePageIn = usePrevious(loadingScreen.animatePageIn);\r\n\r\n  useEffect(() => {\r\n    if (\r\n      loadingScreen.animatePageIn &&\r\n      !loadingScreen.visible &&\r\n      !previousAnimatePageIn &&\r\n      !initialised &&\r\n      previousAnimatePageIn !== undefined\r\n    ) {\r\n      const action = history.action;\r\n      setInitialised(true);\r\n\r\n      if (action === \"PUSH\" || action === \"POP\" || action === \"REPLACE\")\r\n        window.scrollTo(0, 0);\r\n    }\r\n  }, [loadingScreen.animatePageIn, history, initialised]);\r\n\r\n  const footerComponent = () =>\r\n    !fullScreen ? (\r\n      <Footer animationReady={loadingScreen.animatePageContentIn} />\r\n    ) : null;\r\n\r\n  const opacitySpringConfig: SpringConfig = {\r\n    ...defaultSpringConfig,\r\n    tension: 85,\r\n    friction: 29,\r\n  };\r\n  const [animateInOpacitySpring, setAnimateInOpacitySpring] = useSpring(() => ({\r\n    opacity: 0,\r\n    config: opacitySpringConfig,\r\n  }));\r\n\r\n  useEffect(() => {\r\n    setAnimateInOpacitySpring({ opacity: loadingScreen.animatePageIn ? 1 : 0 });\r\n  }, [loadingScreen.animatePageIn]);\r\n\r\n  const pageWrapperStyles = {\r\n    opacity: animateInOpacitySpring.opacity,\r\n  };\r\n\r\n  const PageWrapperComponent = (children: JSX.Element) => (\r\n    <a.div className=\"pageContainer\" style={pageWrapperStyles}>\r\n      {/* <div\r\n        className={classNames(\r\n          'pageWrapper',\r\n          fullScreen,\r\n          'mobile',\r\n        )}\r\n      >\r\n        <SEOHelmet\r\n          schema=\"WebPage\"\r\n          title=\"Our mobile site should really be finished\"\r\n          description=\"Our mobile site should really be finished\"\r\n          contentType=\"product\"\r\n        />\r\n        <UseDesktopHero animationReady={loadingScreen.animatePageContentIn} />\r\n      </div> */}\r\n      <div className={classNames(\"pageWrapper\", { fullScreen }, \"desktop\")}>\r\n        {children}\r\n        {footerComponent()}\r\n      </div>\r\n    </a.div>\r\n  );\r\n\r\n  let returnValues: [\r\n    (children: JSX.Element) => JSX.Element,\r\n    boolean,\r\n    (url: string) => void,\r\n    boolean\r\n  ];\r\n  returnValues = [\r\n    PageWrapperComponent,\r\n    loadingScreen.animatePageContentIn,\r\n    changeLoadingScreenLogomarkBackground,\r\n    loadingScreen.animatePageIn,\r\n  ];\r\n\r\n  return returnValues;\r\n};\r\n","module.exports = (__webpack_require__(8))(149);","import React from \"react\";\r\n\r\nimport { a } from \"@react-spring/web\";\r\n\r\nimport { useIntersect } from \"hooks/useIntersect\";\r\nimport { useAnimateInTrail, IAnimateInProps } from \"hooks/useAnimateInTrail\";\r\nimport { initialOffset } from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nimport classNames from \"classnames\";\r\n\r\ninterface IOwnSpecificProps {\r\n  title?: JSX.Element;\r\n  description?: JSX.Element;\r\n  scheme?: string;\r\n  noTopPadding?: boolean;\r\n  extraTopPadding?: boolean;\r\n  extraBottomPadding?: boolean;\r\n  longerDescription?: boolean;\r\n}\r\n\r\ntype IOwnProps = IOwnSpecificProps & IAnimateInProps;\r\n\r\ntype IProps = IOwnProps;\r\n\r\nconst FullSectionComponent: React.FC<IProps> = ({\r\n  animationReady,\r\n  title = null,\r\n  description = null,\r\n  scheme = null,\r\n  noTopPadding = false,\r\n  extraTopPadding = false,\r\n  extraBottomPadding = false,\r\n  longerDescription = false,\r\n  ...props\r\n}) => {\r\n  const [inViewRef, inView] = useIntersect({\r\n    startObserving: animationReady,\r\n    rootMargin: \"-150px 0px -150px 0px\",\r\n  });\r\n\r\n  const [animateInTrail] = useAnimateInTrail(inView, 2);\r\n\r\n  const titleStyles = {\r\n    opacity: animateInTrail[0].active,\r\n    transform: animateInTrail[0].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const descriptionStyles = {\r\n    opacity: animateInTrail[1].active,\r\n    transform: animateInTrail[1].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  return (\r\n    <section\r\n      ref={inViewRef}\r\n      className={classNames(\r\n        \"fullSectionWrapper\",\r\n        { [\"section-scheme-\" + scheme]: scheme != null },\r\n        { noTopPadding },\r\n        { extraTopPadding },\r\n        { extraBottomPadding },\r\n        { longerDescription }\r\n      )}\r\n    >\r\n      {title != null ? <a.h1 style={titleStyles}>{title}</a.h1> : null}\r\n      {description != null ? (\r\n        <a.div className=\"description\" style={descriptionStyles}>\r\n          <div>{description}</div>\r\n        </a.div>\r\n      ) : null}\r\n      {props.children}\r\n    </section>\r\n  );\r\n};\r\n\r\nexport const FullSection = FullSectionComponent;\r\n","import React from 'react';\r\n\r\nimport classNames from 'classnames';\r\n\r\ninterface IOwnSpecificProps {\r\n  padding?: string;\r\n}\r\n\r\ntype IOwnProps = IOwnSpecificProps;\r\n\r\ntype IProps = IOwnProps;\r\n\r\nconst FullSectionContentComponent: FC<IProps> = ({ padding, ...props }) => {\r\n  return (\r\n    <div\r\n      className={classNames(\r\n        'contentWrapper',\r\n        { ['padding-' + padding]: (padding != null) },\r\n      )}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const FullSectionContent = FullSectionContentComponent;\r\n","import React from \"react\";\r\n\r\nimport { a } from \"@react-spring/web\";\r\n\r\nimport { useIntersect } from \"hooks/useIntersect\";\r\nimport { useAnimateInTrail, IAnimateInProps } from \"hooks/useAnimateInTrail\";\r\nimport {\r\n  initialOffset,\r\n  animationTriggerThreshold,\r\n} from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nimport { ButtonLink } from \"components/Links/Index\";\r\n\r\ntype IOwnProps = IAnimateInProps;\r\n\r\ntype IProps = IOwnProps;\r\n\r\nconst FooterCta: React.FC<IProps> = ({ animationReady, ...props }) => {\r\n  const [inViewRef, inView] = useIntersect({\r\n    startObserving: animationReady,\r\n  });\r\n\r\n  const [animateInTrail, triggerAnimateIn] = useAnimateInTrail(inView, 3, {\r\n    notify: [\r\n      {\r\n        index: 2,\r\n        threshold: animationTriggerThreshold,\r\n      },\r\n    ],\r\n  });\r\n\r\n  const containerStyles = {\r\n    opacity: animateInTrail[0].active,\r\n    transform: animateInTrail[0].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const messageStyles = {\r\n    opacity: animateInTrail[1].active,\r\n    transform: animateInTrail[1].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const ctaStyles = {\r\n    opacity: animateInTrail[2].active,\r\n    transform: animateInTrail[2].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  return (\r\n    <section ref={inViewRef} className=\"footerCtaWrapper\">\r\n      <a.div className=\"nextStepWrapper\" style={containerStyles}>\r\n        <div className=\"messageWrapper\">\r\n          <a.h1 style={messageStyles}>We know you like what you see.</a.h1>\r\n          <a.div className=\"ctaContainer\" style={ctaStyles}>\r\n            <div className=\"ctaWrapper\">\r\n              <ButtonLink\r\n                to=\"/contact\"\r\n                type=\"large\"\r\n                scheme=\"footerGold\"\r\n                backgroundShade=\"dark\"\r\n                animationReady={animationReady}\r\n                animateIn={triggerAnimateIn(2)}\r\n                title=\"Get in touch\"\r\n              >\r\n                Get in touch\r\n              </ButtonLink>\r\n            </div>\r\n          </a.div>\r\n        </div>\r\n      </a.div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default FooterCta;\r\n","module.exports = (__webpack_require__(8))(692);","import React from \"react\";\r\n\r\nimport { a } from \"@react-spring/web\";\r\n\r\nimport { useIntersect } from \"hooks/useIntersect\";\r\nimport { useAnimateInTrail, IAnimateInProps } from \"hooks/useAnimateInTrail\";\r\nimport {\r\n  initialOffset,\r\n  animationTriggerThreshold,\r\n} from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nimport classNames from \"classnames\";\r\n\r\ninterface IOwnSpecificProps {\r\n  extraTopPadding?: boolean;\r\n  extraBottomPadding?: boolean;\r\n  largerText?: boolean;\r\n  cta?: JSX.Element;\r\n  faded?: boolean;\r\n  className?: string;\r\n}\r\n\r\ntype IOwnProps = IOwnSpecificProps & IAnimateInProps;\r\n\r\ntype IProps = IOwnProps;\r\n\r\nconst HighlightedPassageComponent: React.FC<IProps> = ({\r\n  extraTopPadding = false,\r\n  extraBottomPadding = false,\r\n  largerText = false,\r\n  cta = null,\r\n  faded = false,\r\n  className = \"\",\r\n  animationReady,\r\n  ...props\r\n}) => {\r\n  const [inViewRef, inView] = useIntersect({\r\n    startObserving: animationReady,\r\n    rootMargin: \"-300px 0px -450px 0px\",\r\n  });\r\n\r\n  const [animateInTrail] = useAnimateInTrail(inView, 2);\r\n\r\n  const titleStyles = {\r\n    opacity: animateInTrail[0].active,\r\n    transform: animateInTrail[0].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const ctaStyles = {\r\n    opacity: animateInTrail[1].active,\r\n    transform: animateInTrail[1].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  return (\r\n    <section\r\n      ref={inViewRef}\r\n      className={classNames(\r\n        \"highlighted-passage-wrapper\",\r\n        { extraTopPadding },\r\n        { extraBottomPadding },\r\n        { largerText },\r\n        className\r\n      )}\r\n    >\r\n      <div className=\"passage-details\">\r\n        <a.h1 className={classNames({ faded })} style={titleStyles}>\r\n          {props.children}\r\n        </a.h1>\r\n        {cta != null ? (\r\n          <a.div className=\"ctaWrapper\" style={ctaStyles}>\r\n            {cta}\r\n          </a.div>\r\n        ) : null}\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport const HighlightedPassage = HighlightedPassageComponent;\r\n","import React, {\r\n  useState,\r\n  forwardRef,\r\n  useRef,\r\n  useImperativeHandle,\r\n  useEffect,\r\n  Fragment,\r\n} from \"react\";\r\nimport {\r\n  LazyImageFull,\r\n  CommonLazyImageProps,\r\n  ImageState,\r\n  ImageProps,\r\n} from \"react-lazy-images\";\r\nimport classNames from \"classnames\";\r\n\r\nimport { useSpring, a, SpringConfig } from \"@react-spring/web\";\r\nimport { defaultSpringConfig } from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\ninterface IOwnSpecificProps {\r\n  width?: string;\r\n  height?: string;\r\n  heightRatio?: number;\r\n  src?: string;\r\n  srcSet?: string;\r\n  sizes?: string;\r\n  placeholderSrc?: string;\r\n  alt: string;\r\n  placeholderBackgroundColor?: string;\r\n  fit?: \"fill\" | \"contain\" | \"cover\" | \"scaleDown\" | \"none\";\r\n  animateImageIn: boolean;\r\n  animationType: \"reveal\" | \"fadeIn\";\r\n  onImageLoad?(): void;\r\n}\r\n\r\ntype IOwnProps = IOwnSpecificProps;\r\n\r\nexport type IProps = IOwnProps;\r\n\r\nconst LazyImageComponent: React.FC<IProps> = ({\r\n  height,\r\n  width,\r\n  heightRatio,\r\n  src,\r\n  alt,\r\n  srcSet,\r\n  sizes,\r\n  placeholderSrc,\r\n  placeholderBackgroundColor,\r\n  fit,\r\n  animateImageIn,\r\n  animationType,\r\n  ...props\r\n}) => {\r\n  const [animationReady, setAnimationReady] = useState(false);\r\n\r\n  const handleImageLoad = () => {\r\n    if (!animationReady) {\r\n      setAnimationReady(true);\r\n      if (props.onImageLoad) props.onImageLoad();\r\n    }\r\n  };\r\n\r\n  const springConfig: SpringConfig = {\r\n    ...defaultSpringConfig,\r\n    tension: 135,\r\n  };\r\n  const [animateInSpring, setAnimateInSpring] = useSpring(() => ({\r\n    x: 0,\r\n    opacity: 0,\r\n    config: springConfig,\r\n  }));\r\n\r\n  useEffect(() => {\r\n    setAnimateInSpring({\r\n      x:\r\n        animationReady && animateImageIn && animationType === \"reveal\"\r\n          ? 100\r\n          : 0,\r\n      opacity:\r\n        animationReady && animateImageIn && animationType === \"fadeIn\" ? 1 : 0,\r\n    });\r\n  }, [animationReady, animateImageIn, animationType]);\r\n\r\n  const imageStyle = {\r\n    height,\r\n    width,\r\n  };\r\n\r\n  const aspectRatioSpacerStyles = {\r\n    paddingBottom: heightRatio ? heightRatio * 100 + \"%\" : null,\r\n  };\r\n\r\n  const placeholderImageStyles = {\r\n    position:\r\n      placeholderSrc && !heightRatio ? (\"relative\" as \"relative\") : null,\r\n    opacity: placeholderSrc ? 1 : 0,\r\n  };\r\n\r\n  const sharedPlaceholderStyles = {\r\n    backgroundColor: placeholderBackgroundColor\r\n      ? placeholderBackgroundColor\r\n      : \"black\",\r\n  };\r\n\r\n  const fadeInPlaceholderImageStyles = {\r\n    ...sharedPlaceholderStyles,\r\n    opacity:\r\n      animationType === \"fadeIn\"\r\n        ? animateInSpring.opacity.to((x) => (1 - x) * 0.02)\r\n        : 0,\r\n  };\r\n\r\n  const revealPlaceholderImageStyles = {\r\n    ...sharedPlaceholderStyles,\r\n    transform: animateInSpring.x.to(\r\n      (x) => `translateX(  calc(  ${x} * 1%  )  )`\r\n    ),\r\n    opacity: animationType === \"reveal\" ? 1 : 0,\r\n  };\r\n\r\n  const actualImageStyles = {\r\n    opacity: animationType === \"fadeIn\" ? animateInSpring.opacity : 1,\r\n  };\r\n\r\n  const actualImage = (imageState: ImageState, imageProps: ImageProps) => {\r\n    if (imageState === ImageState.LoadSuccess) {\r\n      handleImageLoad();\r\n      return (\r\n        <a.img\r\n          className=\"actual\"\r\n          style={actualImageStyles}\r\n          alt={alt}\r\n          {...imageProps}\r\n        />\r\n      );\r\n    } else if (imageState === ImageState.LoadError) {\r\n      //return null;\r\n    }\r\n  };\r\n\r\n  return (\r\n    <Fragment>\r\n      <LazyImageFull\r\n        src={src}\r\n        observerProps={{\r\n          threshold: 0.01,\r\n          rootMargin: \"700px\",\r\n        }}\r\n        debounceDurationMs={10}\r\n      >\r\n        {({ imageProps, imageState, ref }) => (\r\n          <figure className={classNames(\"lazy-image\", fit)} style={imageStyle}>\r\n            <div className=\"imageWrapper\">\r\n              <div\r\n                className=\"aspectRatioSpacer\"\r\n                style={aspectRatioSpacerStyles}\r\n              >\r\n                <img\r\n                  ref={ref}\r\n                  className={\"placeholder\"}\r\n                  src={placeholderSrc ? placeholderSrc : \"\"}\r\n                  alt={alt}\r\n                  style={placeholderImageStyles}\r\n                />\r\n                <a.div\r\n                  className=\"imagePlaceholder\"\r\n                  style={fadeInPlaceholderImageStyles}\r\n                />\r\n                {actualImage(imageState, imageProps)}\r\n              </div>\r\n            </div>\r\n            <a.div\r\n              className={classNames(\"imagePlaceholder\", \"reveal\")}\r\n              style={revealPlaceholderImageStyles}\r\n            />\r\n          </figure>\r\n        )}\r\n      </LazyImageFull>\r\n      <noscript>\r\n        <img src={src} alt={alt} />\r\n      </noscript>\r\n    </Fragment>\r\n  );\r\n};\r\n\r\nexport const LazyImage = LazyImageComponent;\r\n","import React, { useState, useEffect } from \"react\";\r\n\r\nimport classNames from \"classnames\";\r\n\r\nimport { useTrail, useSprings, a, SpringConfig } from \"@react-spring/web\";\r\nimport { useAnimateInTrail, fillNotifyArray } from \"hooks/useAnimateInTrail\";\r\n\r\nimport {\r\n  initialOffset,\r\n  defaultSpringConfig,\r\n  animationTriggerThreshold,\r\n} from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nimport { ButtonLink, BlockLink } from \"components/Links/Index\";\r\n\r\nimport { useTimeout } from \"utils/Index\";\r\n\r\nexport interface IHeroDimensions {\r\n  width: number;\r\n  height: number;\r\n}\r\n\r\nexport interface IImage {\r\n  url: string;\r\n  horizontalOffset: number;\r\n}\r\n\r\nexport type IBackgroundShade = \"light\" | \"dark\";\r\n\r\nexport interface IWorkHeroSlide {\r\n  title: string;\r\n  name: string;\r\n  description: string;\r\n  linkUrl: string;\r\n  projectLogoUrl: string;\r\n  backgroundImage: string;\r\n  backgroundShade: IBackgroundShade;\r\n  floatingImages: IImage[];\r\n  interfaceBackground: string;\r\n  interfaceHighlight: string;\r\n  ctaBackground: string;\r\n}\r\n\r\nexport interface IWorkHeroSlides {\r\n  [name: string]: IWorkHeroSlide;\r\n}\r\n\r\ninterface IOwnSpecificProps {\r\n  project: IWorkHeroSlide;\r\n  initialised: boolean;\r\n  currentSlide: boolean;\r\n}\r\n\r\ntype IOwnProps = IOwnSpecificProps;\r\n\r\ntype IProps = IOwnProps;\r\n\r\nexport const WorkHeroSlide: React.FC<IProps> = ({\r\n  project,\r\n  initialised,\r\n  currentSlide,\r\n  ...props\r\n}) => {\r\n  const [componentMounted, setComponentMounted] = useState(false);\r\n\r\n  const [triggerMountDelay, setTriggerMountDelay] = useState(3000);\r\n  const [triggerMountTimeout, setTriggerMountTimeout] = useState(false);\r\n\r\n  useTimeout(\r\n    () => {\r\n      setComponentMounted(true);\r\n\r\n      setTriggerMountTimeout(false);\r\n    },\r\n    triggerMountTimeout ? triggerMountDelay : null\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!componentMounted) {\r\n      if (currentSlide) setTriggerMountDelay(0);\r\n      setTriggerMountTimeout(true);\r\n    }\r\n  }, [currentSlide, componentMounted]);\r\n\r\n  // const animateInTrailConfig: SpringConfig = {\r\n  //   ...defaultSpringConfig,\r\n  //   tension: 150,\r\n  // };\r\n\r\n  const [animateInTrail, triggerAnimateIn, setAnimateInTrail] =\r\n    useAnimateInTrail(false, 4, {\r\n      notify: [\r\n        {\r\n          index: 3,\r\n          threshold: animationTriggerThreshold,\r\n        },\r\n      ],\r\n    });\r\n\r\n  useEffect(() => {\r\n    // @ts-ignore\r\n    setAnimateInTrail.start({\r\n      active: initialised ? 1 : 0,\r\n      immediate: currentSlide ? false : true,\r\n    });\r\n  }, [initialised, currentSlide, setAnimateInTrail]);\r\n\r\n  const logoStyles = {\r\n    opacity: animateInTrail[0].active,\r\n    transform: animateInTrail[0].active.to(\r\n      (active) => `translateY(calc(${initialOffset(active)}))`\r\n    ),\r\n  };\r\n\r\n  const titleStyles = {\r\n    opacity: animateInTrail[1].active,\r\n    transform: animateInTrail[1].active.to(\r\n      (active) => `translateY(calc(${initialOffset(active)}))`\r\n    ),\r\n  };\r\n\r\n  const descriptionStyles = {\r\n    opacity: animateInTrail[2].active,\r\n    transform: animateInTrail[2].active.to(\r\n      (active) => `translateY(calc(${initialOffset(active)}))`\r\n    ),\r\n  };\r\n\r\n  const ctaStyles = {\r\n    opacity: animateInTrail[3].active,\r\n    transform: animateInTrail[3].active.to(\r\n      (active) => `translateY(calc(${initialOffset(active)}))`\r\n    ),\r\n  };\r\n\r\n  const slideBackgroundStyles = {\r\n    backgroundImage: \"url(/assets/images/work/\" + project.backgroundImage + \")\",\r\n  };\r\n\r\n  return (\r\n    <a.div\r\n      className={classNames(\r\n        \"slide-container\",\r\n        \"background-\" + project.backgroundShade,\r\n        { currentSlide }\r\n      )}\r\n      style={slideBackgroundStyles}\r\n    >\r\n      <div className=\"messageWrapper\">\r\n        <a.img\r\n          src={\"/assets/images/work/\" + project.projectLogoUrl}\r\n          alt={project.name}\r\n          style={logoStyles}\r\n        />\r\n        <a.h1 style={titleStyles}>\r\n          <BlockLink to={\"/work/\" + project.linkUrl} title={project.title}>\r\n            {project.title}\r\n          </BlockLink>\r\n        </a.h1>\r\n        <a.p style={descriptionStyles}>{project.description}</a.p>\r\n        <a.div className=\"ctaWrapper\" style={ctaStyles}>\r\n          <ButtonLink\r\n            to={\"/work/\" + project.linkUrl}\r\n            backgroundShade={project.backgroundShade}\r\n            backgroundColor={project.ctaBackground}\r\n            type=\"medium\"\r\n            arrow\r\n            animationReady={currentSlide}\r\n            animateIn={triggerAnimateIn(3)}\r\n            title=\"Check it out\"\r\n          >\r\n            Check it out\r\n          </ButtonLink>\r\n        </a.div>\r\n      </div>\r\n    </a.div>\r\n  );\r\n};\r\n","import React from \"react\";\r\nimport classNames from \"classnames\";\r\n\r\nimport { a } from \"@react-spring/web\";\r\n\r\nimport { useAnimateInTrail } from \"hooks/useAnimateInTrail\";\r\n\r\nimport { IBackgroundShade } from \"./WorkHeroSlide\";\r\n\r\ninterface IProps {\r\n  animateIn: boolean;\r\n  backgroundShade: IBackgroundShade;\r\n  interfaceBackground: string;\r\n  scrollToContent(): void;\r\n  switchSlide(index: number): void;\r\n  currentSlideNumber: number;\r\n  totalSlideNumber: number;\r\n}\r\n\r\nconst WorkHeroSliderNavComponent: React.FC<IProps> = ({\r\n  animateIn,\r\n  currentSlideNumber,\r\n  totalSlideNumber,\r\n  backgroundShade,\r\n  interfaceBackground,\r\n  ...props\r\n}) => {\r\n  const slideTriggers = () => {\r\n    const slideTriggerComponents = [];\r\n    for (let i = 0; i < totalSlideNumber; i++) {\r\n      slideTriggerComponents.push(\r\n        <li key={i}>\r\n          <div\r\n            className={classNames(\"trigger\", {\r\n              active: currentSlideNumber === i,\r\n            })}\r\n            onClick={() => props.switchSlide(i)}\r\n            style={{\r\n              backgroundColor:\r\n                currentSlideNumber !== -1 ? interfaceBackground : null,\r\n            }}\r\n          />\r\n        </li>\r\n      );\r\n    }\r\n    return slideTriggerComponents;\r\n  };\r\n  const [animateInTrail] = useAnimateInTrail(animateIn, 6);\r\n\r\n  const wrapperStyles = {\r\n    opacity: animateInTrail[3].active,\r\n  };\r\n\r\n  const navItemsWrapperStyles = {\r\n    transform: animateInTrail[3].active.to(\r\n      (x) => `translateX(calc((${x} * -40px) + 40px))`\r\n    ),\r\n  };\r\n\r\n  const triggerStyles = {\r\n    backgroundColor: currentSlideNumber !== -1 ? interfaceBackground : null,\r\n  };\r\n\r\n  return (\r\n    <a.div\r\n      className={classNames(\r\n        \"navigationWrapper\",\r\n        \"background-\" + backgroundShade\r\n      )}\r\n      style={wrapperStyles}\r\n    >\r\n      <a.ul style={navItemsWrapperStyles}>\r\n        {slideTriggers()}\r\n        <li className=\"content\">\r\n          <div\r\n            className=\"trigger\"\r\n            onClick={props.scrollToContent}\r\n            style={triggerStyles}\r\n          />\r\n        </li>\r\n      </a.ul>\r\n    </a.div>\r\n  );\r\n};\r\n\r\nexport const WorkHeroSliderNav = WorkHeroSliderNavComponent;\r\n","import React, { useState, useEffect } from 'react';\r\nimport { useSelector } from 'react-redux';\r\n\r\nimport * as fromViewport from 'store/Viewport';\r\n\r\nimport { LazyImage } from \"components/Image/Index\";\r\n\r\nimport { useTrail, useSpring, a, to, SpringConfig } from '@react-spring/web';\r\n\r\nimport { initialOffset, defaultSpringConfig } from 'components/Animations/SpringProperties/SpringProperties';\r\nimport { IImage } from './WorkHeroSlide';\r\n\r\nimport { useTimeout } from 'utils/Index';\r\n\r\ninterface IOwnSpecificProps {\r\n  title: string;\r\n  images: IImage[];\r\n  initialised: boolean;\r\n  currentSlide: boolean;\r\n}\r\n\r\ntype IOwnProps = IOwnSpecificProps;\r\n\r\ntype IProps = IOwnProps;\r\n\r\nexport const FloatingImages: React.FC<IProps> = ({\r\n  title,\r\n  images,\r\n  initialised,\r\n  currentSlide,\r\n}) => {\r\n  const viewportWidth = useSelector(fromViewport.getWidth);\r\n  const [componentMounted, setComponentMounted] = useState(false);\r\n\r\n  const [triggerMountDelay, setTriggerMountDelay] = useState(3000);\r\n  const [triggerMountTimeout, setTriggerMountTimeout] = useState(false);\r\n\r\n  useTimeout(() => {\r\n    setComponentMounted(true);\r\n\r\n    setTriggerMountTimeout(false);\r\n  }, triggerMountTimeout ? triggerMountDelay : null);\r\n\r\n  useEffect(() => {\r\n    if (!componentMounted) {\r\n      if (currentSlide)\r\n        setTriggerMountDelay(0);\r\n      setTriggerMountTimeout(true);\r\n    }\r\n  }, [currentSlide, componentMounted]);\r\n\r\n  const animateInTrailConfig: SpringConfig = {\r\n    ...defaultSpringConfig,\r\n    tension: 150,\r\n  };\r\n\r\n  const [animateInTrail, setAnimateInTrail] = useTrail(5, () => ({\r\n    x: 0,\r\n    immediate: true,\r\n    config: animateInTrailConfig,\r\n  }));\r\n\r\n  useEffect(() => {\r\n    setAnimateInTrail({ x: initialised ? 1 : 0, immediate: currentSlide ? false : true });\r\n  }, [initialised, currentSlide]);\r\n\r\n  const [imageOpacitySpring, setImageOpacitySpring] = useSpring(() => ({ x: 0, immediate: false, config: defaultSpringConfig }));\r\n  useEffect(() => {\r\n    setImageOpacitySpring({\r\n      x: (viewportWidth < 1024 ? 0.2 : 1),\r\n    });\r\n  }, [viewportWidth]);\r\n\r\n  const imageWrapperStyles = {\r\n    opacity: to(\r\n      [animateInTrail[4].x, imageOpacitySpring.x],\r\n      (inZ, z) => inZ * z,\r\n    ),\r\n    transform: animateInTrail[4].x.to(x => `translateX( calc(${initialOffset(x)}) )`),\r\n  };\r\n\r\n  return (\r\n    <a.div className='imagesWrapper' style={imageWrapperStyles}>\r\n      {images.map((image, index) => (\r\n        <div key={index} className='image'>\r\n          <LazyImage\r\n            width='100%'\r\n            height='100%'\r\n            src={'/assets/images/work/' + image.url}\r\n            alt={title}\r\n            fit='none'\r\n            animateImageIn={true}\r\n            animationType={'fadeIn'}\r\n          />\r\n        </div>\r\n      ))}\r\n    </a.div>\r\n  );\r\n};\r\n\r\n","import React, {\r\n  useState,\r\n  useEffect,\r\n  useLayoutEffect,\r\n  useRef,\r\n  useCallback,\r\n} from \"react\";\r\nimport { useSelector, useDispatch } from \"react-redux\";\r\n\r\nimport { useSprings, a, SpringConfig } from \"@react-spring/web\";\r\nimport { useGesture } from \"react-use-gesture\";\r\nimport { DragConfig, FullGestureState } from \"react-use-gesture/dist/types\";\r\nimport { IDraggableBounds } from \"hooks/useDraggable\";\r\n\r\nimport { enablePullToRefresh } from \"components/DisableScroll/DisableScroll\";\r\n\r\nimport classNames from \"classnames\";\r\n\r\nimport * as fromPageScroll from \"store/PageScroll\";\r\n\r\nimport { useIntersect } from \"hooks/useIntersect\";\r\nimport { IAnimateInProps } from \"hooks/useAnimateInTrail\";\r\nimport { defaultSpringConfig } from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nimport { IWorkHeroSlide, WorkHeroSlide } from \"./WorkHeroSlide\";\r\nimport { WorkHeroSliderNav } from \"./WorkHeroSliderNav\";\r\nimport { FloatingImages } from \"./FloatingImages\";\r\n\r\nimport { useScrollTarget } from \"hooks/useScrollTarget\";\r\nimport { useLatest, usePrevious, dragUtils } from \"utils/Index\";\r\n\r\ninterface ISlideProps {\r\n  index: number;\r\n  positionY: number;\r\n  startPositionY: number;\r\n  animationDistance: number;\r\n}\r\n\r\nexport interface ISlidesProps {\r\n  [name: string]: ISlideProps;\r\n}\r\n\r\ntype IProps = IAnimateInProps;\r\n\r\nconst WorkHero: React.FC<IProps> = ({ animationReady }) => {\r\n  const [slidesData] = useState<IWorkHeroSlide[]>([\r\n    {\r\n      title: \"Designing a luxury brochure to disrupt the Pakistani market\",\r\n      name: \"JLR Pakistan\",\r\n      description:\r\n        \"We designed a high-end brochure for a group of talented individuals that were pitching to bring Jaguar Land Rover to Pakistan.\",\r\n      linkUrl: \"jlr\",\r\n      projectLogoUrl: \"jlr/serviceLogoDark.png\",\r\n      backgroundImage: \"jlr/workHeroBackground.jpg\",\r\n      backgroundShade: \"light\",\r\n      floatingImages: [\r\n        {\r\n          url: \"jlr/workHeroFloatingImage1.png\",\r\n          horizontalOffset: 0,\r\n        },\r\n        {\r\n          url: \"jlr/workHeroFloatingImage2.png\",\r\n          horizontalOffset: 0,\r\n        },\r\n        {\r\n          url: \"jlr/workHeroFloatingImage3.png\",\r\n          horizontalOffset: 0,\r\n        },\r\n      ],\r\n      interfaceBackground: \"#e7bb56\",\r\n      interfaceHighlight: \"#796c4f\",\r\n      ctaBackground: \"#f3db9f\",\r\n    },\r\n    {\r\n      title: \"Redefining and bringing auction valuations into the modern era\",\r\n      name: \"Podium Valuations\",\r\n      description:\r\n        \"We helped develop a fully fledged platform to allow people to get valuations from official auction houses from the comfort of their own homes.\",\r\n      linkUrl: \"podiumValuations\",\r\n      projectLogoUrl: \"podiumValuations/serviceLogoLight.png\",\r\n      backgroundImage: \"podiumValuations/workHeroBackground.jpg\",\r\n      backgroundShade: \"dark\",\r\n      floatingImages: [\r\n        {\r\n          url: \"podiumValuations/workHeroFloatingImage1.png\",\r\n          horizontalOffset: 0,\r\n        },\r\n        {\r\n          url: \"podiumValuations/workHeroFloatingImage2.png\",\r\n          horizontalOffset: 0,\r\n        },\r\n      ],\r\n      interfaceBackground: \"#8441a7\",\r\n      interfaceHighlight: \"#c28bdf\",\r\n      ctaBackground: \"#3e1d52\",\r\n    },\r\n    // {\r\n    //   title: 'Innovating a new way for students to get a hold of lightning meal deals',\r\n    //   name: 'Bite',\r\n    //   description: 'We designed and developed the Bite brand, Android app, and website to give students on university campuses ephemereal food offers in real time.',\r\n    //   linkUrl: 'bite',\r\n    //   projectLogoUrl: 'bite/workLogo.png',\r\n    //   backgroundImage: 'bite/workHeroBackground.jpg',\r\n    //   backgroundShade: 'light',\r\n    //   floatingImages: [\r\n    //     {\r\n    //       url: 'bite/workHeroFloatingImage1.png',\r\n    //       horizontalOffset: 0,\r\n    //     },\r\n    //     {\r\n    //       url: 'bite/workHeroFloatingImage2.png',\r\n    //       horizontalOffset: 0,\r\n    //     },\r\n    //   ],\r\n    //   interfaceBackground: '#0a8b69',\r\n    //   interfaceHighlight: '#9defda',\r\n    //   ctaBackground: '#26bd9c',\r\n    // },\r\n  ]);\r\n\r\n  const [initialised, setInitialised] = useState(false);\r\n\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n  // --------------------------------------------------------------      Redux functions\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n\r\n  const pageScrollEnabled = useSelector(fromPageScroll.getEnabled);\r\n\r\n  const dispatch = useDispatch();\r\n\r\n  const disablePageScroll = useCallback(\r\n    () => dispatch(fromPageScroll.actionCreators.disablePageScroll()),\r\n    [dispatch]\r\n  );\r\n\r\n  const enablePageScroll = useCallback(\r\n    () => dispatch(fromPageScroll.actionCreators.enablePageScroll()),\r\n    [dispatch]\r\n  );\r\n\r\n  useEffect(() => {\r\n    enablePullToRefresh(false, true);\r\n\r\n    return () => {\r\n      enablePullToRefresh(true, true);\r\n    };\r\n  }, []);\r\n\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n  // --------------------------------------------------------------      Window dimension change functions\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n\r\n  const sliderWrapper = useRef<HTMLDivElement>(null);\r\n  const [sliderHeight, setSliderHeight] = useState(100);\r\n  const previousSliderHeight = usePrevious(sliderHeight);\r\n  const latestSliderHeight = useLatest(sliderHeight);\r\n\r\n  useLayoutEffect(() => {\r\n    const updateHeroDimensions = () => {\r\n      const sliderWrapperProps = sliderWrapper.current.getBoundingClientRect();\r\n\r\n      const height = sliderWrapperProps.height;\r\n\r\n      setSliderHeight(height);\r\n    };\r\n\r\n    updateHeroDimensions();\r\n\r\n    // Setup event listeners on initial mount to keep the  dimensions of the slider updated\r\n    window.addEventListener(\"resize\", updateHeroDimensions);\r\n\r\n    return () => {\r\n      window.removeEventListener(\"resize\", updateHeroDimensions);\r\n    };\r\n  }, []);\r\n\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n  // --------------------------------------------------------------      Scroll functions\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n\r\n  const [disableScrollOnComplete, setDisableScrollOnComplete] = useState(false);\r\n  const latestDisableScrollOnComplete = useLatest(disableScrollOnComplete);\r\n  const handleScrollRest = (restValues: object) => {\r\n    if (latestDisableScrollOnComplete.current) {\r\n      disablePageScroll();\r\n    } else {\r\n      enablePageScroll();\r\n    }\r\n    setDisableScrollOnComplete(false);\r\n  };\r\n\r\n  const animateScrollTo = useScrollTarget(true, handleScrollRest);\r\n\r\n  const scrollToContent = () => {\r\n    if (!pageScrollEnabled) enablePageScroll();\r\n    animateScrollTo(sliderHeight);\r\n  };\r\n\r\n  const manageScrollForSlide = (index: number) => {\r\n    if (index === slidesData.length - 1 && !pageScrollEnabled) {\r\n      enablePageScroll();\r\n    }\r\n  };\r\n\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n  // --------------------------------------------------------------      Animate in first slide functions\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n\r\n  const [inViewRef, inView] = useIntersect({\r\n    startObserving: animationReady,\r\n  });\r\n\r\n  React.useEffect(() => {\r\n    // Animate in initial slide if not initialised on each render\r\n    if (inView && animationReady && !initialised) {\r\n      setInitialised(true);\r\n      if (window.scrollY === 0) {\r\n        window.scrollTo(0, 0);\r\n        disablePageScroll();\r\n      } else {\r\n        setDisableScrollOnComplete(true);\r\n        animateScrollTo(0);\r\n      }\r\n    }\r\n  }, [inView, animationReady, initialised]);\r\n\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n  // --------------------------------------------------------------      Slider drag functions\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n\r\n  const draggingSpringConfig: SpringConfig = {\r\n    ...defaultSpringConfig,\r\n    tension: 500,\r\n  };\r\n\r\n  const [slidePositions, setSlidePositions] = useSprings(\r\n    slidesData.length,\r\n    (i) => ({\r\n      y: 0,\r\n      immediate: false,\r\n    })\r\n  );\r\n  const [isBeingDragged, setIsBeingDragged] = useState(false);\r\n  const latestIsBeingDragged = useLatest(isBeingDragged);\r\n  const [currentSlideIndex, setCurrentSlideIndex] = useState(0);\r\n  const latestCurrentSlideIndex = useLatest(currentSlideIndex);\r\n\r\n  const bounds: IDraggableBounds = {\r\n    y: [-latestSliderHeight.current, latestSliderHeight.current],\r\n    x: [0, 0],\r\n  };\r\n\r\n  const gestureOptions: DragConfig = {\r\n    initial: () => [0, 0],\r\n    rubberband: false,\r\n    lockDirection: true,\r\n    axis: \"y\",\r\n    bounds: {\r\n      top: bounds.y[0],\r\n      bottom: bounds.y[1],\r\n      left: bounds.x[0],\r\n      right: bounds.x[1],\r\n    },\r\n  };\r\n  const bind = useGesture(\r\n    {\r\n      onDrag: (state) => handleDrag(state),\r\n      onWheel: (state) => handleWheel(state),\r\n    },\r\n    {\r\n      drag: { ...gestureOptions, filterTaps: true },\r\n      // wheel: { ...gestureOptions },\r\n    }\r\n  );\r\n\r\n  interface IInitialSlidePosition {\r\n    y: number;\r\n    targetY: number;\r\n  }\r\n\r\n  const getInitialSlidePositions = (): IInitialSlidePosition[] => {\r\n    return slidePositions.map((position) => ({\r\n      y: position.y.get(),\r\n      targetY: position.y.goal,\r\n    }));\r\n  };\r\n\r\n  const handleDrag = (state: FullGestureState<\"drag\">) => {\r\n    const {\r\n      args: [index],\r\n      down,\r\n      movement: [, my],\r\n      vxvy: [, vy],\r\n      first,\r\n      last,\r\n      cancel,\r\n      memo = getInitialSlidePositions(),\r\n    } = state;\r\n    const currentLastSlide = index === slidesData.length - 1;\r\n\r\n    const windowScrollTop = typeof window !== \"undefined\" ? window.scrollY : 0;\r\n\r\n    if (first || (down && !latestIsBeingDragged.current) || !memo)\r\n      setIsBeingDragged(true);\r\n    if (last) setIsBeingDragged(false);\r\n\r\n    if (windowScrollTop === 0 && !(currentLastSlide && my < 0)) {\r\n      if (pageScrollEnabled) disablePageScroll();\r\n\r\n      let curSlideY = 0;\r\n      let curExtraY = 0;\r\n      let prevSlideY = null;\r\n      let prevExtraY = 0;\r\n      const range = -latestSliderHeight.current;\r\n\r\n      const previousSlidePosition: IInitialSlidePosition =\r\n        index > 0 ? memo[index - 1] : null;\r\n      const currentSlidePosition: IInitialSlidePosition = memo[index];\r\n\r\n      if (my >= 0) {\r\n        if (currentSlidePosition.y < 0) {\r\n          curSlideY = currentSlidePosition.y + my;\r\n          if (curSlideY > 0) {\r\n            prevExtraY = curSlideY;\r\n            curSlideY = 0;\r\n          }\r\n        } else {\r\n          prevExtraY = my;\r\n        }\r\n        if (previousSlidePosition != null && prevExtraY > 0) {\r\n          prevSlideY = previousSlidePosition.y + prevExtraY;\r\n        }\r\n      } else {\r\n        if (previousSlidePosition != null && previousSlidePosition.y > range) {\r\n          prevSlideY = previousSlidePosition.y + my;\r\n          if (prevSlideY < range) {\r\n            curExtraY = prevSlideY - range;\r\n            prevSlideY = range;\r\n          }\r\n          if (curExtraY < 0) {\r\n            curSlideY = currentSlidePosition.y + curExtraY;\r\n          }\r\n        } else {\r\n          curSlideY = currentSlidePosition.y + my;\r\n        }\r\n      }\r\n\r\n      if (index === slidesData.length - 1) curSlideY = 0;\r\n\r\n      if (last) {\r\n        if (prevSlideY != null && prevSlideY > range) {\r\n          // If the previous slide is slightly visible then either animate it in or reset slide positions to show current slide\r\n          if (prevSlideY > range / 2 || vy > 0.5) {\r\n            switchSlide(index - 1, vy);\r\n          } else {\r\n            resetSlidePositions();\r\n          }\r\n        } else {\r\n          // Otherwise if the current slide is more than half animated out show the next slide, if it isn't or if it is the last\r\n          // last slide then reset\r\n          if (\r\n            (curSlideY < range / 2 || vy < -0.5) &&\r\n            index < slidesData.length - 1\r\n          ) {\r\n            switchSlide(index + 1, vy);\r\n          } else {\r\n            resetSlidePositions();\r\n          }\r\n        }\r\n      } else {\r\n        setSlidePositions((i) => {\r\n          if (i === index - 1) {\r\n            // If it is the previous slide then animate it\r\n            if (prevSlideY != null) return { y: prevSlideY, immediate: down };\r\n          }\r\n          if (i === index) {\r\n            return { y: curSlideY, immediate: down };\r\n          }\r\n          return;\r\n        });\r\n      }\r\n    }\r\n    return memo;\r\n  };\r\n\r\n  const handleWheel = (state: FullGestureState<\"wheel\">) => {\r\n    const {\r\n      args: [index],\r\n      direction: [, diry],\r\n      last,\r\n      cancel,\r\n    } = state;\r\n    const currentLastSlide = index === slidesData.length - 1;\r\n\r\n    const windowScrollTop = typeof window !== \"undefined\" ? window.scrollY : 0;\r\n\r\n    if (\r\n      windowScrollTop === 0 &&\r\n      (!(currentLastSlide && diry !== -1) || !currentLastSlide)\r\n    ) {\r\n      if (diry !== 0) {\r\n        let newIndex = index;\r\n\r\n        if (diry < 0 && index !== 0) newIndex = index - 1;\r\n        else if (diry > 0 && !currentLastSlide) newIndex = index + 1;\r\n\r\n        switchSlide(newIndex);\r\n\r\n        if (last) manageScrollForSlide(newIndex);\r\n      }\r\n    } else {\r\n      if (last) manageScrollForSlide(currentSlideIndex);\r\n    }\r\n    cancel();\r\n  };\r\n\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n  // --------------------------------------------------------------      Slide switch functions\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n\r\n  const switchSlide = (index: number, initialVelocity: number = 0) => {\r\n    if (latestCurrentSlideIndex.current !== index) {\r\n      const windowScrollTop =\r\n        typeof window !== \"undefined\" ? window.scrollY : 0;\r\n\r\n      const getSpringConfig = (i: number) => {\r\n        let config = { ...defaultSpringConfig, velocity: initialVelocity };\r\n\r\n        if (initialVelocity !== 0) {\r\n          if (i === index && index === latestCurrentSlideIndex.current - 1) {\r\n            const distance = dragUtils.projection(initialVelocity);\r\n            const remainingDistance = 0 - slidePositions[i].y.get();\r\n            console.log(\"previous slide position: \", slidePositions[i].y.get());\r\n            console.log(\r\n              \"previous slide distance: \",\r\n              distance,\r\n              remainingDistance\r\n            );\r\n            if (Math.abs(distance) > Math.abs(remainingDistance)) {\r\n              config = {\r\n                decay: true,\r\n                velocity: initialVelocity,\r\n                clamp: true,\r\n              };\r\n            }\r\n          } else if (\r\n            i === index - 1 &&\r\n            index === latestCurrentSlideIndex.current + 1\r\n          ) {\r\n            const distance = dragUtils.projection(initialVelocity);\r\n            const remainingDistance =\r\n              latestSliderHeight.current + slidePositions[i].y.get();\r\n            console.log(\"current slide position: \", slidePositions[i].y.get());\r\n            console.log(\r\n              \"current slide distance: \",\r\n              distance,\r\n              remainingDistance\r\n            );\r\n            if (Math.abs(distance) > Math.abs(remainingDistance)) {\r\n              config = {\r\n                decay: true,\r\n                velocity: initialVelocity,\r\n                clamp: true,\r\n              };\r\n            }\r\n          }\r\n        }\r\n\r\n        return config;\r\n      };\r\n\r\n      const springOnChange = (result: any, i: number) => {\r\n        let y = null;\r\n        if (result > 0) y = 0;\r\n        else if (result < bounds.y[0]) y = bounds.y[0];\r\n\r\n        // If the distance left to travel for the previous slide when sliding in is less than 50 then animate directly to 0\r\n        // to prevent the slide overshooting and revealing the slide underneath it at the top\r\n        if (result > -100 && result < 0 && initialVelocity > 0)\r\n          setSlidePositions((ii) =>\r\n            ii === i\r\n              ? {\r\n                  y: 0,\r\n                  immediate: false,\r\n                  config: { ...defaultSpringConfig, decay: false },\r\n                }\r\n              : null\r\n          );\r\n        // Cap the slide position to the boundaries of the slider, but only happens after the spring has already overshot it's\r\n        // boundaries so it will show the slide underneath for one frame\r\n        else if (y != null)\r\n          setSlidePositions((ii) =>\r\n            ii === i\r\n              ? { y, immediate: true, config: { decay: false, velocity: 0 } }\r\n              : null\r\n          );\r\n      };\r\n\r\n      setSlidePositions((i) => {\r\n        return {\r\n          y: i < index ? -latestSliderHeight.current : 0,\r\n          immediate: false,\r\n          config: getSpringConfig(i),\r\n          onChange: {\r\n            y: (result) => springOnChange(result, i),\r\n          },\r\n        };\r\n      });\r\n\r\n      setCurrentSlideIndex(index);\r\n\r\n      const isLastSlide = index === slidesData.length - 1;\r\n\r\n      if (windowScrollTop !== 0) {\r\n        setDisableScrollOnComplete(!isLastSlide);\r\n        animateScrollTo(0);\r\n      } else {\r\n        if (isLastSlide) enablePageScroll();\r\n        else disablePageScroll();\r\n      }\r\n    }\r\n  };\r\n\r\n  const resetSlidePositions = (initialVelocity: number = 0) => {\r\n    setSlidePositions((i) => {\r\n      return {\r\n        y:\r\n          i < latestCurrentSlideIndex.current ? -latestSliderHeight.current : 0,\r\n        immediate: false,\r\n        config: { ...draggingSpringConfig, velocity: initialVelocity },\r\n      };\r\n    });\r\n    const isLastSlide =\r\n      latestCurrentSlideIndex.current === slidesData.length - 1;\r\n    if (isLastSlide) enablePageScroll();\r\n  };\r\n\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n  // --------------------------------------------------------------      Make slider responsive functions\r\n  // ------------------------------------------------------------------------------------------------------------------------------------------------------\r\n\r\n  useEffect(() => {\r\n    if (previousSliderHeight !== undefined) {\r\n      const oldHeight =\r\n        previousSliderHeight !== undefined ? previousSliderHeight : 2000;\r\n      if (\r\n        sliderHeight !== previousSliderHeight &&\r\n        sliderHeight !== 0 &&\r\n        previousSliderHeight !== 0\r\n      ) {\r\n        setSlidePositions((i) => {\r\n          const position = slidePositions[i].y.get();\r\n          const percentagePosition = position / oldHeight;\r\n          return {\r\n            y: percentagePosition * sliderHeight,\r\n            immediate: true,\r\n          };\r\n        });\r\n      }\r\n    }\r\n  }, [previousSliderHeight, sliderHeight]);\r\n\r\n  return (\r\n    <section className={classNames(\"workHeroWrapper\", { isBeingDragged })}>\r\n      <div ref={inViewRef} className=\"sliderWrapper\">\r\n        <div className=\"content\" ref={sliderWrapper}>\r\n          {slidePositions.map(({ y }, i) => {\r\n            const zIndex = 100 - i;\r\n            return (\r\n              <a.div\r\n                className=\"slideWrapper\"\r\n                key={i}\r\n                style={{\r\n                  zIndex,\r\n                }}\r\n              >\r\n                <a.div\r\n                  {...bind(i)}\r\n                  className=\"slideContainer\"\r\n                  style={{\r\n                    zIndex,\r\n                    transform: y.to(\r\n                      (slideY) =>\r\n                        `translateY(${(slideY / sliderHeight) * 100}vh)`\r\n                    ),\r\n                    willChange: `transform`,\r\n                  }}\r\n                >\r\n                  <WorkHeroSlide\r\n                    project={slidesData[i]}\r\n                    initialised={initialised}\r\n                    currentSlide={currentSlideIndex === i}\r\n                  />\r\n                </a.div>\r\n                <a.div\r\n                  className=\"interfaceClippingWrapper\"\r\n                  style={{\r\n                    zIndex,\r\n                    clipPath: y.to(\r\n                      (slideY) =>\r\n                        `inset(0 0 ${(slideY / sliderHeight) * -100}vh 0)`\r\n                    ),\r\n                    willChange: `clip-path`,\r\n                  }}\r\n                >\r\n                  <FloatingImages\r\n                    title={slidesData[i].title}\r\n                    images={slidesData[i].floatingImages}\r\n                    initialised={initialised}\r\n                    currentSlide={currentSlideIndex === i}\r\n                  />\r\n                  <WorkHeroSliderNav\r\n                    animateIn={animationReady}\r\n                    backgroundShade={slidesData[i].backgroundShade}\r\n                    interfaceBackground={slidesData[i].interfaceBackground}\r\n                    scrollToContent={scrollToContent}\r\n                    switchSlide={switchSlide}\r\n                    currentSlideNumber={i}\r\n                    totalSlideNumber={slidesData.length}\r\n                  />\r\n                </a.div>\r\n              </a.div>\r\n            );\r\n          })}\r\n        </div>\r\n      </div>\r\n    </section>\r\n  );\r\n};\r\n\r\nexport default WorkHero;\r\n","import React from \"react\";\r\nimport BlockLink from \"components/Links/BlockLink/BlockLink\";\r\n\r\nimport { useSpring, a, SpringConfig, to } from \"@react-spring/web\";\r\n\r\nimport { LazyImage } from \"components/Image/Index\";\r\n\r\nimport classNames from \"classnames\";\r\n\r\nimport { useIntersect } from \"hooks/useIntersect\";\r\nimport { useAnimateInTrail, IAnimateInProps } from \"hooks/useAnimateInTrail\";\r\nimport {\r\n  initialOffset,\r\n  defaultSpringConfig,\r\n} from \"components/Animations/SpringProperties/SpringProperties\";\r\n\r\nexport interface IWorkGridItem {\r\n  title: string;\r\n  description: string;\r\n  imageUrl: string;\r\n  projectUrl: string;\r\n  caseStudy: boolean;\r\n}\r\n\r\nexport interface IWorkGridItems {\r\n  [name: string]: IWorkGridItem;\r\n}\r\n\r\ninterface IOwnSpecificProps {\r\n  item: IWorkGridItem;\r\n  animateThreshold?: number;\r\n  spacer?: boolean;\r\n}\r\n\r\ntype IOwnProps = IOwnSpecificProps & IAnimateInProps;\r\n\r\ntype IProps = IOwnProps;\r\n\r\nconst WorkGridItemComponent: React.FC<IProps> = ({\r\n  animationReady,\r\n  animateThreshold,\r\n  item,\r\n  spacer,\r\n  ...props\r\n}) => {\r\n  const [inViewRef, inView] = useIntersect({\r\n    startObserving: animationReady,\r\n    rootMargin:\r\n      animateThreshold !== undefined\r\n        ? `${animateThreshold}px 0px ${animateThreshold}px 0px`\r\n        : `-150px 0px -150px 0px`,\r\n  });\r\n\r\n  const [animateInTrail] = useAnimateInTrail(inView, 3);\r\n\r\n  const hoverSpringConfig: SpringConfig = {\r\n    ...defaultSpringConfig,\r\n    tension: 250,\r\n    friction: 36,\r\n  };\r\n\r\n  const [hoverSpring, setHoverSpring] = useSpring(() => ({\r\n    hover: 0,\r\n    config: hoverSpringConfig,\r\n  }));\r\n\r\n  const imageWrapperStyles = {\r\n    opacity: animateInTrail[0].active,\r\n    transform: animateInTrail[0].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const imageStyles = {\r\n    transform: to(\r\n      [animateInTrail[0].active, hoverSpring.hover],\r\n      (x, h) =>\r\n        `scale(${1.08 + x * -0.08 + h * 0.02}, ${1.08 + x * -0.08 + h * 0.02})`\r\n    ),\r\n  };\r\n\r\n  const titleStyles = {\r\n    opacity: animateInTrail[1].active,\r\n    transform: animateInTrail[1].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const descriptionStyles = {\r\n    opacity: animateInTrail[2].active,\r\n    transform: animateInTrail[2].active.to(\r\n      (x) => `translateY(calc(${initialOffset(x)}))`\r\n    ),\r\n  };\r\n\r\n  const whenMouseEntered = () => {\r\n    setHoverSpring({ hover: 1 });\r\n  };\r\n\r\n  const whenMouseLeft = () => {\r\n    setHoverSpring({ hover: 0 });\r\n  };\r\n\r\n  if (spacer) return <li className={classNames(\"tile-wrapper\", \"spacer\")}></li>;\r\n\r\n  return (\r\n    <li\r\n      ref={inViewRef}\r\n      className={classNames(\"tile-wrapper\", { caseStudy: item.caseStudy })}\r\n      onMouseEnter={whenMouseEntered}\r\n      onMouseLeave={whenMouseLeft}\r\n    >\r\n      <BlockLink to={\"/work/\" + item.projectUrl} title={item.title}>\r\n        <a.div className=\"mainImageWrapper\" style={imageWrapperStyles}>\r\n          <a.div className=\"mainImage\" style={imageStyles}>\r\n            <LazyImage\r\n              width=\"100%\"\r\n              height=\"100%\"\r\n              src={\"/assets/images/work/\" + item.imageUrl}\r\n              alt={item.title}\r\n              animateImageIn={true}\r\n              animationType={\"reveal\"}\r\n            />\r\n          </a.div>\r\n          <div className=\"comingSoon\">\r\n            <div className=\"textWrapper\">\r\n              <p>coming soon</p>\r\n            </div>\r\n          </div>\r\n        </a.div>\r\n        <a.h1 style={titleStyles}>{item.title}</a.h1>\r\n        <a.div className=\"description\" style={descriptionStyles}>\r\n          <p>{item.description}</p>\r\n        </a.div>\r\n      </BlockLink>\r\n    </li>\r\n  );\r\n};\r\n\r\nexport const WorkGridItem = WorkGridItemComponent;\r\n","import React, { useState } from 'react';\r\n\r\nimport { IAnimateInProps } from 'hooks/useAnimateInTrail';\r\n\r\nimport { IWorkGridItems, WorkGridItem } from 'components/WorkGrids/WorkGridItem';\r\n\r\ntype IProps = IAnimateInProps;\r\n\r\nconst FullWorkGridComponent: React.FC<IProps> = ({ animationReady, ...props }) => {\r\n  const [processGridData] = useState<IWorkGridItems>({\r\n    citiesOfTheFuture: {\r\n      title: 'Cities of the future',\r\n      description: 'Helping to present concepts for a new type of city that was pitched to the King of Dubai through a refined, and regal brochure, presentation and short visionary marketing video.',\r\n      imageUrl: 'citiesOfTheFuture/workGridBackground.jpg',\r\n      projectUrl: 'citiesOfTheFuture',\r\n      caseStudy: true,\r\n    },\r\n    callejaConsulting: {\r\n      title: 'Calleja Consulting',\r\n      description: \"Calleja Consulting's previous website was built for a different time, we came in to give it a much brighter and more modern look, whilst still offering improvements to the end users' experience.\",\r\n      imageUrl: 'callejaConsulting/workGridBackground.jpg',\r\n      projectUrl: 'callejaConsulting',\r\n      caseStudy: false,\r\n    },\r\n    jcDesigns: {\r\n      title: 'J C Designs',\r\n      description: 'Completely revamped the existing site to work better for their target market as well as with their more modern image. Going from a hige-fidelity prototype all the way to a fully featured WordPress site.',\r\n      imageUrl: 'jcDesigns/workGridBackground.jpg',\r\n      projectUrl: 'jcDesigns',\r\n      caseStudy: false,\r\n    },\r\n    angelRiskManagement: {\r\n      title: 'Angel Risk Management',\r\n      description: \"Developed Angel Risk Management's new website to better reflect their business in the current market using the designs provided. Going from a high-fidelity prototype right through to the final pixel perfect website.\",\r\n      imageUrl: 'angelRiskManagement/workGridBackground.jpg',\r\n      projectUrl: 'angelRiskManagement',\r\n      caseStudy: false,\r\n    },\r\n    ocLessons: {\r\n      title: 'ocLessons',\r\n      description: 'Designed and built a new signup site for a new venture from Cambridge and Oxford universities, in conjunction with a new marketing system for their new educational course delivered through the pandemic.',\r\n      imageUrl: 'ocLessons/workGridBackground.jpg',\r\n      projectUrl: 'ocLessons',\r\n      caseStudy: false,\r\n    },\r\n    pickaUppa: {\r\n      title: 'Picka Uppa',\r\n      description: \"We created the brand identity and associated materials for this young company that made it stand out in an already crowded industry. This extended from the name and logo to the marketing materials and vans.\",\r\n      imageUrl: 'pickaUppa/workGridBackground.jpg',\r\n      projectUrl: 'pickaUppa',\r\n      caseStudy: false,\r\n    },\r\n  });\r\n\r\n  return (\r\n    <div className='work-grid full-work-grid'>\r\n      <div>\r\n        <ul className='flex-container'>\r\n          {/* <div className=\"spacer\" /> */}\r\n          {Object.keys(processGridData).map((itemId, index) => (\r\n            <WorkGridItem\r\n              animationReady={animationReady}\r\n              item={processGridData[itemId]}\r\n              key={index}\r\n            />\r\n          ))}\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const FullWorkGrid = FullWorkGridComponent;\r\n","import React, { useState } from \"react\";\r\n\r\nimport { IAnimateInProps } from \"hooks/useAnimateInTrail\";\r\n\r\nimport {\r\n  IWorkGridItems,\r\n  WorkGridItem,\r\n} from \"components/WorkGrids/WorkGridItem\";\r\n\r\ntype IProps = IAnimateInProps;\r\n\r\nconst SmallWorkGridComponent: React.FC<IProps> = ({\r\n  animationReady,\r\n  ...props\r\n}) => {\r\n  const [processGridData] = useState<IWorkGridItems>({\r\n    xRayClasses: {\r\n      title: \"A&E Xrays Workshops\",\r\n      description:\r\n        \"Designed marketing material for a few workshops aimed at helping inexperienced doctors and allowing them to get more comfortable with identifying subtle issues within innocent looking XRays.\",\r\n      imageUrl: \"xraysWorkshops/workGridBackground.jpg\",\r\n      projectUrl: \"xraysWorkshops\",\r\n      caseStudy: false,\r\n    },\r\n    purecure: {\r\n      title: \"Purecure\",\r\n      description:\r\n        \"Built the traditional hijama practicing startup's entire brand identity from scratch. Custom brand guidelines were developed and delivered to Purecure as well as being implemented through their new website.\",\r\n      imageUrl: \"purecure/workGridBackground.jpg\",\r\n      projectUrl: \"purecure\",\r\n      caseStudy: false,\r\n    },\r\n    qit: {\r\n      title: \"QIT Solutions\",\r\n      description:\r\n        \"Helped QIT Solutions evolve their brand and website, from a slightly dated look, and distilled it into it’s most important components. It went beyond their image and extended throughout their entire digital presence.\",\r\n      imageUrl: \"qit/workGridBackground.jpg\",\r\n      projectUrl: \"qit\",\r\n      caseStudy: false,\r\n    },\r\n    vrb: {\r\n      title: \"VRB\",\r\n      description:\r\n        \"Digitised a number of designs for VRB. Starting with a number of stylish snapbacks to push the new brand into the market.\",\r\n      imageUrl: \"vrb/workGridBackground.jpg\",\r\n      projectUrl: \"vrb\",\r\n      caseStudy: false,\r\n    },\r\n    alBadr: {\r\n      title: \"Al Badr Magazine\",\r\n      description:\r\n        \"Designed a range of layouts for editorials, as well as producing a comprehensive style guide and implementing a full rebrand for the award winning Al Badr magazine from UCLU Islamic Society.\",\r\n      imageUrl: \"alBadr/workGridBackground.jpg\",\r\n      projectUrl: \"alBadr\",\r\n      caseStudy: false,\r\n    },\r\n    katesCurtains: {\r\n      title: \"Kate's Curtains\",\r\n      description:\r\n        \"Helping to update Kate's Curtains brand presence so that it works better for their current market as well as looking forward into the future. The redesign extended from the logo to some of their brand collateral.\",\r\n      imageUrl: \"katesCurtains/workGridBackground.jpg\",\r\n      projectUrl: \"katesCurtains\",\r\n      caseStudy: false,\r\n    },\r\n    oliverMangham: {\r\n      title: \"Oliver Mangham\",\r\n      description:\r\n        \"Helping to showcase Oliver Mangham's magic with a new brand identity as well as a single page scrolling website where people could find the freelance magician's details in order to arrange performances.\",\r\n      imageUrl: \"oliverMangham/workGridBackground.jpg\",\r\n      projectUrl: \"oliverMangham\",\r\n      caseStudy: false,\r\n    },\r\n    assortedWork: {\r\n      title: \"Assorted Work\",\r\n      description:\r\n        \"A collection of some of some of our marketing work with a number of smaller organisations. Helping to publicise events that ranged from panels of Syrian refugees raising awareness to debates and charity fundraisers.\",\r\n      imageUrl: \"assortedWork/workGridBackground.jpg\",\r\n      projectUrl: \"assortedWork\",\r\n      caseStudy: false,\r\n    },\r\n  });\r\n\r\n  return (\r\n    <div className=\"work-grid small-work-grid\">\r\n      <div>\r\n        <ul className=\"flex-container\">\r\n          {Object.keys(processGridData).map((itemId, index) => (\r\n            <WorkGridItem\r\n              animationReady={animationReady}\r\n              item={processGridData[itemId]}\r\n              key={index}\r\n            />\r\n          ))}\r\n          <WorkGridItem animationReady={animationReady} item={null} spacer />\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport const SmallWorkGrid = SmallWorkGridComponent;\r\n","import React from \"react\";\r\n\r\nimport { usePageWrapper } from \"hooks/usePageWrapper\";\r\nimport { SEOHelmet } from \"components/SEO/SEOHelmet\";\r\n\r\nimport WorkHero from \"components/Heros/WorkHero/WorkHero\";\r\nimport { FullSection } from \"components/Layout/FullSection/FullSection\";\r\nimport { FullSectionContent } from \"components/Layout/FullSectionContent/FullSectionContent\";\r\nimport { FullWorkGrid } from \"components/WorkGrids/FullWorkGrid/FullWorkGrid\";\r\nimport { SmallWorkGrid } from \"components/WorkGrids/SmallWorkGrid/SmallWorkGrid\";\r\nimport { HighlightedPassage } from \"components/Layout/HighlightedPassage/HighlightedPassage\";\r\n\r\nimport { ButtonLink } from \"components/Links/Index\";\r\n\r\nimport FooterCta from \"components/Footer/FooterCta/FooterCta\";\r\n\r\nconst Work: React.FC<{}> = () => {\r\n  const [PageWrapperComponent, animatePageContentIn] = usePageWrapper();\r\n\r\n  const servicesButton = (\r\n    <ButtonLink\r\n      to=\"/services\"\r\n      type=\"small\"\r\n      arrow\r\n      animationReady={animatePageContentIn}\r\n      animateIn={animatePageContentIn}\r\n      title=\"Our services\"\r\n    >\r\n      Our services\r\n    </ButtonLink>\r\n  );\r\n\r\n  return PageWrapperComponent(\r\n    <div className=\"workPage\">\r\n      <SEOHelmet\r\n        schema=\"WebPage\"\r\n        title=\"Some of our work\"\r\n        description=\"We are a design studio that creates meaningful customer experiences and have a substantial portfolio of work that can help you show you what we could do for you. It's not just about design, but business results.\"\r\n        contentType=\"product\"\r\n      />\r\n      <WorkHero animationReady={animatePageContentIn} />\r\n      <FullSection\r\n        extraTopPadding\r\n        extraBottomPadding\r\n        title={<span>Have a peek at a few of our projects</span>}\r\n        description={\r\n          <span>\r\n            <p>\r\n              We are passionate about what we do, and start each project with a\r\n              process that is tailored and informed through our partnerships\r\n              with our clients. This ensures that we continue to produce work\r\n              that meets our own high standards as well as meeting our clients\r\n              briefs. We believe that our close relationships with our clients,\r\n              and our unique approach guided by thoughtful design, help us to\r\n              generate meaningful business results through our beautiful and\r\n              innovative products.\r\n            </p>\r\n          </span>\r\n        }\r\n        animationReady={animatePageContentIn}\r\n      >\r\n        <FullSectionContent padding=\"normal\">\r\n          <FullWorkGrid animationReady={animatePageContentIn} />\r\n          <HighlightedPassage\r\n            faded\r\n            animationReady={animatePageContentIn}\r\n            largerText\r\n            cta={servicesButton}\r\n          >\r\n            <>\r\n              We've partnered with more than{\" \"}\r\n              <span className=\"highlighted\">15 brands</span> since{\" \"}\r\n              <span className=\"highlighted\">2014</span> and in that time we've\r\n              launched more than{\" \"}\r\n              <span className=\"highlighted\">25 projects</span>. Have a look at\r\n              what we can do for you.\r\n            </>\r\n          </HighlightedPassage>\r\n          <SmallWorkGrid animationReady={animatePageContentIn} />\r\n        </FullSectionContent>\r\n      </FullSection>\r\n      <FooterCta animationReady={animatePageContentIn} />\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default Work;\r\n"],"sourceRoot":""}