{"version":3,"file":"component---src-pages-mini-js-dd70b249c568ea7a915a.js","mappings":"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","sources":["webpack://be-landing/./src/components/features/features-mini.js","webpack://be-landing/./src/pages/mini.js"],"sourcesContent":["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\"\nimport FeatureViewer from \"../feature-viewer.js/feature-viewer\";\n\nconst FeaturesMini = ({ gallery }) => {\n  const [fullScreenIndex, setFullScreenIndex] = useState(null);\n  const data = [\n    {\n      \"type\": \"youtube\",\n      \"youtube\": \"https://www.youtube.com/embed/QJHgW-qOE1s\"\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\n      <Wrapper>\n        <a name=\"product\" />\n        <Container>\n          <FeatureTitle>Amphibious Camper-Trike</FeatureTitle>\n          <FeatureViewer domain=\"diy\" />\n        </Container>\n\n\n        <Container center margin>\n          <Button\n            type=\"button\"\n            onClick={enterFullScreen}\n            target=\"_blank\"\n            size=\"large\"\n            color=\"secondary\"\n          >\n            The first prototype LAUNCH\n          </Button>\n        </Container>\n\n        <br />\n\n        <Container>\n          <Gallery data={gallery} />\n        </Container>\n\n      </Wrapper>\n    </>\n  )\n}\n\nexport default FeaturesMini;\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 {\n  Wrapper,\n  Container,\n  DescriptionMain,\n} from '../components/mission-statement/mission-statement.styled';\nimport FeaturesMini from \"../components/features/features-mini\";\nimport PreOrder from \"../components/pre-order/pre-order\";\nimport Specifications from \"../components/specifications/specifications\";\nimport BetritonMini from '../../content/betriton-mini.json';\nimport NorwayGrantsSrc from \"../assets/img/Norway-grants.png\"\nimport { markdown2HTML } from '../utils';\n\n\nconst MiniPage = ({ data }) => {\n  const content = data.markdownRemark?.frontmatter || {};\n  const siteTitle = `BeTRITON - Mini - DIY Kit`\n  const gallery = data.gallery.edges.map(v => v.node.childMarkdownRemark.frontmatter) || [];\n\n  return (\n    <>\n      <SEO\n        canonical=\"/diy-kit\"\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              <FeaturesMini gallery={gallery} />\n              <Specifications content={BetritonMini} />\n              <div style={{ textAlign: \"center\" }} >\n                <img src={NorwayGrantsSrc} alt=\"Norway Grants\" style={{ maxWidth: \"200px\", margin: \"auto\" }} />\n              </div>\n              <PageHTML>\n                <p style={{ textAlign: \"center\", fontStyle: \"italic\" }}><small>Working together for a green, competitive and inclusive Europe.</small></p>\n                <p style={{ textAlign: \"center\" }}><small>BeTRITON SIA receives a grant of EUR 75,000 (total project funding of EUR 106,500) from the Norwegian grant \"Development of Green Innovation and Information and Communication Technology Products\", contract no. NP-2022/2, 26.01.2022, project goal - Development of a new sustainable tourism and mobility solution \"BeTRITON DIY\".</small></p>\n\n                <p style={{ textAlign: \"center\" }}><strong>2022 JAN – JULY</strong></p>\n                <p style={{ textAlign: \"center\" }}><small>Project implementation commenced.<br />\n                A dedicated website section was created as a project component.<br />\n                Research and development activities, including technology and material sample testing, were conducted in collaboration with our Norwegian partner and Vidzeme University.<br />\n                Initial work on developing the first iteration of the prototype began</small></p>\n\n                <p style={{ textAlign: \"center\" }}><strong>2022 JUL – 2023 JAN</strong></p>\n                <p style={{ textAlign: \"center\" }}><small>Completion of the first iteration of the prototype, followed by rigorous testing.<br />\n                Presentation of the product concept and implementation to the media, including outreach to the Netherlands.<br />\n                Initiation of development for the second iteration of the product prototype.</small></p>\n\n                <p style={{ textAlign: \"center\" }}><strong>JAN - JULY 2023</strong></p>\n                <p style={{ textAlign: \"center\" }}><small>Significant enhancements made to product technology and design through collaborative efforts with our Norwegian partner.<br />\n                Participation in a workshop organized by Deep Tech Atelier alongside Norwegian specialists, leading to further improvements in design.<br />\n                Continued development of the second iteration of the prototype.</small></p>\n\n                <p style={{ textAlign: \"center\" }}><strong>2023 JUL - 2024 JAN</strong></p>\n                <p style={{ textAlign: \"center\" }}><small>Completion of the second iteration of the product prototype and successful product testing.<br />\n                Preparation of visual materials, including photos and audio, for product presentation.<br />\n                Research conducted on sustainable material suppliers in collaboration with our project partner, Noveltex Oslo.</small></p>\n              </PageHTML>\n            </Container>\n          </Wrapper>\n          <PreOrder />\n        </LayoutMain>\n        <LayoutFooter>\n          <Footer />\n        </LayoutFooter>\n      </Layout>\n    </>\n  );\n}\n\nexport default MiniPage\n\nexport const pageQuery = graphql`\n  query {\n    site {\n      siteMetadata {\n        title\n      }\n    }\n    markdownRemark(fileAbsolutePath: {regex: \"/content/pages/betriton_mini.md/\"}) {\n      id\n      frontmatter {\n        title\n        description\n      }\n      html\n    }\n    gallery: allFile(filter: {absolutePath: {regex: \"/content/gallery/betriton_mini/\"}},  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":["_ref","gallery","fullScreenIndex","setFullScreenIndex","useState","fullScreenData","React","GalleryFullScreen","data","type","youtube","disableNavigation","onNext","onPrev","onClose","event","preventDefault","forcedType","Wrapper","name","Container","FeatureTitle","FeatureViewer","domain","center","margin","Button","onClick","enterFullScreen","target","size","color","Gallery","_data$markdownRemark","content","markdownRemark","frontmatter","edges","map","v","node","childMarkdownRemark","SEO","canonical","title","Layout","id","layout","LayoutHeader","Header","LayoutMain","PageTitle","custom","dangerouslySetInnerHTML","__html","markdown2HTML","DescriptionMain","description","paper","FeaturesMini","Specifications","BetritonMini","style","textAlign","src","NorwayGrantsSrc","alt","maxWidth","PageHTML","fontStyle","PreOrder","LayoutFooter","Footer"],"sourceRoot":""}