{"version":3,"sources":["webpack://grundium-ltd-website/./src/components/BookDemo.js","webpack://grundium-ltd-website/./src/components/VideoButton.js","webpack://grundium-ltd-website/./src/components/testimonials/Testimonial.js","webpack://grundium-ltd-website/./src/components/Mission.js","webpack://grundium-ltd-website/./src/components/partners/partners.js","webpack://grundium-ltd-website/./src/pages/index.js","webpack://grundium-ltd-website/./src/assets/img/scroll-down.svg"],"names":["props","title","text","cta","className","to","Modal","React","modalIsOpen","setModalIsOpen","type","onClick","children","style","marginBottom","isOpen","onRequestClose","contentLabel","overlayClassName","src","youtubeId","frameBorder","allow","allowFullScreen","testimonials","useStaticQuery","allStrapiTestimonials","nodes","id","res","i","length","strapiId","getIndexByStrapiId","selected","randomInteger","activeItem","setActiveItem","filter","item","index","map","testimonial","key","classNames","quotesImg","alt","image","authorImage","childImageSharp","gatsbyImageData","authorName","authorCompany","authorPosition","mission","strapiPageIndex","data-sal","data-sal-duration","G","avatar","author","position","Partners","partners","partner","name","target","rel","getSrc","logo","Home","data","Info","page","products","allStrapiProducts","Seo","SEO","description","undefined","TopMenu","playsInline","autoPlay","muted","loop","heroVideo","publicURL","source","heroText","escapeHtml","solutionText","solutionFeatures","feature","icon","desc","productsText","product","new","descriptionShort","slug","videoCodeOverview","VideoButton","imageAlt2","Testimonial","BookDemo","Footer"],"mappings":"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","file":"component---src-pages-index-js-7cc36b2e13928b7bd1cb.js","sourcesContent":["import { Link } from \"gatsby\"\nimport React from \"react\"\n// import BookDemoButton from \"./BookDemoButton\"\n\nconst BookDemo = (props) => {\n\n  const {title, text, cta} = props;\n\n  return <section className=\"gs-sect__in gs-container\">\n          <header className=\"gs-sect-header tac\">\n            <h2 className=\"\">{title || \"Book a live demo\"}</h2>\n            <p className=\"mb2\">\n            {text || \"See the OCUS® portable digital microscope scanner in action – request your free personal online live demo now. A Grundium expert will contact you personally to schedule a suitable 30-minute demo time for you. In the demo we will answer all your questions about which Ocus® scanner fits your needs best, we will talk pricing, share stories about how others are using the scanners, and help you fast forward the digital pathology experience in your lab.\"}\n            </p>\n            {/* <BookDemoButton/> */}\n            <Link to=\"/book\" className=\"gs-button gs-color-contrast\">\n              { cta || \"Book your demo\" }\n            </Link>\n          </header>\n        </section>\n\n}\n\nexport default BookDemo\n","import React from \"react\"\nimport \"./VideoButton.css\"\n// import ModalOverlay from \"./ModalOverlay\"\nimport {\n  FaPlayCircle,\n  FaWindowClose\n} from \"react-icons/fa\"\nimport Modal from 'react-modal';\n\nModal.setAppElement('#___gatsby');\n\nconst VideoButton = (props) => {\n  let [modalIsOpen, setModalIsOpen] = React.useState(false);\n  return (\n  <div className={props.className + (props.type === \"wrap\" ? \" db\" : \" dib\")}>\n    {\n      props.type === \"wrap\" && <button\n      className=\"gs-video-button-wrap\"\n      onClick={()=>setModalIsOpen(true)}\n      >{props.children}</button>\n    }\n    {\n      props.type !== \"wrap\" && <button\n        className=\"gs-button gs-color-contrast\"\n        onClick={()=>setModalIsOpen(true)}\n        ><span>{props.children}</span> <FaPlayCircle style={{marginBottom: -1}} /></button>\n    }\n    <Modal\n      isOpen={modalIsOpen}\n      onRequestClose={()=>setModalIsOpen(false)}\n      contentLabel=\"Product video\"\n      className=\"gs-modal-content\"\n      overlayClassName=\"gs-modal gs-modal--transparent\"\n    >\n      <div className=\"gs-video-container\">\n        <iframe\n        src={\"https://www.youtube.com/embed/\"+props.youtubeId} \n        title=\"Product video\"\n        frameBorder=\"0\" \n        allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" \n        allowFullScreen>\n        </iframe>\n        <button className=\"gs-video__close\" onClick={()=>setModalIsOpen(false)}>\n          <FaWindowClose />\n        </button>\n      </div>\n    </Modal>\n    {/* <ModalOverlay active={overlayActive} onClose={()=>setOverlayActive(false)}>\n      TEST\n    </ModalOverlay> */}\n  </div>\n  )\n}\n\nexport default VideoButton\n","import \"./testimonials.css\"\nimport React from \"react\"\n// import Image from \"gatsby-image\"\nimport quotesImg from \"../../assets/img/quotes.svg\"\nimport { BgImage } from \"gbimage-bridge\"\n// import { Link } from \"gatsby\"\nimport { graphql, useStaticQuery } from \"gatsby\"\n// import SocialLinks from \"../constants/socialLinks\"\n// ...GatsbyImageSharpFluid\nimport classNames from \"classnames\";\nimport { IoIosArrowBack } from \"react-icons/io\"\nimport { randomInteger } from \"../../utils/utils\"\n\nconst Testimonial = (props) => {\n  const {\n    allStrapiTestimonials: { nodes: testimonials },\n  } = useStaticQuery(graphql`\n    {\n      allStrapiTestimonials {\n        nodes {\n          id\n          strapiId\n          text\n          authorName\n          authorImage {\n            childImageSharp {\n              gatsbyImageData(\n                width: 400\n                layout: CONSTRAINED\n                placeholder: BLURRED\n              )\n            }\n          }\n          authorPosition\n          authorCompany\n          authorCompanyUrl\n        }\n      }\n    }\n  `)\n\n  let [activeItem, setActiveItem] = React.useState(getIndexByStrapiId(props.selected) || randomInteger(0, testimonials.length-1));\n\n  function getIndexByStrapiId(id) {\n    let res = 0;\n    for (let i=0; i<testimonials.length; i++){\n      if (testimonials[i].strapiId === id) {\n        res = i; \n        break;\n      }\n    }\n    return res;\n  }\n\n  function testimonialsScrollRight() {\n    setActiveItem(activeItem < testimonials.length - 1 ? activeItem + 1 : 0);\n    // newsListRef.current.scrollBy(400, 0);\n  }\n\n  function testimonialsScrollLeft() {\n    setActiveItem(activeItem ? activeItem - 1 : testimonials.length - 1);\n    // newsListRef.current.scrollBy(-400, 0);\n  }\n\n  return (\n    <div className={\"gs-testimonials-list clean \" + (props.className ? props.className : \"\") }>\n\n        {testimonials.filter((item, index)=> index === activeItem).map((testimonial)=>{\n          return (\n            <article key={testimonial.id} className={classNames(\"gs-testimonials-item\", \"gs-animate--fadeInUp\")}>\n            {/* <BackgroundImage key={testimonial.id} fluid={testimonial.authorImage.childImageSharp.fluid} className=\"gs-testimonials-item__pic\">\n            </BackgroundImage> */}\n                <div className=\"gs-testimonials-item-text\">\n                  <div className=\"gs-testimonials-item-quote mb2\">\n                  <div className=\"gs-testimonials-item-quote__icon\"><img src={quotesImg} alt=\"Quotes\"/></div>\n                    {testimonial.text}\n                  </div>\n                  <div className=\"gs-testimonials-item-author fw300\">\n                      <BgImage key={testimonial.id} image={testimonial.authorImage.childImageSharp.gatsbyImageData} className=\"gs-testimonials-item-author-pic\">\n                      </BgImage>\n                      <div className=\"gs-testimonials-item-author__text\">\n                        <div className=\"gs-testimonials-item-author-name\">\n                          <span className=\"gs-testimonials-item-author-name__dash\">&mdash;&nbsp;</span>\n                          <b>{testimonial.authorName}</b>\n                        </div>\n                        <div className=\"gs-testimonials-item-company\">\n                          <span>{testimonial.authorCompany}</span>\n                          &nbsp;\n                          <br />{testimonial.authorPosition}\n                        </div>\n                      </div>\n                  </div>\n                </div>\n            </article>\n          );\n        })}\n        <IoIosArrowBack className=\"gs-testimonials-list-arrow gs-color-yellow\" onClick={testimonialsScrollLeft}/>\n        <IoIosArrowBack className={classNames(\"gs-testimonials-list-arrow gs-color-yellow\", \"gs-testimonials-list-arrow--right\")} onClick={testimonialsScrollRight}/>\n    </div>\n  );\n\n}\n\nexport default Testimonial\n","import React from \"react\"\nimport { GatsbyImage } from \"gatsby-plugin-image\";\nimport quotesImg from \"../assets/img/quotes.svg\"\n// import { Link } from \"gatsby\"\nimport { graphql, useStaticQuery } from \"gatsby\"\n// import SocialLinks from \"../constants/socialLinks\"\n// ...GatsbyImageSharpFluid\n\nconst Mission = () => {\n  const {\n    strapiPageIndex: { mission },\n  } = useStaticQuery(graphql`\n    {\n      strapiPageIndex {\n        mission {\n          position\n          text\n          author\n          avatar {\n            childImageSharp {\n              gatsbyImageData(\n                width: 600\n                layout: CONSTRAINED\n                placeholder: BLURRED\n              )\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <section className=\"gs-mission gs-color-white\">\n    <div className=\"gs-mission__in gs-container\">\n\n        <div className=\"gs-mission__pic\" data-sal=\"fade\" data-sal-duration=\"1000\">\n          <GatsbyImage\n            image={mission.avatar.childImageSharp.gatsbyImageData}\n            className=\"gs-mission__img\"\n            alt=\"A photo of Mika Kuisma, CEO\" />\n        </div>\n        <div className=\"gs-mission__text\" data-sal=\"zoom-in\" data-sal-duration=\"1000\">\n          <div className=\"gs-mission-quote mb2\">\n            <div className=\"gs-mission-quote__sign\"><img src={quotesImg} alt=\"Quotes\"/> </div>\n            <span className=\"gs-mission-quote__text\">\n            {mission.text}\n            </span>\n          </div>\n          <div className=\"gs-mission__author\">- <b>{mission.author}</b>, {mission.position}</div>\n        </div>\n    </div>\n  </section>\n  );\n\n}\n\nexport default Mission\n","import React from \"react\";\nimport \"./partners.css\";\nimport { graphql, useStaticQuery } from \"gatsby\"\nimport { getSrc } from \"gatsby-plugin-image\"\n\nexport default function Partners() {\n\n  const data = useStaticQuery(graphql`{\n  partners: allStrapiPartners {\n    nodes {\n      id\n      name\n      url\n      logo {\n        childImageSharp {\n          gatsbyImageData(width: 200, placeholder: BLURRED, layout: FIXED)\n        }\n      }\n    }\n  }\n}\n`);\n\nconst partners = data.partners.nodes;\n\n  return (\n    <article className=\"gs-partners-container\">\n      <div className=\"gs-partners-container-fade\"></div>\n      {\n        [1,2].map((id)=>{\n          return (\n            <div key={id} className=\"gs-partners-list\">\n              {partners.map(partner => (\n                <div key={partner.id} title={partner.name} target=\"_blank\" rel=\"noreferrer\" className=\"gs-partners-list__item\">\n                    <img src={getSrc(partner.logo)} alt={partner.name}/>\n                </div>\n              ))}\n            </div>\n          );\n        })\n      }\n    </article>\n  );\n}\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { graphql } from \"gatsby\"\nimport { BgImage } from \"gbimage-bridge\"\nimport ReactMarkdown from \"react-markdown\"\nimport { GatsbyImage } from \"gatsby-plugin-image\";\nimport scrollDownImg from \"../assets/img/scroll-down.svg\"\n// import heroVideo from \"../assets/video/hero.mp4\"\n// import {\n//   FaPlug,\n//   FaMoneyBillAlt,\n//   FaImages,\n//   FaClock,\n//   FaNetworkWired,\n//   FaGlobeEurope,\n// } from \"react-icons/fa\"\nimport Mission from \"../components/Mission\"\nimport TopMenu from \"../components/TopMenu\"\nimport BookDemo from \"../components/BookDemo\"\nimport Footer from \"../components/Footer\"\nimport Partners from \"../components/partners/partners\"\nimport Seo from \"../components/Seo\"\nimport Testimonial from \"../components/testimonials/Testimonial\"\nimport VideoButton from \"../components/VideoButton\"\n\nexport default function Home({data}) {\n  const { image } = data.strapiPageIndex.Info;\n  const page = data.strapiPageIndex;\n  const products = data.allStrapiProducts.nodes;\n  // console.warn(page);\n\n  return (\n    <div className=\"\">\n    <Seo \n      title={(page.SEO && page.SEO.title) ? page.SEO.title : page.title}\n      description={(page.SEO && page.SEO.description) ? page.SEO.description : undefined }\n      />\n        <BgImage image={image.childImageSharp.gatsbyImageData} className=\"gs-bg-parallax\"></BgImage>\n        <TopMenu />\n        <header className=\"gs-header\">\n          <video className=\"gs-header-video\" playsInline autoPlay muted loop>\n            <source src={page.heroVideo.publicURL} type=\"video/mp4\" />\n          </video>\n          <div className=\"gs-header-video__overlay\"></div>\n          <div className=\"gs-header__scroll\">\n            <img src={scrollDownImg} alt=\"Scroll down\" />\n          </div>\n\n          <div className=\"gs-header-msg gs-header-msg--mark gs-color-contrast\">\n            <ReactMarkdown source={page.heroText} escapeHtml={false}/>\n          </div>\n        </header>\n        <Mission></Mission>\n        <section className=\"gs-partners gs-color-contrast gs-bg-1\">\n            {/* <header className=\"gs-sect-header tac\">\n              <h1 className=\"\">PARTNERS</h1>\n            </header> */}\n        <Partners></Partners>\n        </section>\n        <section className=\"gs-solution gs-color-contrast gs-bg-1\">\n          <div className=\"gs-sect__in gs-container\">\n            <header className=\"gs-sect-header tac\">\n            <ReactMarkdown source={page.solutionText} escapeHtml={false}/>\n            </header>            \n            <ul className=\"gs-features\" style={{ \"--sal-duration\": \"1s\" }}>\n            {\n              page.solutionFeatures.map((feature, i)=>{\n                return (\n                  <li key={feature.id} className={\"gs-features-item gs-features-item--\"+(i+1)} data-sal=\"slide-up\">\n                  <img\n                      src={feature.icon.publicURL}\n                      alt={feature.name}\n                      className=\"gs-features__icon\"\n                      data-sal=\"zoom-in\"\n                    />\n                    <h3>{feature.name}</h3>\n                    <p className=\"gs-features-item__caption\">\n                      {feature.desc}\n                    </p>\n                  </li>\n                )\n              })\n            }\n            </ul>\n            </div>\n        </section>\n\n        <section className=\"gs-products\">\n          <div className=\"gs-bg-parallax__wrap\">\n            <div className=\"gs-sect__in gs-container\">\n              <header className=\"gs-sect-header tac\">\n              <ReactMarkdown source={page.productsText}/>\n              </header>\n            </div>\n            {\n                products.map((product, i)=>{\n                  return (\n                      <article key={product.id} className={\"gs-products-item \" + (i%2 ? \"tar\" : \"gs-products-item--2\")}>\n                        <div className=\"gs-sect__in gs-container ovh\">\n                          <div className=\"gs-products-item__in\">\n                            <div\n                              className=\"gs-products-item-content\"\n                              data-sal={ i%2 ? \"slide-right\" : \"slide-left\" } \n                              data-sal-duration=\"1000\"\n                            >\n                              <h3 className=\"gs-products-item__title\">\n                                {product.title}{product.new && (<span>&nbsp;&nbsp;<span className=\"gs-news-list__tag ffosw fw300\">NEW</span></span>)}\n                              </h3>\n                              <div className=\"gs-products-item__hr\"></div>\n                              <p className=\"mb1\">\n                              {product.descriptionShort}\n                              </p>\n                              <div className=\"gs-products-item-actions\">\n                                <Link to={product.slug} className=\"gs-products-item-action gs-button gs-color-contrast mb05\">\n                                  Learn more\n                                </Link>&nbsp;\n                                {\n                                  product.videoCodeOverview && <VideoButton youtubeId={product.videoCodeOverview} className=\"gs-products-item-action mb05\">WATCH VIDEO</VideoButton>\n                                }\n                              </div>\n                            </div>\n                            <Link to={product.slug}\n                              className=\"gs-products-item-pic\"\n                              data-sal=\"zoom-in\" data-sal-duration=\"1000\"\n                            >\n                              <GatsbyImage\n                                image={product.imageAlt2.childImageSharp.gatsbyImageData}\n                                alt={product.title}\n                                className=\"gs-products-item__img\" />\n                            </Link>\n                          </div>\n                        </div>\n                      </article>\n                  );\n                })\n            }\n            <article className={\"gs-products-item\" + (products.length%2 ? \"\" : \" gs-products-item--2\")}>\n              <div className=\"gs-sect__in gs-container ovh\">\n                <Testimonial selected={7} type=\"2\"></Testimonial>\n              </div>\n            </article>\n\n            <BookDemo/>\n            <Footer/>\n          </div>\n        </section>\n      </div>\n  );\n}\n\nexport const query = graphql`\n  {\n    allStrapiProducts(filter: { active: { eq: true } }) {\n      nodes {\n        id\n        slug\n        new\n        imageAlt2 {\n          childImageSharp {\n            gatsbyImageData(\n              width: 600\n              layout: CONSTRAINED\n              placeholder: BLURRED\n            )\n          }\n        }\n        subtitle\n        title\n        descriptionShort\n        videoCodeOverview\n      }\n    }\n    strapiPageIndex {\n      Info {\n        slug\n        title\n        image {\n          childImageSharp {\n            gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n          }\n        }\n      }\n      SEO {\n        title\n        description\n      }\n      heroVideo {\n        publicURL\n      }\n      heroText\n      solutionText\n      solutionFeatures {\n        id\n        name\n        desc\n        icon {\n          publicURL\n        }\n      }\n      productsText\n    }\n  }\n`","export default \"data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgNDQgMTE2IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgo8c3R5bGU+CkBrZXlmcmFtZXMgYXJyb3ctZG93bnsKICAgIGZyb20gewogICAgICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlKDEwcHgsIDgycHgpOwogICAgICAgIG9wYWNpdHk6IDE7CiAgICB9CiAgICB0b3sKICAgICAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgxMHB4LCAxMDJweCk7CiAgICAgICAgb3BhY2l0eTogMDsKICAgIH0KfQo8L3N0eWxlPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9IiNmZmZmZmYiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9InNjcm9sbC1kb3duIj4KICAgICAgICAgICAgICAgIDxnIGlkPSJhcnJvdyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAuMDAwMDAwLCA4Mi4wMDAwMDApIiBzdHlsZT0iYW5pbWF0aW9uOiBhcnJvdy1kb3duIDFzIGluZmluaXRlOyI+CiAgICAgICAgICAgICAgICAgICAgPHBhdGggZD0iTTEyLDkuMTcxNTcyOSBMMjAuNTg1Nzg2NCwwLjU4NTc4NjQgQzIxLjM2NjgzNSwtMC4xOTUyNjIxIDIyLjYzMzE2NSwtMC4xOTUyNjIxIDIzLjQxNDIxMzYsMC41ODU3ODY0IEMyNC4xOTUyNjIxLDEuMzY2ODM1IDI0LjE5NTI2MjEsMi42MzMxNjUgMjMuNDE0MjEzNiwzLjQxNDIxMzYgTDEzLjQxNDIxMzYsMTMuNDE0MjEzNiBDMTMuMDIzNjg5MywxMy44MDQ3Mzc5IDEyLjUxMTg0NDYsMTQgMTIsMTQgQzExLjQ4ODE1NTQsMTQgMTAuOTc2MzEwNywxMy44MDQ3Mzc5IDEwLjU4NTc4NjQsMTMuNDE0MjEzNiBMMC41ODU3ODY0LDMuNDE0MjEzNiBDLTAuMTk1MjYyMSwyLjYzMzE2NSAtMC4xOTUyNjIxLDEuMzY2ODM1IDAuNTg1Nzg2NCwwLjU4NTc4NjQgQzEuMzY2ODM1LC0wLjE5NTI2MjEgMi42MzMxNjUsLTAuMTk1MjYyMSAzLjQxNDIxMzYsMC41ODU3ODY0IEwxMiw5LjE3MTU3MjkgWiIgaWQ9IlBhdGgiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgICAgICAgICAgICAgPC9nPgogICAgICAgICAgICA8ZyBpZD0ibW91c2UiIGZpbGwtcnVsZT0ibm9uemVybyI+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNNCwyMi4wMDIwODUzIEw0LDIyLjAwMjA4NTMgTDQsNTEuOTk3OTE0NyBDNCw2MS45NDMzNjExIDEyLjA1NzEyMDYsNzAgMjIsNzAgQzMxLjk0MjcxNDMsNzAgNDAsNjEuOTQxMjc0NyA0MCw1MS45OTc5MTQ3IEw0MCwyMi4wMDIwODUzIEM0MCwxMi4wNTY2Mzg5IDMxLjk0Mjg3OTQsNCAyMiw0IEMxMi4wNTcyODU3LDQgNCwxMi4wNTg3MjUzIDQsMjIuMDAyMDg1MyBMNCwyMi4wMDIwODUzIFogTTAsMjIuMDAyMDg1MyBDMCw5Ljg1MDY2OTEgOS44NDcwNjQsMCAyMiwwIEMzNC4xNTAyNjQ1LDAgNDQsOS44NDU3NDYxIDQ0LDIyLjAwMjA4NTMgTDQ0LDUxLjk5NzkxNDcgQzQ0LDY0LjE0OTMzMDkgMzQuMTUyOTM2LDc0IDIyLDc0IEM5Ljg0OTczNTUsNzQgMCw2NC4xNTQyNTM5IDAsNTEuOTk3OTE0NyBMMCwyMi4wMDIwODUzIEwwLDIyLjAwMjA4NTMgWiIgaWQ9IlNoYXBlIj48L3BhdGg+CiAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMjAsMTYuMDA4NTMwMiBDMjAsMTQuODk5MjQ5NiAyMC44ODc3Mjk2LDE0IDIyLDE0IEMyMy4xMDQ1Njk1LDE0IDI0LDE0LjkwMTk1MDQgMjQsMTYuMDA4NTMwMiBMMjQsMjMuOTkxNDY5OCBDMjQsMjUuMTAwNzUwNCAyMy4xMTIyNzA0LDI2IDIyLDI2IEMyMC44OTU0MzA1LDI2IDIwLDI1LjA5ODA0OTYgMjAsMjMuOTkxNDY5OCBMMjAsMTYuMDA4NTMwMiBaIiBpZD0iUGF0aCI+PC9wYXRoPgogICAgICAgICAgICA8L2c+CiAgICAgICAgPC9nPgogICAgPC9nPgo8L3N2Zz4=\""],"sourceRoot":""}