{"version":3,"file":"component---src-pages-index-js-044a5d1f79b2b29a0359.js","mappings":"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","sources":["webpack://be-landing/./src/components/pre-order/pre-order.js","webpack://be-landing/./src/components/media-line/media-line.js","webpack://be-landing/./src/components/mission-call-on/mission-call-on.styled.js","webpack://be-landing/./src/components/mission-call-on/mission-call-on.js","webpack://be-landing/./src/components/use-case-builder/use-case-builder.styled.js","webpack://be-landing/./src/components/image-slider/image-slider.styled.js","webpack://be-landing/./src/components/image-slider/image-slider.js","webpack://be-landing/./src/components/use-case-builder/use-case-builder.js","webpack://be-landing/./src/components/feature-tree/feature-tree.styled.js","webpack://be-landing/./src/components/feature-tree/feature-tree.js","webpack://be-landing/./src/components/feature-versions/feature-versions.styled.js","webpack://be-landing/./src/components/feature-versions/feature-versions.js","webpack://be-landing/./src/pages/index.js"],"sourcesContent":["import React from \"react\";\nimport styled, { css } from \"styled-components\";\nimport {\n  Button\n} from '../../ui-components';\n\n\nconst ORDER_URL = 'https://my.betriton.com/preorder'\n\n\nconst Wrapper = styled.div`\n  position: relative;\n  text-align: center;\n  padding: 72px 0;\n\n  ${props => props.paper && css`\n    background: ${({ theme }) => theme.background.paper};\n  `}\n\n  ${props => props.sticked && css`\n    margin-bottom: -24px;\n  `}\n\n  @media ${({ theme }) => theme.device.phone}{\n    padding-left: 24px;\n    padding-right: 24px;\n  }\n`;\n\nconst Title = styled.h4`\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  text-align: center;\n  font-size: 32px;\n  line-height: 35px;\n  padding-bottom: 12px;\n  color: ${({ theme }) => theme.text.primary};\n\n  position: relative;\n  display: inline-block;\n\n  @media ${({ theme }) => theme.device.phone}{\n    font-size: 24px;\n    line-height: 28px;\n    letter-spacing: 0;\n  }\n\n  &::after{\n    position: absolute;\n    content: \" \";\n    display: block;\n    background: linear-gradient(90deg, ${({ theme }) => theme.background.default} 0%, ${({ theme }) => theme.primary.main} 50%, ${({ theme }) => theme.background.default} 100%);\n    height: 1px;\n    left: 10%;\n    right: 10%;\n    bottom: -5px;\n  }\n`;\n\nconst Body = styled.p`\n  max-width: 520px;\n  margin: 24px auto;\n`;\n\n\nconst PreOrder = (props) => (\n  <Wrapper sticked={props.sticked} paper={props.paper}>\n    <Title>Embrace the spirit of extraordinary</Title>\n    <Body>\n      Be a pioneer and get in the queue for a journey that will create a very special set of emotions and memories!\n    </Body>\n    <Button\n      to={ORDER_URL}\n      type=\"anchor\"\n      target=\"_self\"\n      color=\"secondary\"\n      size=\"large\"\n    >\n      Pre-order\n    </Button>\n  </Wrapper>\n)\n\nexport default PreOrder;\n","import React, { useState, useEffect } from \"react\";\nimport {\n  GatsbyImage,\n} from \"gatsby-plugin-image\";\nimport styled, { css } from \"styled-components\";\n\n\nconst Wrapper = styled.div`\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  background: ${({ theme }) => theme.background.paper};\n  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.08);\n  z-index: 1;\n`;\n\nconst Container = styled.div`\n  display: flex;\n  width: 100%;\n  position: relative;\n  margin: 10px auto;\n  justify-content: center;\n`;\n\nconst ContainerOverflow = styled.div`\n  /* overflow: hidden; #TODO remove \n  overflow-x: scroll;\n  height: 80px;\n  width: 100vw; */\n`;\n\nconst CarouselContent = styled.div`\n  /* display: inline-flex;  #TODO remove \n  height: 80px;\n  align-items: center;\n  transition: all 750ms linear; */\n\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  \n  \n  /* transition: all 250ms linear; */\n  /* -ms-overflow-style: none; \n  scrollbar-width: none;   */\n\n  /* &::-webkit-scrollbar,\n  &::-webkit-scrollbar {\n    display: none;\n  } */\n\n\n\n  /* & > * {\n    width: 100%;\n    flex-shrink: 0;\n    flex-grow: 1;\n  } */\n\n/* \n  ${props => props.show === 4 && css`\n    & > * {\n      width: calc(100% / 4);\n    }\n  `} */\n\n`;\n\nconst BlockCoverage = styled.a`\n  display: flex;\n  text-align: center;\n  align-items: center;\n  justify-content: center;\n  width: 140px;\n  height: 80px;\n  margin: 0;\n  padding: 0;\n`;\n\nconst ImageCoverage = styled(GatsbyImage)`\n  /* filter: grayscale(100%);\n  opacity: 0.5;\n  &:hover, &:focus {\n    filter: grayscale(0%);\n    opacity: 1;\n  } */\n  margin: 0;\n  padding: 0;\n`;\n\n\n\nconst MediaLine = (props) => {\n  const { list, show, infiniteLoop } = props;\n\n  const [currentIndex, setCurrentIndex] = useState(infiniteLoop ? show : 0)\n  const [length, setLength] = useState(list.length)\n\n  const [isRepeating, setIsRepeating] = useState(infiniteLoop && list.length > show)\n  const [transitionEnabled, setTransitionEnabled] = useState(true)\n\n  const [touchPosition, setTouchPosition] = useState(null)\n\n  // Set the length to match current children from props\n  useEffect(() => {\n    setLength(list.length)\n    setIsRepeating(infiniteLoop && list.length > show)\n  }, [list, infiniteLoop, show])\n\n  useEffect(() => {\n    if (isRepeating) {\n      if (currentIndex === show || currentIndex === length) {\n        setTransitionEnabled(true)\n      }\n    }\n  }, [currentIndex, isRepeating, show, length])\n\n  const next = () => {\n    if (isRepeating || currentIndex < (length - show)) {\n      setCurrentIndex(prevState => prevState + 1)\n    }\n  }\n\n  const prev = () => {\n    if (isRepeating || currentIndex > 0) {\n      setCurrentIndex(prevState => prevState - 1)\n    }\n  }\n\n  const handleTouchStart = (e) => {\n    const touchDown = e.touches[0].clientX\n    setTouchPosition(touchDown)\n  }\n\n  const handleTouchMove = (e) => {\n    const touchDown = touchPosition\n\n    if (touchDown === null) {\n      return\n    }\n\n    const currentTouch = e.touches[0].clientX\n    const diff = touchDown - currentTouch\n\n    if (diff > 5) {\n      next()\n    }\n\n    if (diff < -5) {\n      prev()\n    }\n\n    setTouchPosition(null)\n  }\n\n  const handleTransitionEnd = () => {\n    if (isRepeating) {\n      if (currentIndex === 0) {\n        setTransitionEnabled(false)\n        setCurrentIndex(length)\n      } else if (currentIndex === length + show) {\n        setTransitionEnabled(false)\n        setCurrentIndex(show)\n      }\n    }\n  }\n\n  const renderExtraPrev = () => {\n    // let output = []\n    // for (let index = 0; index < show; index++) {\n    //   output.push(children[length - 1 - index])\n    // }\n    // output.reverse()\n    // return output\n  }\n\n  const renderExtraNext = () => {\n    // let output = []\n    // for (let index = 0; index < show; index++) {\n    //   output.push(children[index])\n    // }\n    // return output\n  }\n\n\n  return (\n    <Wrapper>\n      <Container>\n        <ContainerOverflow\n          className=\"carousel-content-wrapper\"\n          onTouchStart={handleTouchStart}\n          onTouchMove={handleTouchMove}\n        >\n          <CarouselContent\n            show={show}\n          // style={{\n          //   transform: `translateX(-${currentIndex * (100 / show)}%)`,\n          //   transition: !transitionEnabled ? 'none' : undefined,\n          // }}\n          // onTransitionEnd={() => handleTransitionEnd()}\n          >\n            {/* {\n              (length > show && isRepeating) &&\n              renderExtraPrev()\n            } */}\n\n            {list.map((media, index) => (\n              <BlockCoverage\n                href={media.url}\n                target=\"_blank\"\n                key={index}\n              >\n                <ImageCoverage\n                  image={media.logo?.childImageSharp.gatsbyImageData}\n                  alt={media.name}\n                />\n              </BlockCoverage>\n            ))}\n\n            <BlockCoverage\n              href=\"/media-coverage\"\n              target=\"_self\"\n              more\n            >\n              + many more\n            </BlockCoverage>\n            {/* {\n              (length > show && isRepeating) &&\n              renderExtraNext()\n            } */}\n          </CarouselContent>\n        </ContainerOverflow>\n      </Container>\n    </Wrapper>\n  )\n}\n\nexport default MediaLine;","import styled, { css } from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n  text-align: center;\n  padding: 42px 10px 42px;\n  background: ${({ theme }) => theme.background.paper};\n\n  @media ${({ theme }) => theme.device.mobile}{\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n`;\n\nexport const Container = styled.div`\n  position: relative;\n  max-width: ${({ theme }) => theme.size.container}px;\n  margin: 0 auto;\n  text-align: left;\n  display: block;\n\n  ${props => props.center && css`\n    text-align: center;\n  `}\n\n  ${props => props.margin && css`\n    margin: 32px auto;\n  `}\n\n  @media ${({ theme }) => theme.device.phone}{\n    text-align: center;\n  }\n`;\n\nexport const Title = styled.h2`\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  text-align: center;\n  font-size: 32px;\n  line-height: 35px;\n  padding-bottom: 8px;\n  margin-bottom: 24px;\n  color: ${({ theme }) => theme.text.primary};\n  position: relative;\n  display: inline-block;\n\n  @media ${({ theme }) => theme.device.phone}{\n    font-size: 24px;\n    line-height: 28px;\n    letter-spacing: 0;\n  }\n\n  &::after{\n    position: absolute;\n    content: \" \";\n    display: block;\n    background: linear-gradient(90deg, ${({ theme }) => theme.background.default} 0%, ${({ theme }) => theme.primary.main} 50%, ${({ theme }) => theme.background.default} 100%);\n    height: 1px;\n    left: 10%;\n    right: 10%;\n    bottom: -5px;\n  }\n`;\n\n\nexport const DescriptionMain = styled.p`\n  text-align: center;\n  margin-bottom: 32px;\n  color: ${({ theme }) => theme.text.secondary};\n`;\n\n\n","import React from \"react\";\nimport {\n  Wrapper,\n  Title,\n  Container,\n  DescriptionMain,\n} from './mission-call-on.styled';\nimport { markdown2HTML } from '../../utils';\n\n\nconst MissionCallOn = ({ title, description }) => (\n  <Wrapper color=\"background\">\n    <Container center>\n      <Title dangerouslySetInnerHTML={{ __html: markdown2HTML(title) }} />\n      <DescriptionMain dangerouslySetInnerHTML={{ __html: markdown2HTML(description) }} />\n    </Container>\n  </Wrapper>\n)\n\n\nexport default MissionCallOn;\n","import { GatsbyImage } from \"gatsby-plugin-image\";\nimport styled, { css } from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n  text-align: center;\n  /* padding: 42px 10px 42px; */\n  /* background: ${({ theme }) => theme.background.paper}; */\n\n  @media ${({ theme }) => theme.device.mobile}{\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n`;\n\nexport const Container = styled.div`\n  position: relative;\n  max-width: ${({ theme }) => theme.size.container}px;\n  margin: 32px auto;\n  text-align: left;\n  display: block;\n\n  ${props => props.center && css`\n    text-align: center;\n  `}\n\n  ${props => props.margin && css`\n    margin: 32px auto;\n  `}\n\n  @media ${({ theme }) => theme.device.phone}{\n    text-align: center;\n  }\n`;\n\nexport const Title = styled.h3`\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  text-align: left;\n  font-size: 24px;\n  line-height: 29px;\n  color: ${({ theme }) => theme.text.primary};\n  position: relative;\n  display: block;\n\n  @media ${({ theme }) => theme.device.phone}{\n    font-size: 24px;\n    line-height: 28px;\n    letter-spacing: 0;\n  }\n\n`;\n\n\nexport const Description = styled.div`\n  text-align: left;\n  margin-bottom: 32px;\n  color: ${({ theme }) => theme.text.secondary};\n  font-size: 16px;\n  line-height: 25px;\n`;\n\nexport const Frame = styled.div`\n  ${props => props.container && css`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-items: center;\n\n    @media ${({ theme }) => theme.device.mobile}{\n      flex-direction: column;\n      max-width: 460px;\n      margin: auto;\n    }\n\n    @media ${({ theme }) => theme.device.phone}{\n      flex-direction: column;\n      max-width: 320px;\n      margin: auto;\n    }\n    \n    ${props => props.direction === \"left\" && css`\n      flex-direction: row-reverse;\n    `}\n  `};\n\n  ${props => props.image && css`\n    flex-basis: 400px;\n    padding: 8px;\n\n    @media ${({ theme }) => theme.device.mobile}{\n      flex-basis: auto;\n    }\n  `};\n\n  ${props => props.text && css`\n    flex: 1;\n    padding: 8px 24px 8px 24px;\n\n    ${props => props.direction === \"right\" && css`\n      padding: 8px 0 8px 24px;\n    `}\n  `};\n`\n","import { GatsbyImage } from \"gatsby-plugin-image\";\nimport styled, { css } from \"styled-components\";\n\n\nconst angle = 3;\n\nexport const Container = styled.div`\n  position: relative;\n`;\n\nexport const Content = styled.div`\n  /* display: flex; */\n  /* flex-direction: row; */\n  /* overflow: scroll; */\n`;\n\n\nexport const Image = styled(GatsbyImage)`\n  flex: 1;\n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    border-top: ${angle}px solid ${({ theme }) => theme.primary.main};\n    border-left: ${angle}px solid transparent;\n    border-bottom: ${angle}px solid ${({ theme }) => theme.primary.main};\n    z-index: 100;\n  }\n\n  &::after {\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left:0;\n    bottom: 0;\n    border-top: ${angle}px solid ${({ theme }) => theme.primary.main};\n    border-right: ${angle}px solid transparent;\n    border-bottom: ${angle}px solid ${({ theme }) => theme.primary.main};\n    z-index: 1;\n  }\n`;\n\nexport const ImageSliderButton = styled.div`\n  position: absolute;\n  top: 50%;\n  z-index: 10;\n  margin-top: -14px;\n  \n  ${props => props.left && css`\n    left: -10px;\n  `}\n\n  ${props => props.right && css`\n    right: -10px;\n  `}\n`\n\n\nexport const cutSize2 = 4;\n\nexport const StoryImageHover = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  text-align: center;\n  z-index: 1;\n  display: flex;\n  justify-content: center;\n  align-items: center;  \n  cursor: pointer;\n\n  ${props => props.type === \"image\" && css`\n    & > * {\n      display: none;\n    }\n\n    &:hover{\n      & > * {\n        display: block;\n      }\n    }\n  `}\n`;\n\nexport const PlayButton = styled.button`\n  border: 0;\n  background: ${({ theme }) => theme.thirdiary.main}66;\n  \n  border-radius: 50%;\n  height: 46px;\n  width: 46px;\n  \n  padding-left: 10px;\n  padding-top: 2px;\n  fill: ${({ theme }) => theme.text.white};\n  \n  &:hover{\n    background: ${({ theme }) => theme.thirdiary.dark}ff;\n  }\n\n  @media ${({ theme }) => theme.device.mobile}{\n    width: 60px;\n    height: 60px;\n    padding-left: 10px;\n  }\n`","import React, { useState } from \"react\";\nimport {\n  Container,\n  Content,\n  Image,\n  ImageSliderButton,\n  StoryImageHover,\n  PlayButton,\n} from './image-slider.styled';\nimport { ZWrapper, Button, Icon } from \"../../ui-components\";\nimport GalleryFullScreen from \"../gallery/gallery-fullscreen\";\n\n\nconst ImageSlider = ({ data, title, width, height }) => {\n  const [fullScreen, setFullScreen] = useState(false);\n  const [slideIndex, setSlideIndex] = useState(0);\n  const [fullScreenIndex, setFullScreenIndex] = useState(0);\n\n  const enterFullScreen = () => {\n    setFullScreenIndex(slideIndex);\n    setFullScreen(true)\n  }\n\n  const handleNext = (event) => {\n    event.preventDefault();\n    const next = fullScreenIndex + 1 >= data.length ? 0 : fullScreenIndex + 1;\n    setFullScreenIndex(next);\n  }\n\n  const handlePrev = (event) => {\n    event.preventDefault();\n    const prev = fullScreenIndex <= 0 ? data.length - 1 : fullScreenIndex - 1;\n    setFullScreenIndex(prev);\n  }\n\n  const handleClose = (event) => {\n    event.preventDefault();\n    setFullScreenIndex(0);\n    setFullScreen(false)\n  }\n\n  const slideNext = (event) => {\n    event.preventDefault();\n    const next = slideIndex + 1 >= data.length ? 0 : slideIndex + 1;\n    setSlideIndex(next);\n  }\n\n  const slidePrev = (event) => {\n    event.preventDefault();\n    const prev = slideIndex <= 0 ? data.length - 1 : slideIndex - 1;\n    setSlideIndex(prev);\n  }\n  return (\n    <>\n      {fullScreen\n        ? (\n          <GalleryFullScreen\n            data={{\n              type: data[fullScreenIndex].type,\n              image: data[fullScreenIndex].fullscreen,\n              youtube: data[fullScreenIndex].youtube,\n            }}\n            onNext={handleNext}\n            onPrev={handlePrev}\n            onClose={handleClose}\n            disableNavigation={data.length === 1}\n          />\n        )\n        : ''}\n      <ZWrapper\n        size=\"small\"\n        color=\"primary\"\n      >\n        <Container\n          width={width}\n          height={height}\n        >\n          {data.length > 1\n            ? <ImageSliderButton left>\n              <Button\n                color=\"thirdiary\"\n                size=\"icon\"\n                icon=\"caret-backward-sharp\"\n                nomargin\n                onClick={slidePrev}\n              />\n            </ImageSliderButton>\n            : null\n          }\n          {data.length > 1\n            ? <ImageSliderButton right>\n              <Button\n                color=\"thirdiary\"\n                size=\"icon\"\n                icon=\"caret-forward-sharp\"\n                nomargin\n                onClick={slideNext}\n              />\n            </ImageSliderButton>\n            : null}\n          <Content>\n            <Image\n              image={data[slideIndex].thumb}\n              alt={title}\n            />\n            <StoryImageHover type={data[slideIndex].type || \"image\"} onClick={enterFullScreen}>\n              <div>\n                {data[slideIndex].type === \"youtube\"\n                  ? <PlayButton onClick={enterFullScreen}>\n                    <Icon\n                      name=\"caret-forward-sharp\"\n                      size={32}\n                      noFill\n                    />\n                  </PlayButton>\n                  : <Button\n                    color=\"thirdiary\"\n                    size=\"icon\"\n                    icon=\"search-outline\"\n                    nomargin\n                    onClick={enterFullScreen}\n                  />}\n              </div>\n            </StoryImageHover>\n          </Content>\n        </Container>\n      </ZWrapper>\n    </>\n  )\n}\n\n\nexport default ImageSlider;","import React from \"react\";\nimport {\n  Wrapper,\n  Title,\n  Description,\n  Container,\n  Frame,\n} from './use-case-builder.styled';\nimport ImageSlider from \"../image-slider/image-slider\";\nimport { ZWrapper } from \"../../ui-components\";\nimport { markdown2HTML } from '../../utils';\n\n\nconst UseCaseBuilder = ({ content }) => (\n  <Wrapper>\n    {content.map((data, index) => (\n      <Container key={index}>\n        <ZWrapper\n          size=\"normal\"\n          color={index % 2 == 0 ? \"background\" : \"paper\"}\n        >\n          <Frame container direction={index % 2 == 0 ? \"right\" : \"left\"}>\n            <Frame image>\n              <ImageSlider\n                title={data.title}\n                data={data.images.map(data => ({ \n                  type: data.type,\n                  youtube: data.youtube,\n                  ...data.image.childImageSharp\n                 }))}\n                width={400}\n                height={240}\n              />\n            </Frame>\n            <Frame text direction={index % 2 == 0 ? \"right\" : \"left\"}>\n              <Title dangerouslySetInnerHTML={{ __html: markdown2HTML(data.title) }} />\n              <Description dangerouslySetInnerHTML={{ __html: markdown2HTML(data.description) }} />\n              {/* {data.icon} */}\n            </Frame>\n          </Frame>\n        </ZWrapper>\n      </Container>\n    ))}\n  </Wrapper>\n)\n\nexport default UseCaseBuilder;\n","import { GatsbyImage } from \"gatsby-plugin-image\";\nimport styled, { css } from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n  text-align: center;\n  padding: 24px 10px 24px;\n  background: ${({ theme }) => theme.background.paper};\n\n  @media ${({ theme }) => theme.device.mobile}{\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  ${props => props.color === \"background\" && css`\n    padding: 10px 10px 24px;\n    background: ${({ theme }) => theme.background.default};\n  `}\n\n`;\n\nexport const Container = styled.div`\n  position: relative;\n  max-width: ${({ theme }) => theme.size.container}px;\n  margin: 32px auto;\n  text-align: left;\n  display: block;\n\n  ${props => props.center && css`\n    text-align: center;\n  `}\n\n\n  @media ${({ theme }) => theme.device.phone}{\n    text-align: center;\n  }\n`;\n\nexport const Title = styled.h2`\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  text-align: center;\n  font-size: 32px;\n  line-height: 35px;\n  padding-bottom: 8px;\n  margin-bottom: 24px;\n  color: ${({ theme }) => theme.text.primary};\n  position: relative;\n  display: inline-block;\n\n  @media ${({ theme }) => theme.device.phone}{\n    font-size: 24px;\n    line-height: 28px;\n    letter-spacing: 0;\n  }\n\n  &::after{\n    position: absolute;\n    content: \" \";\n    display: block;\n    background: linear-gradient(90deg, ${({ theme }) => theme.background.default} 0%, ${({ theme }) => theme.primary.main} 50%, ${({ theme }) => theme.background.default} 100%);\n    height: 1px;\n    left: 10%;\n    right: 10%;\n    bottom: -5px;\n  }\n`;\n\n\nexport const Description = styled.div`\n  text-align: center;\n  margin-bottom: 36px;\n  color: ${({ theme }) => theme.text.secondary};\n  font-size: 16px;\n  line-height: 25px;\n`;\n\nexport const FrameAnchor = styled.a``\n\nexport const Frame = styled.div`\n  ${props => props.container && css`\n    display: flex;\n    flex-direction: row;\n\n    @media ${({ theme }) => theme.device.mobile}{\n      flex-direction: column;\n      max-width: 320px;\n      margin: auto;\n    }\n  `};\n\n  ${props => props.container_pictogram && css`\n    display: flex;\n    flex-direction: row;\n  \n    @media ${({ theme }) => theme.device.phone}{\n      /* flex-direction: column; */\n      /* min-width: 200px;\n      margin: auto; */\n    }\n  `};\n\n  ${props => props.row && css`\n    padding: 0 4px;\n    flex: 1;\n    @media ${({ theme }) => theme.device.tablet}{\n      margin-bottom: 20px;\n    }\n    @media ${({ theme }) => theme.device.mobile}{\n      margin-bottom: 20px;\n\n    }\n  `};\n\n\n  ${props => props.frame && css`\n    min-height: 110px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-content: center;\n    justify-content: center;\n    padding: 0 20px;\n  `};\n\n  ${props => props.image && css`\n    margin: 10px 0 0 0;\n  `};\n\n  ${props => props.center && css`\n    text-align: center;\n    margin: 20px auto;\n  `};\n\n  ${props => props.productrow && css`\n    padding: 0 8px;\n    flex: 1;\n    display: flex;\n\n    @media ${({ theme }) => theme.device.mobile}{\n      display: block;\n    }\n\n    ${props => props.position === \"left\" && css`\n      text-align: right;\n      justify-content: end;\n\n      @media ${({ theme }) => theme.device.mobile}{\n        text-align: center;\n      }\n    `}\n\n    ${props => props.position === \"right\" && css`\n      text-align: left;\n      @media ${({ theme }) => theme.device.mobile}{\n        text-align: center;\n      }\n    `}\n\n    ${props => props.position === \"center\" && css`\n      text-align: center;\n    `}\n  `};\n\n  ${props => props.productcol && css`\n    @media ${({ theme }) => theme.device.mobile}{\n      margin-bottom: 24px;\n    }\n    /* max-width: 320px; */\n  `}\n`;\n\nexport const FeatureTitle = styled.h3`\n  color: ${({ theme }) => theme.text.white};\n  margin: 10px 0;\n  padding: 8px;\n\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 600;\n  text-align: center;\n  font-size: 21px;\n  line-height: 27px;\n\n\n  @media ${({ theme }) => theme.device.phone}{\n    font-size: 14px;\n  }\n`;\n\nexport const FeatureDescription = styled.div`\n  color: ${({ theme }) => theme.text.white};\n  margin: 0 0 10px 0;\n  padding: 0 8px 8px;\n  font-size: 16px;\n  line-height: 21px;\n`;\n\nexport const FeatureImage = styled(GatsbyImage)`\n  max-width: 120px;\n  /* max-height: 120px; */\n\n  @media ${({ theme }) => theme.device.phone}{\n    /* height: 80px; */\n  }\n`;\n\nexport const ProductTitle = styled.h3`\n  color: ${({ theme }) => theme.text.primary};\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  margin: 8px;\n  margin-bottom: 4px;\n  font-size: 18px;\n`;\n\nexport const ProductDescription = styled.div`\n  color: ${({ theme }) => theme.text.secondary};\n`;\n\nexport const ProductImage = styled(GatsbyImage)`\n\n`;\n\nexport const FeatureLogo = styled.img`\n  max-width: 80px;\n`;\n\nexport const FeatureVersions = styled.h4`\n  color: ${({ theme }) => theme.text.primary};\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  font-size: 24px;\n  margin: 8px 0;\n\n`\n","import React from \"react\";\nimport {\n  Wrapper,\n  Title,\n  Description,\n  Container,\n  FrameAnchor,\n  Frame,\n  FeatureTitle,\n  // FeatureDescription,\n  FeatureImage,\n  ProductTitle,\n  // ProductDescription,\n  ProductImage,\n  FeatureLogo,\n  FeatureVersions,\n} from './feature-tree.styled';\nimport { Button, ZWrapper } from \"../../ui-components\";\nimport LogoSimpleImageSrc from '../../assets/img/logo-simple.png';\nimport { markdown2HTML } from '../../utils';\n\n\n\nconst getFeatureSide = (index) => {\n  switch (index) {\n    default:\n    case 0:\n      return \"left\";\n    case 1:\n      return \"middle\";\n    case 2:\n      return \"right\";\n  }\n}\n\nconst FeatureTree = ({ title, description, features }) => (\n  <Wrapper>\n    <Container center>\n      <Title dangerouslySetInnerHTML={{ __html: markdown2HTML(title) }} />\n      <Description>{description}</Description>\n      <Frame container_pictogram>\n        {features.map((data, index) => (\n          <Frame\n            key={index}\n            position={getFeatureSide(index)}\n            row\n          >\n            <ZWrapper\n              size=\"small\"\n              color=\"primary\"\n            >\n              <Frame frame>\n                <Frame image>\n                  <FeatureImage\n                    image={data.image.childImageSharp.thumb}\n                    alt={data.title}\n                  />\n                </Frame>\n              </Frame>\n              <FeatureTitle>{data.title}</FeatureTitle>\n            </ZWrapper>\n          </Frame>\n        ))}\n      </Frame>\n    </Container>\n  </Wrapper>\n)\n\nexport default FeatureTree;\n","import { GatsbyImage } from \"gatsby-plugin-image\";\nimport styled, { css } from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n  text-align: center;\n  padding: 24px 10px 24px;\n  background: ${({ theme }) => theme.background.paper};\n\n  @media ${({ theme }) => theme.device.mobile}{\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n\n  ${props => props.color === \"background\" && css`\n    padding: 10px 10px 24px;\n    background: ${({ theme }) => theme.background.default};\n  `}\n\n`;\n\nexport const Container = styled.div`\n  position: relative;\n  max-width: ${({ theme }) => theme.size.container}px;\n  margin: 32px auto;\n  text-align: left;\n  display: block;\n\n  ${props => props.center && css`\n    text-align: center;\n  `}\n\n\n  @media ${({ theme }) => theme.device.phone}{\n    text-align: center;\n  }\n`;\n\nexport const Title = styled.h2`\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  text-align: center;\n  font-size: 32px;\n  line-height: 35px;\n  padding-bottom: 8px;\n  margin-bottom: 24px;\n  color: ${({ theme }) => theme.text.primary};\n  position: relative;\n  display: inline-block;\n\n  @media ${({ theme }) => theme.device.phone}{\n    font-size: 24px;\n    line-height: 28px;\n    letter-spacing: 0;\n  }\n\n  &::after{\n    position: absolute;\n    content: \" \";\n    display: block;\n    background: linear-gradient(90deg, ${({ theme }) => theme.background.default} 0%, ${({ theme }) => theme.primary.main} 50%, ${({ theme }) => theme.background.default} 100%);\n    height: 1px;\n    left: 10%;\n    right: 10%;\n    bottom: -5px;\n  }\n`;\n\n\nexport const Description = styled.div`\n  text-align: center;\n  margin-bottom: 36px;\n  color: ${({ theme }) => theme.text.secondary};\n  font-size: 16px;\n  line-height: 25px;\n`;\n\nexport const FrameAnchor = styled.a``\n\nexport const Frame = styled.div`\n  ${props => props.container && css`\n    display: flex;\n    flex-direction: row;\n\n    @media ${({ theme }) => theme.device.mobile}{\n      flex-direction: column;\n      max-width: 320px;\n      margin: auto;\n    }\n  `};\n\n  ${props => props.container_pictogram && css`\n    display: flex;\n    flex-direction: row;\n  \n    @media ${({ theme }) => theme.device.phone}{\n      /* flex-direction: column; */\n      /* min-width: 200px;\n      margin: auto; */\n    }\n  `};\n\n  ${props => props.row && css`\n    padding: 0 4px;\n    flex: 1;\n    @media ${({ theme }) => theme.device.tablet}{\n      margin-bottom: 20px;\n    }\n    @media ${({ theme }) => theme.device.mobile}{\n      margin-bottom: 20px;\n\n    }\n  `};\n\n\n  ${props => props.frame && css`\n    min-height: 110px;\n    width: 100%;\n    display: flex;\n    flex-direction: column;\n    align-content: center;\n    justify-content: center;\n    padding: 0 20px;\n  `};\n\n  ${props => props.image && css`\n    margin: 10px 0 0 0;\n  `};\n\n  ${props => props.center && css`\n    text-align: center;\n    margin: 20px auto;\n  `};\n\n  ${props => props.productrow && css`\n    padding: 0 8px;\n    flex: 1;\n    display: flex;\n\n    @media ${({ theme }) => theme.device.mobile}{\n      display: block;\n    }\n\n    ${props => props.position === \"left\" && css`\n      text-align: right;\n      justify-content: end;\n\n      @media ${({ theme }) => theme.device.mobile}{\n        text-align: center;\n      }\n    `}\n\n    ${props => props.position === \"right\" && css`\n      text-align: left;\n      @media ${({ theme }) => theme.device.mobile}{\n        text-align: center;\n      }\n    `}\n\n    ${props => props.position === \"center\" && css`\n      text-align: center;\n    `}\n  `};\n\n  ${props => props.productcol && css`\n    @media ${({ theme }) => theme.device.mobile}{\n      margin-bottom: 24px;\n    }\n    /* max-width: 320px; */\n  `}\n`;\n\nexport const FeatureTitle = styled.h3`\n  color: ${({ theme }) => theme.text.white};\n  margin: 10px 0;\n  padding: 8px;\n\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 600;\n  text-align: center;\n  font-size: 21px;\n  line-height: 27px;\n\n\n  @media ${({ theme }) => theme.device.phone}{\n    font-size: 14px;\n  }\n`;\n\nexport const FeatureDescription = styled.div`\n  color: ${({ theme }) => theme.text.white};\n  margin: 0 0 10px 0;\n  padding: 0 8px 8px;\n  font-size: 16px;\n  line-height: 21px;\n`;\n\nexport const FeatureImage = styled(GatsbyImage)`\n  max-width: 120px;\n  /* max-height: 120px; */\n\n  @media ${({ theme }) => theme.device.phone}{\n    /* height: 80px; */\n  }\n`;\n\nexport const ProductTitle = styled.h3`\n  color: ${({ theme }) => theme.text.primary};\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  margin: 8px;\n  margin-bottom: 4px;\n  font-size: 18px;\n`;\n\nexport const ProductDescription = styled.div`\n  color: ${({ theme }) => theme.text.secondary};\n`;\n\nexport const ProductImage = styled(GatsbyImage)`\n\n`;\n\nexport const FeatureLogo = styled.img`\n  max-width: 80px;\n`;\n\nexport const FeatureVersionTitle = styled.h4`\n  color: ${({ theme }) => theme.text.primary};\n  font-family: \"Quantico\", sans-serif;\n  font-weight: 400;\n  font-size: 24px;\n  margin: 8px 0;\n\n`\n","import React from \"react\";\nimport {\n  Wrapper,\n  Container,\n  FrameAnchor,\n  Frame,\n  ProductTitle,\n  ProductImage,\n  FeatureLogo,\n  FeatureVersionTitle,\n} from './feature-versions.styled';\nimport { Button, ZWrapper } from \"../../ui-components\";\nimport LogoSimpleImageSrc from '../../assets/img/logo-simple.png';\nimport { markdown2HTML } from '../../utils';\n\nconst FeatureVersion = ({ products }) => (\n  <Wrapper color=\"background\">\n    <Container center>\n      <Frame container>\n        <Frame center>\n          <FeatureLogo src={LogoSimpleImageSrc} alt=\"BeTRITON Versions\" />\n          <FeatureVersionTitle><strong>BeTRITON</strong> VERSIONS</FeatureVersionTitle>\n        </Frame>\n      </Frame>\n\n      <Frame container>\n        {products.map((data, index) => (\n          <Frame\n            key={index}\n            position=\"center\"\n            productrow\n          >\n            <Frame productcol>\n              <FrameAnchor\n                href={data.url}\n              >\n                <ZWrapper\n                  size=\"small\"\n                  color=\"primary\"\n                >\n                  <ProductImage\n                    image={data.image.childImageSharp.thumb}\n                    alt={data.title}\n                  />\n                </ZWrapper>\n\n              </FrameAnchor>\n              <ProductTitle dangerouslySetInnerHTML={{ __html: markdown2HTML(data.title) }} />\n              {data.url && (\n                <Button\n                  type={data.url_type}\n                  to={data.url}\n                  target=\"_self\"\n                  color={data.url_color}\n                  size=\"normal\"\n                  onClick={(e) => { }}\n                >\n                  {data.url_name}\n                </Button>\n              )}\n            </Frame>\n          </Frame>\n        ))}\n      </Frame>\n    </Container>\n  </Wrapper>\n)\n\nexport default FeatureVersion;\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport {\n  SEO,\n} from '../components';\nimport {\n  Layout,\n  LayoutHeader,\n  LayoutFooter,\n  LayoutMain,\n  Header,\n  Footer,\n} from '../ui-components';\nimport { Hero } from \"../components\";\nimport MediaLine from \"../components/media-line/media-line\";\nimport MissionCallOn from \"../components/mission-call-on/mission-call-on\";\nimport UseCaseBuilder from \"../components/use-case-builder/use-case-builder\";\nimport FeatureTree from \"../components/feature-tree/feature-tree\";\nimport FeatureVersion from \"../components/feature-versions/feature-versions\";\nimport PreOrder from \"../components/pre-order/pre-order\";\n\n\nconst HomePage = ({ data, location }) => {\n  const siteTitle = data.site.siteMetadata?.title || `Title`\n  const content = data.markdownRemark || {};\n  const use_case = content.frontmatter.use_case || [];\n  const features = content.frontmatter.features || [];\n  const products = content.frontmatter.products || [];\n\n  const mediaCoverage = data.mediaCoverage.nodes.map(element => element.childMarkdownRemark.frontmatter) || [];\n\n  return (\n    <>\n      <SEO\n        canonical=\"/\"\n        title={siteTitle}\n      />\n      <Layout id=\"layout\">\n        <LayoutHeader>\n          <Header home />\n        </LayoutHeader>\n        <LayoutMain>\n          <Hero\n            title={content.frontmatter.hero_title}\n            description={content.frontmatter.hero_description}\n            video={content.heroVideo}\n          />\n          <MediaLine\n            show={4}\n            infiniteLoop={true}\n            list={mediaCoverage}\n          />\n          <MissionCallOn\n            title={content.frontmatter.callon_title}\n            description={content.frontmatter.callon_description}\n          />\n          <FeatureVersion\n            products={products}\n          />\n          <FeatureTree\n            title={content.frontmatter.feature_title}\n            description={content.frontmatter.feature_description}\n            features={features}\n          />\n          <UseCaseBuilder\n            content={use_case}\n          />\n          <PreOrder\n            sticked\n            paper\n          />\n        </LayoutMain>\n        <LayoutFooter>\n          <Footer />\n        </LayoutFooter>\n      </Layout>\n    </>\n  );\n}\n\n\nexport default HomePage\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    markdownRemark(fileAbsolutePath: {regex: \"/content/pages/main.md/\"}) {\n      id\n      frontmatter {\n        hero_title\n        hero_description\n        callon_title\n        callon_description\n        use_case {\n          title\n          icon\n          description\n          images{ \n            type\n            image {\n              childImageSharp {\n                thumb: gatsbyImageData(\n                  width: 400\n                  height: 245\n                  placeholder: BLURRED\n                  formats: [WEBP]\n                )\n                fullscreen: gatsbyImageData(\n                  placeholder: BLURRED\n                  formats: [WEBP]\n                )\n              }\n            }\n            youtube\n          }\n        }\n        feature_title\n        feature_description\n        features {\n          title\n          description\n          image {\n            childImageSharp {\n              thumb: gatsbyImageData(\n                height: 100\n                placeholder: BLURRED\n                formats: [WEBP]\n              )\n            }\n          }\n        }\n        products {\n          title\n          description\n          image {\n            childImageSharp {\n              thumb: gatsbyImageData(\n                width: 480\n                height: 320\n                placeholder: BLURRED\n                formats: [WEBP]\n              )\n            }\n          }\n          url\n          url_type\n          url_name\n          url_color\n        }\n        gallery_title\n      }\n      html\n    }\n    mediaCoverage: allFile(filter: {absolutePath: {regex: \"//content/media_coverage//\"}, childrenMarkdownRemark: {elemMatch: {frontmatter: {in_home: {eq: true}}}}}) {\n      nodes {\n        childMarkdownRemark {\n          frontmatter {\n            url\n            name\n            quote\n            logo{\n              childImageSharp {\n                gatsbyImageData(\n                  width: 110\n                  placeholder: BLURRED\n                  formats: [WEBP]\n                )\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["Wrapper","styled","displayName","componentId","props","paper","css","_ref","theme","background","sticked","_ref2","device","phone","Title","_ref3","text","primary","_ref4","_ref5","default","_ref6","main","_ref7","Body","React","Button","to","type","target","color","size","Container","ContainerOverflow","CarouselContent","BlockCoverage","ImageCoverage","GatsbyImage","withConfig","list","show","infiniteLoop","currentIndex","setCurrentIndex","useState","length","setLength","isRepeating","setIsRepeating","transitionEnabled","setTransitionEnabled","touchPosition","setTouchPosition","useEffect","className","onTouchStart","e","touchDown","touches","clientX","onTouchMove","diff","prevState","map","media","index","_media$logo","href","url","key","image","logo","childImageSharp","gatsbyImageData","alt","name","more","mobile","container","center","margin","_ref8","_ref9","DescriptionMain","_ref10","secondary","title","description","dangerouslySetInnerHTML","__html","markdown2HTML","Description","Frame","direction","Content","Image","ImageSliderButton","left","right","StoryImageHover","PlayButton","thirdiary","white","dark","data","width","height","fullScreen","setFullScreen","slideIndex","setSlideIndex","fullScreenIndex","setFullScreenIndex","enterFullScreen","GalleryFullScreen","fullscreen","youtube","onNext","event","preventDefault","next","onPrev","prev","onClose","disableNavigation","ZWrapper","icon","nomargin","onClick","thumb","Icon","noFill","content","ImageSlider","images","_ref11","_ref12","container_pictogram","_ref13","row","_ref14","tablet","_ref15","frame","productrow","_ref16","position","_ref17","_ref18","productcol","_ref19","FeatureTitle","_ref20","_ref21","FeatureImage","_ref22","_ref23","getFeatureSide","_ref24","_ref25","_ref26","features","FrameAnchor","ProductTitle","ProductImage","FeatureLogo","FeatureVersionTitle","products","src","LogoSimpleImageSrc","url_type","url_color","url_name","_data$site$siteMetada","location","siteTitle","site","siteMetadata","markdownRemark","use_case","frontmatter","mediaCoverage","nodes","element","childMarkdownRemark","SEO","canonical","Layout","id","LayoutHeader","Header","home","LayoutMain","Hero","hero_title","hero_description","video","heroVideo","MediaLine","MissionCallOn","callon_title","callon_description","FeatureVersion","FeatureTree","feature_title","feature_description","UseCaseBuilder","PreOrder","LayoutFooter","Footer"],"sourceRoot":""}