{"version":3,"file":"component---src-pages-full-js-57dd006cea084907e3e8.js","mappings":"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","sources":["webpack://be-landing/./src/components/features/features.styled.js","webpack://be-landing/./src/components/gallery/gallery.styled.js","webpack://be-landing/./src/components/gallery/gallery.js","webpack://be-landing/./src/components/mission-statement/mission-statement.styled.js","webpack://be-landing/./src/components/pre-order/pre-order.js","webpack://be-landing/./src/components/specifications/specifications.styled.js","webpack://be-landing/./src/components/specifications/specifications.js","webpack://be-landing/./src/components/features/features-full.js","webpack://be-landing/./src/pages/full.js"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n  text-align: center;\n  padding: 8px 0px 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\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 FeatureTitle = styled.h2`\n  text-align: center;\n  color: ${({ theme }) => theme.text.primary};\n  font-family: \"Quantico\", sans-serif;\n  font-size: 24px;\n  font-weight: normal;\n  margin: 24px 0;\n`\n\nexport const BulletList = styled.ul`\n  display: flex;\n  flex-direction: row;\n  margin: 8px auto 24px;\n  list-style: none;\n  align-items: center;\n  justify-content: center;\n\n  ${props => props.normal && css`\n    display: inline-block;\n    text-align: center;\n\n    @media ${({ theme }) => theme.device.phone}{\n      text-align: left;\n    }\n\n    ${Bullet}{\n      display: inline-block;\n      margin-top: 5px;\n      margin-bottom: 5px;\n\n      @media ${({ theme }) => theme.device.phone}{\n        display: block;\n        border: 1px solid transparent;\n        margin-top: 10px;\n        margin-bottom: 10px;\n      }\n\n      font-size: 16px;\n      font-style: normal;\n      color: ${({ theme }) => theme.text.primary};\n    }\n  `}\n\n  @media ${({ theme }) => theme.device.tablet}{\n    flex-direction: column;\n  }\n\n  @media ${({ theme }) => theme.device.mobile}{\n    flex-direction: column;\n    justify-content: flex-start;\n    align-items: stretch;\n    \n    /* display: inline-block; */\n\n    padding-left: 24px;\n    padding-right: 10px;\n  }\n`;\n\nexport const Bullet = styled.li`\n  display: table-cell;\n  position: relative;\n  padding-left: 14px;\n  padding-right: 14px;\n  font-size: 17px;\n  font-style: italic;\n  margin: 0;\n  color: ${({ theme }) => theme.text.secondary};\n\n  @media ${({ theme }) => theme.device.tablet}{\n    display: block;\n    text-align: center;\n    margin-top: 2px;\n    margin-bottom: 2px;\n  }\n\n  @media ${({ theme }) => theme.device.tabletPortrait}{\n    display: block;\n    text-align: left;\n    margin-top: 2px;\n    margin-bottom: 2px;\n  }\n\n  @media ${({ theme }) => theme.device.phone}{\n    display: block;\n    text-align: left;\n    margin-top: 2px;\n    margin-bottom: 6px;\n  }\n  \n  &::after{\n    position: absolute;\n    top: 5px;\n    left: 0;\n    content: \" \";\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: ${({ theme }) => theme.primary.main};\n  }\n`;\n","import { GatsbyImage } from \"gatsby-plugin-image\";\nimport styled from \"styled-components\";\n\n\nconst cutSize = 4;\n\nexport const Wrap = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n  align-items: center;\n  margin: 0 auto 24px;\n  /* gap: 1px; */\n\n  @media ${({ theme }) => theme.device.phone}{\n    /* gap: 0; */\n  }\n`;\n\nexport const WrapItem = styled.div`\n  position: relative;\n  display: block;\n\n\n  @media ${({ theme }) => theme.device.phone}{\n    \n  }\n`;\n\nconst cutSize2 = 4;\nconst cutSize2Color = 'white'\nconst btnSize = 32;\n\nexport const ImageHover = styled.div`\n  display: none;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  width: ${btnSize - cutSize2 * 2}px;\n  height: ${btnSize}px;\n  margin-top: -${btnSize / 2}px;\n  margin-left: -${btnSize / 2 - cutSize}px;\n  text-align: center;\n  z-index: 1;\n  background-color: ${({ theme }) => theme.thirdiary.main};\n\n  &::before {\n    content: ' ';\n    position: absolute;\n    top: 0;\n    right: -${cutSize}px;\n    bottom: 0;\n    border-top: ${cutSize}px solid transparent;\n    border-left: ${cutSize}px solid ${({ theme }) => theme.thirdiary.main};\n    border-bottom: ${cutSize}px solid transparent;\n  }\n\n  &::after {\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: -${cutSize}px;\n    bottom: 0;\n    border-top: ${cutSize}px solid transparent;\n    border-right: ${cutSize}px solid ${({ theme }) => theme.thirdiary.main};\n    border-bottom: ${cutSize}px solid transparent;\n  }\n\n  svg{\n    margin-top: 3px;\n    fill: #fff;\n  }\n`;\n\nexport const ImageFrame = styled.div`\n  position: relative;\n  width: 186px;\n  margin: 1px;\n  height: 139px;\n  line-height: 0;\n  cursor: pointer;\n\n  &:hover{\n    ${ImageHover}{\n      display: block;\n    }\n    img{\n      filter: brightness(60%);\n    }\n  }\n\n  @media ${({ theme }) => theme.device.phone}{\n    width: 140px;\n    height: auto;\n\n  }\n`;\n\nexport const Image = styled(GatsbyImage)`\n  position: relative;\n  z-index: 1;\n  display: block;\n  line-height: 0;\n  \n  &::before {\n    content: '';\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    border-top: ${cutSize2}px solid ${cutSize2Color};\n    border-left: ${cutSize2}px solid transparent;\n    border-bottom: ${cutSize2}px solid ${cutSize2Color};\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: ${cutSize2}px solid ${cutSize2Color};\n    border-right: ${cutSize2}px solid transparent;\n    border-bottom: ${cutSize2}px solid ${cutSize2Color};\n    z-index: 1;\n  }\n`;\n","import React, { useState } from \"react\";\nimport { Icon } from '../../ui-components';\nimport {\n  Wrap,\n  WrapItem,\n  ImageFrame,\n  ImageHover,\n  Image,\n} from './gallery.styled';\nimport GalleryFullScreen from \"./gallery-fullscreen\";\n\n\n\nconst Gallery = ({ data, forcedType = \"\" }) => {\n  const [fullScreenIndex, setFullScreenIndex] = useState(null);\n  const fullScreenData = fullScreenIndex !== null ? data[fullScreenIndex] : null;\n\n  const enterFullScreen = (index) => {\n    setFullScreenIndex(index);\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(null);\n  }\n\n  return (\n    <>\n      {fullScreenData\n        ? (\n          <GalleryFullScreen\n            data={{\n              type: fullScreenData.type,\n              image: fullScreenData.image.childImageSharp.fullscreen,\n              youtube: fullScreenData.youtube,\n            }}\n            onNext={handleNext}\n            onPrev={handlePrev}\n            onClose={handleClose}\n            forcedType={forcedType}\n          />\n        )\n        : ''}\n      <Wrap>\n        {data.map((data, key) => (\n          <WrapItem\n            key={key}\n            onClick={() => enterFullScreen(key)}\n          >\n            <ImageFrame>\n              <Image\n                image={data.image.childImageSharp.thumb}\n                alt=\"Gallery Image\"\n              />\n              <ImageHover>\n                <Icon\n                  name=\"search-outline\"\n                  width={24}\n                  height={24}\n                  noFill\n                />\n              </ImageHover>\n            </ImageFrame>\n          </WrapItem>\n        ))}\n      </Wrap>\n    </>\n  )\n};\n\nexport default Gallery;\n","import styled, { css } from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n  text-align: center;\n  padding: 42px 10px 8px;\n\n  ${props => props.paper && css`\n    background: ${({ theme }) => theme.background.paper};\n    padding-top: 16px;\n    padding-bottom: 16px;\n  `}\n  \n\n  @media ${({ theme }) => theme.device.mobile}{\n    padding-left: 10px;\n    padding-right: 10px;\n  }\n`;\n\nexport const Youtube = styled.iframe`\n  width: 960px;\n  height: 540px;\n  margin: 0 auto 24px;\n  border: 0;\n\n  @media ${({theme}) => theme.device.tablet}{\n    width: 740px;\n    height: 416px;\n  }\n\n  @media ${({theme}) => theme.device.mobile}{\n    width: 340px;\n    height: 191px;\n  }\n\n  @media only screen and (max-width: 350px){\n    width: 300px;\n    height: 169px;    \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 HeroTitleSub = styled.div`\n  text-align: center;\n  font-size: 18px;\n  color: ${({ theme }) => theme.text.secondary};\n  margin-bottom: 24px;\n\n`\n\nexport const DescriptionMain = styled.p`\n  text-align: center;\n  margin-bottom: 32px;\n`;\n\n\n","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 styled, { css } from \"styled-components\";\n\n\nexport const Wrapper = styled.div`\n  text-align: center;\n  padding: 16px 0;\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\n\nexport const Title = styled.h2`\n  position: relative;\n  text-align: center;\n  font-family: \"Quantico\", sans-serif;\n  font-size: 24px;\n  display: block;\n  margin: 16px auto 24px;\n  color: ${({ theme }) => theme.text.primary};\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: 20%;\n    right: 20%;\n    bottom: -5px;\n  }\n`;\n\n\nexport const Group = styled.div`\n  margin-bottom: 24px;\n\n`;\n\nexport const GroupTitle = styled.h3`\n  position: relative;\n  text-align: center;\n  font-family: \"Quantico\", sans-serif;\n  font-size: 18px;\n  padding: 16px 0;\n  display: block;\n  margin: auto;\n  text-transform: uppercase;\n  color: ${({ theme }) => theme.primary.main};\n`;\n\nexport const GroupTable = styled.div`\n  ${props => props.container && css`\n    display: flex;\n    flex-direction: row;\n    padding: 8px;\n    align-items: center;\n    font-size: 16px;\n\n    &:nth-child(2n){\n      background: ${({ theme }) => theme.background.default};\n    }\n  `}\n\n  ${props => props.sep && css`\n      flex-basis: 48px;\n\n      @media ${({ theme }) => theme.device.mobile}{\n        display: none;\n      }\n  `}\n\n  ${props => props.icon && css`\n    padding-right: 8px;\n    svg{\n      fill: ${({ theme }) => theme.text.primary};\n    }\n  \n  `}\n  ${props => props.text && css`\n    flex: 1;\n    text-align: left;\n    text-transform: uppercase;\n    color: ${({ theme }) => theme.text.primary};\n  \n  `}\n  ${props => props.spec && css`\n    flex-basis: 200px;\n    text-align: right;\n    color: ${({ theme }) => theme.text.primary};  \n  `}\n`;\n","import React from \"react\";\nimport {\n  Title,\n  Wrapper,\n  Container,\n  Group,\n  GroupTitle,\n  GroupTable,\n} from '../specifications/specifications.styled';\nimport { Icon } from \"../../ui-components\";\n\n\nconst Specifications = ({ content }) => {\n  // const groups = content || {};\n\n  const groups = [{\n    title: 'General',\n    data: content?.general || [],\n  }, {\n    title: 'Boat',\n    data: content?.boat || [],\n  }, {\n    title: 'Camper',\n    data: content?.camper || [],\n  }, {\n    title: 'Trike',\n    data: content?.trike || [],\n  }, {\n    title: 'Trailer',\n    data: content?.trailer || [],\n  }]\n\n  return (\n    <Wrapper>\n      <Container>\n        <Title>Specifications</Title>\n        {groups.map((group, index) => (\n          <div key={index}>\n            {\n              group.data && group.data.length > 0 && (\n                <Group>\n                  <GroupTitle>{group.title}</GroupTitle>\n                  {group.data.map((data, index) =>\n                  (\n                    <GroupTable container key={index}>\n                      <GroupTable sep />\n                      <GroupTable text>{data.name}</GroupTable>\n                      <GroupTable spec>{data.value}</GroupTable>\n                      <GroupTable sep />\n                    </GroupTable>\n                  ))}\n                </Group>\n              )\n            }\n          </div>\n        ))}\n      </Container>\n    </Wrapper>\n  )\n}\n\nexport default Specifications;\n","import React, { useState } from \"react\";\nimport {\n  Button,\n} from '../../ui-components';\nimport {\n  FeatureTitle,\n  Wrapper,\n  Container,\n} from './features.styled';\nimport Gallery from \"../gallery/gallery\";\nimport GalleryFullScreen from \"../gallery/gallery-fullscreen\"\n\n\nconst FeaturesFull = ({ gallery }) => {\n  const [fullScreenIndex, setFullScreenIndex] = useState(null);\n  const data = [\n    {\n      \"type\": \"youtube\",\n      \"youtube\": \"https://www.youtube.com/embed/iv7wCFpbXHA\"\n    }\n  ]\n  const fullScreenData = fullScreenIndex !== null ? data[fullScreenIndex] : null;\n\n  const enterFullScreen = () => {\n    setFullScreenIndex(0);\n  }\n\n  const handleClose = (event) => {\n    event.preventDefault();\n    setFullScreenIndex(null);\n  }\n\n  return (\n    <>\n      {fullScreenData\n        ? (\n          <GalleryFullScreen\n            data={{\n              type: fullScreenData.type,\n              youtube: fullScreenData.youtube,\n            }}\n            disableNavigation\n            onNext={() => { }}\n            onPrev={() => { }}\n            onClose={handleClose}\n            forcedType=\"youtube\"\n          />\n        )\n        : ''}\n      <Wrapper>\n        <a name=\"product\" />\n\n        <Container>\n          <FeatureTitle>Amphibious Camper-Trike</FeatureTitle>\n        </Container>\n\n        <Container center margin>\n          <Button\n            type=\"button\"\n            onClick={enterFullScreen}\n            target=\"_blank\"\n            size=\"large\"\n            color=\"secondary\"\n          >\n            Demo Video\n          </Button>\n          &nbsp;\n          <Button\n            type=\"anchor\"\n            to=\"/BeTRITON_Brochure_single.pdf\"\n            target=\"_blank\"\n            size=\"large\"\n            color=\"primary\"\n          >\n            Brochure\n          </Button>\n        </Container>\n\n        <Container>\n          <Gallery data={gallery} />\n        </Container>\n\n      </Wrapper>\n    </>\n  )\n}\n\nexport default FeaturesFull;\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  PageTitle,\n} from '../ui-components';\nimport {\n  Wrapper,\n  Container,\n  DescriptionMain,\n} from '../components/mission-statement/mission-statement.styled';\nimport FeaturesFull from \"../components/features/features-full\";\nimport PreOrder from \"../components/pre-order/pre-order\";\nimport Specifications from \"../components/specifications/specifications\";\nimport BetritonFull from \"../../content/betriton-full.json\";\nimport { markdown2HTML } from '../utils';\n\n\nconst FullPage = ({ data }) => {\n  const content = data.markdownRemark?.frontmatter || {};\n  const siteTitle = `BeTRITON - Full version`\n  const gallery = data.gallery.edges.map(v => v.node.childMarkdownRemark.frontmatter) || [];\n\n  return (\n    <>\n      <SEO\n        canonical=\"/ready-made\"\n        title={siteTitle}\n      />\n      <Layout id=\"layout\" layout=\"simple\">\n        <LayoutHeader>\n          <Header />\n        </LayoutHeader>\n        <LayoutMain>\n          <Wrapper>\n            <Container>\n              <PageTitle custom dangerouslySetInnerHTML={{ __html: markdown2HTML(content.title) }} />\n              <DescriptionMain dangerouslySetInnerHTML={{ __html: content.description }} />\n            </Container>\n          </Wrapper>\n          <Wrapper paper>\n            <Container>\n              <FeaturesFull gallery={gallery} nospecs />\n              <Specifications content={BetritonFull} />\n            </Container>\n          </Wrapper>\n          <PreOrder />\n        </LayoutMain>\n        <LayoutFooter>\n          <Footer />\n        </LayoutFooter>\n      </Layout>\n    </>\n  );\n}\n\nexport default FullPage\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    markdownRemark(fileAbsolutePath: {regex: \"/content/pages/betriton_full.md/\"}) {\n      id\n      frontmatter {\n        title\n        description\n      }\n      html\n    }\n    gallery: allFile(filter: {absolutePath: {regex: \"/content/gallery/betriton_full/\"}},  sort: {fields: childrenMarkdownRemark___frontmatter___order, order: ASC}) {\n      edges {\n        node {\n          childMarkdownRemark {\n            frontmatter {\n              type\n              youtube\n              image{ \n                childImageSharp {\n                  thumb: gatsbyImageData(\n                    width: 187\n                    height: 140\n                    quality: 100\n                    placeholder: BLURRED\n                    formats: [WEBP]\n                  )\n                  fullscreen: gatsbyImageData(\n                    placeholder: BLURRED\n                    formats: [WEBP]\n                  )\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n`;\n"],"names":["Wrapper","styled","displayName","componentId","_ref","theme","background","paper","_ref2","device","mobile","Container","_ref3","size","container","props","center","css","margin","_ref4","phone","FeatureTitle","_ref5","text","primary","Bullet","normal","_ref6","_ref7","_ref8","_ref9","tablet","_ref10","_ref11","secondary","_ref12","_ref13","tabletPortrait","_ref14","_ref15","main","Wrap","WrapItem","cutSize2Color","ImageHover","btnSize","thirdiary","ImageFrame","Image","GatsbyImage","withConfig","data","forcedType","fullScreenIndex","setFullScreenIndex","useState","fullScreenData","React","GalleryFullScreen","type","image","childImageSharp","fullscreen","youtube","onNext","event","preventDefault","next","length","onPrev","prev","onClose","map","key","onClick","thumb","alt","Icon","name","width","height","noFill","DescriptionMain","sticked","Title","default","Body","Button","to","target","color","Group","GroupTitle","GroupTable","sep","icon","spec","content","groups","title","general","boat","camper","trike","trailer","group","index","value","gallery","disableNavigation","enterFullScreen","Gallery","_data$markdownRemark","markdownRemark","frontmatter","edges","v","node","childMarkdownRemark","SEO","canonical","Layout","id","layout","LayoutHeader","Header","LayoutMain","PageTitle","custom","dangerouslySetInnerHTML","__html","markdown2HTML","description","FeaturesFull","nospecs","Specifications","BetritonFull","PreOrder","LayoutFooter","Footer"],"sourceRoot":""}