{"version":3,"file":"component---src-pages-media-coverage-js-be0d48ef02d510e6a21c.js","mappings":"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","sources":["webpack://be-landing/./src/components/pre-order/pre-order.js","webpack://be-landing/./src/components/media-components/media-components.styled.js","webpack://be-landing/./src/components/media-components/media-list.js","webpack://be-landing/./src/components/media-components/media-grid.js","webpack://be-landing/./src/pages/media-coverage.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 styled, { css } from \"styled-components\";\nimport {\n  GatsbyImage,\n} from \"gatsby-plugin-image\";\nimport { ZWrapper } from \"../../ui-components\";\n\n\nexport const Table = styled(ZWrapper)`\ndisplay: table;\nwidth: 100%;\nmargin-bottom: 1px;\ntext-align: left;\n\n@media ${({ theme }) => theme.device.phone}{\n  display: block;   \n}\n`;\n\nexport const TableCell = styled.div`\ndisplay: table-cell;\nvertical-align: middle;\n\n${props => props.image && css`\n  width: 160px;\n  text-align: center;\n\n  @media ${({ theme }) => theme.device.phone}{\n    display: block; \n    width: auto;\n  }\n`}\n\n${props => props.text && css`\n  font-size: 18px;\n  line-height: 25px;\n  font-style: italic;\n\n  padding: 16px 24px 16px 8px;\n\n  color: ${({ theme }) => theme.text.primary};\n  font-weight: 300;\n\n  @media ${({ theme }) => theme.device.phone}{\n    font-size: 16px;\n    line-height: 23px;\n    text-align: center;\n    padding: 0;\n    padding-bottom: 8px;\n  }\n`}\n`;\n\nexport const MediaImage = styled(GatsbyImage)`\n  @media ${({ theme }) => theme.device.phone}{\n    margin: 8px 0;\n  }\n`;\n\n\nexport const Container = styled(ZWrapper)`\ndisplay: flex;\nflex-wrap: wrap;\njustify-content: center;\nalign-items: center;\npadding: 24px 0;\nwidth: 100%;\n`;\n\n\nexport const Block = styled.a`\ndisplay: block;\npadding: 0 8px;\n/* margin-top: -4px; */\n/* margin-bottom: -4px; */\n\n@media ${({ theme }) => theme.device.mobile}{\n  margin: 0;\n}\n`;\n","import React from \"react\";\nimport {\n  Table,\n  TableCell,\n  MediaImage,\n} from './media-components.styled';\n\n\nconst MediaList = ({ list }) => (\n  <>\n    {list.map((row, key) => (\n      <Table angle=\"6\" key={key}>\n        <TableCell image>\n          <a href={row.url} target=\"_blank\">\n            <MediaImage\n              image={row.logo?.childImageSharp.gatsbyImageData}\n              alt={row.name}\n            />\n          </a>\n        </TableCell>\n        <TableCell text>\n          {row.quote\n            ? `\\\"${row.quote}\\\"`\n            : ''\n          }\n        </TableCell>\n      </Table>\n    ))\n    }\n  </>\n);\n\n\nexport default MediaList;\n","import React from \"react\";\nimport {\n  Container,\n  Block,\n  MediaImage,\n} from './media-components.styled';\n\n\nconst MediaGrid = ({ list }) => (\n  <Container>\n    {list.map((row, key) => (\n      <Block href={row.url} target=\"_blank\" key={key}>\n        <MediaImage\n          image={row.logo?.childImageSharp.gatsbyImageData}\n          alt={row.name}\n        />\n      </Block>\n    )\n    )}\n  </Container>\n);\n\n\nexport default MediaGrid;\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  PageHTML,\n} from '../ui-components';\nimport MediaList from \"../components/media-components/media-list\";\nimport MediaGrid from \"../components/media-components/media-grid\";\nimport PreOrder from \"../components/pre-order/pre-order\";\n\n\n\nconst MediaCoveragePage = ({ data, location }) => {\n  const content = data.content.frontmatter || {};\n  const html = data.content.html;\n  const quoteCoverage = data.quoteCoverage.edges.map(element => element.node.childMarkdownRemark.frontmatter) || [];\n  const noQuoteCoverage = data.noQuoteCoverage.edges.map(element => element.node.childMarkdownRemark.frontmatter) || [];\n\n  return (\n    <>\n      <SEO\n        canonical=\"/media-coverage/\"\n        title={content.title}\n      />\n      <Layout id=\"layout\" layout=\"simple\">\n        <LayoutHeader>\n          <Header />\n        </LayoutHeader>\n        <LayoutMain>\n\n          <PageTitle>{content.title}</PageTitle>\n          <PageHTML center dangerouslySetInnerHTML={{ __html: html }} />\n\n          <MediaList list={quoteCoverage} />\n          <br />\n          <MediaGrid list={noQuoteCoverage} />\n\n          <PreOrder />\n        </LayoutMain>\n        <LayoutFooter>\n          <Footer />\n        </LayoutFooter>\n      </Layout>\n    </>\n  );\n}\nexport default MediaCoveragePage;\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    content: markdownRemark(fileAbsolutePath: {regex: \"/content/pages/media_coverage.md/\"}) {\n      frontmatter {\n        title\n      }\n      html\n    }\n    quoteCoverage: allFile(filter: {absolutePath: {regex: \"/content/media_coverage/\"}, childMarkdownRemark: {frontmatter: {quote: {ne: null}}}}, sort: {fields: [childMarkdownRemark___frontmatter___name], order: [ASC]}) {\n      edges {\n        node {\n          childMarkdownRemark {\n            frontmatter {\n              name\n              url\n              quote\n              logo{\n                childImageSharp {\n                  gatsbyImageData(\n                    width: 120\n                    placeholder: BLURRED\n                    formats: [WEBP]\n                  )\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n    noQuoteCoverage: allFile(filter: {absolutePath: {regex: \"/content/media_coverage/\"}, childMarkdownRemark: {frontmatter: {quote: {eq: null}}}}, sort: {fields: [childMarkdownRemark___frontmatter___name], order: [ASC]}) {\n      edges {\n        node {\n          childMarkdownRemark {\n            frontmatter {\n              name\n              url\n              quote\n              logo{\n                childImageSharp {\n                  gatsbyImageData(\n                    width: 120\n                    placeholder: BLURRED\n                    formats: [WEBP]\n                  )\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","Table","ZWrapper","withConfig","TableCell","image","MediaImage","GatsbyImage","Container","Block","mobile","list","map","row","key","_row$logo","angle","href","url","logo","childImageSharp","gatsbyImageData","alt","name","quote","data","location","content","frontmatter","html","quoteCoverage","edges","element","node","childMarkdownRemark","noQuoteCoverage","SEO","canonical","title","Layout","id","layout","LayoutHeader","Header","LayoutMain","PageTitle","PageHTML","center","dangerouslySetInnerHTML","__html","MediaList","MediaGrid","PreOrder","LayoutFooter","Footer"],"sourceRoot":""}