{"version":3,"sources":["webpack://grundium-ltd-website/./src/components/BookDemo.js","webpack://grundium-ltd-website/./src/components/LayoutGeneric.js","webpack://grundium-ltd-website/./src/components/testimonials/Testimonial.js","webpack://grundium-ltd-website/./src/templates/blog-template.js"],"names":["props","title","text","cta","className","to","children","subtitle","fluid","image","testimonial","noBook","bookDemo","selected","buttonText","testimonials","useStaticQuery","allStrapiTestimonials","nodes","React","id","res","i","length","strapiId","getIndexByStrapiId","randomInteger","activeItem","setActiveItem","filter","item","index","map","key","classNames","src","quotesImg","alt","authorImage","childImageSharp","gatsbyImageData","authorName","authorCompany","authorPosition","onClick","data","blog","html","content","desc","contacts","SEO","aboutGrundium","contactsCount","Boolean","description","getSrc","article","source","linkTarget","contact","G","name","position","href","email"],"mappings":"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","file":"component---src-templates-blog-template-js-edf17f8e1e7623270be7.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 { BgImage } from \"gbimage-bridge\"\n// import \"../css/main.css\"\nimport TopMenu from \"./TopMenu\"\nimport Testimonial from \"../components/testimonials/Testimonial\"\nimport BookDemo from \"./BookDemo\"\nimport Footer from \"./Footer\"\n// import CookieConsent from \"./cookie-consent/CookieConsent\"\n\n\nconst LayoutGeneric = ({ children, title, subtitle, image:fluid, testimonial, noBook, bookDemo }) => {\n  return (\n    <div className=\"\">\n      <BgImage image={fluid} className=\"gs-bg-parallax\"></BgImage>\n      {/* <div className=\"gs-bg-parallax\" style={{ backgroundImage: \"url(\" + fluid.src + \")\" }}></div> */}\n      <TopMenu/>\n      <div className=\"gs-page\">\n\n        <div className=\"gs-bg-parallax__wrap\">\n\n          <div className=\"gs-page-hero\">\n            <div className=\"gs-page-hero__in gs-sect__in\">\n              <div className=\"gs-container\">\n                <header className=\"gs-page-header\">\n                    <h1 className=\"gs-page-header-title gs-header-msg--mark\">{ title }</h1>\n                    <div className=\"gs-products-item__hr\"></div>\n                    <h3 className=\"gs-page-header-subtitle fw300\">{ subtitle }</h3>\n                </header>\n              </div>\n            </div>\n          </div>\n\n        <section className=\"gs-prod-description gs-products-item\">\n          <div className=\"gs-sect__in gs-container ovh\">\n              <div className=\"gs-page-content\">\n              {children}\n              </div>\n          </div>\n        </section>\n        \n\n        {\n          !noBook && <div className=\"\">\n            <section className=\"gs-products-item gs-products-item--2\">\n              <div className=\"gs-sect__in gs-container ovh\">\n              <Testimonial selected={testimonial}></Testimonial>\n              </div>\n            </section>\n            <BookDemo\n              title={bookDemo && bookDemo.title}\n              text={bookDemo && bookDemo.text}\n              cta={bookDemo && bookDemo.buttonText}\n            /> \n          </div>\n        }\n\n        { \n          noBook && <div className=\"gs-sect__in gs-container ovh\">\n            <Testimonial selected={testimonial}></Testimonial>\n            \n          </div>\n        }\n        \n        <Footer />\n        {/* <CookieConsent></CookieConsent> */}\n        </div>\n        </div>\n      </div>\n  )\n}\n\nexport default LayoutGeneric\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 { graphql} from \"gatsby\"\nimport { GatsbyImage, getSrc } from \"gatsby-plugin-image\";\nimport { FaEnvelope } from \"react-icons/fa\"\nimport ReactMarkdown from \"react-markdown\"\nimport LayoutGeneric from \"../components/LayoutGeneric\"\nimport Seo from \"../components/Seo\"\n\nconst ComponentName = ({data}) => {\n  const {content:html, desc, image, title, subtitle, contacts, SEO, aboutGrundium} = data.blog;\n  const contactsCount = Boolean(contacts.length);\n\n  return (\n    <LayoutGeneric title={title} subtitle={subtitle} image={image.childImageSharp.gatsbyImageData}>\n                <Seo\n                  title={(SEO && SEO.title) ? SEO.title : title}\n                  description={(SEO && SEO.description) ? SEO.description : desc}\n                  image={getSrc(image)}\n                  article\n                />\n              <ReactMarkdown source={html} linkTarget=\"_blank\"/>\n              {\n                contactsCount && (\n                  <div className=\"gs-page-contacts mb4\">\n                    <header className=\"gs-sect-header tac\">\n                    <h2>CONTACTS</h2>\n                    </header>\n                    <div className=\"gs-contact-items\">\n                    {\n                    contacts.map((contact)=>{\n                    return (\n                      <div key={contact.id} className=\"gs-testim-card\">\n                          <div className=\"gs-testim-card-image\">\n                          <GatsbyImage\n                            image={contact.image.childImageSharp.gatsbyImageData}\n                            alt=\"\"\n                            className=\"gs-testim-card-pic\" />\n                          </div>\n                          <div className=\"gs-testim-card-content\">\n                            <div className=\"gs-testim-card-author\">\n                              <h3 className=\"gs-testim-card-author-name\">{contact.name}</h3>\n                              <h4 className=\"gs-testim-card-author-position fw300\">{contact.position}</h4>\n                              <a href={\"mailto:\" + contact.email} className=\"gs-testim-card-link\">\n                                <FaEnvelope className=\"gs-footer-link__icon\" />\n                                <span className=\"gs-testim-card-link__text\">{contact.email}</span>\n                              </a>\n                            </div>\n                          </div>\n                        </div>\n                    );\n                    })\n                    }\n                    </div>\n                  </div>\n                  )\n              }\n              <header className=\"gs-sect-header tac\">\n              <h2>{aboutGrundium && aboutGrundium.title ? aboutGrundium.title : \"About Grundium\"}</h2>\n              </header>\n              <div>\n                {aboutGrundium && aboutGrundium.text ? aboutGrundium.text : \"A global leader in advanced imaging technology, Grundium makes digital pathology and best professional diagnosis available for all life – whether human, animal, plant or other. This is achieved by doing something that nobody else can: applying state-of-the-art mobile technology in digital pathology. Established in 2015 by ex-Nokia engineers, the Tampere-based company is democratizing digital pathology with the Ocus® microscope scanners. The cutting-edge imaging solutions are based on over 20 years of experience in optics, sensors and beautiful high-precision devices. Grundium serves various industries and businesses enhancing quality and processes, protecting human life and safeguarding a clean environment.\"}\n              </div>\n           </LayoutGeneric>\n  );\n}\n\nexport const query = graphql`\n  query GetSingleBlog($slug: String) {\n    blog: strapiBlogs(slug: { eq: $slug }) {\n      category\n      image {\n        childImageSharp {\n          gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n        }\n      }\n      content\n      date\n      desc\n      slug\n      subtitle\n      title\n      id\n      SEO {\n        title\n        description\n      }\n      contacts {\n        id\n        name\n        position\n        email\n        image {\n          childImageSharp {\n            gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n          }\n        }\n      }\n      aboutGrundium {\n        text\n        title\n      }\n    }\n  }\n`\n\nexport default ComponentName\n"],"sourceRoot":""}