{"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/pages/videos.js"],"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","PageVideos","page","data","strapiPageVideos","info","subtitle","overviewVideos","instructionalVideos","bookDemo","seo","description","undefined","playsInline","autoPlay","muted","loop","heroVideo","publicURL","source","introText","escapeHtml","videos","video","data-sal","link","G","buttonText"],"mappings":"wJAuBA,IAnBiB,SAACA,GAAW,IAEpBC,EAAoBD,EAApBC,MAAOC,EAAaF,EAAbE,KAAMC,EAAOH,EAAPG,IAEpB,OAAO,2BAASC,UAAU,4BAClB,0BAAQA,UAAU,sBAChB,sBAAIA,UAAU,IAAIH,GAAS,oBAC3B,qBAAGG,UAAU,OACZF,GAAQ,ucAGT,gBAAC,KAAD,CAAMG,GAAG,QAAQD,UAAU,+BACvBD,GAAO,sB,4ECPvBG,kBAAoB,cA6CpB,IA3CoB,SAACN,GAAW,IAAD,EACOO,YAAe,GAA9CC,EADwB,KACXC,EADW,KAE7B,OACA,uBAAKL,UAAWJ,EAAMI,WAA4B,SAAfJ,EAAMU,KAAkB,MAAQ,SAEhD,SAAfV,EAAMU,MAAmB,0BACzBN,UAAU,uBACVO,QAAS,kBAAIF,GAAe,KAC1BT,EAAMY,UAGO,SAAfZ,EAAMU,MAAmB,0BACvBN,UAAU,8BACVO,QAAS,kBAAIF,GAAe,KAC3B,4BAAOT,EAAMY,UAHS,IAGQ,gBAAC,MAAD,CAAcC,MAAO,CAACC,cAAe,MAExE,gBAAC,IAAD,CACEC,OAAQP,EACRQ,eAAgB,kBAAIP,GAAe,IACnCQ,aAAa,gBACbb,UAAU,mBACVc,iBAAiB,kCAEjB,uBAAKd,UAAU,sBACb,0BACAe,IAAK,iCAAiCnB,EAAMoB,UAC5CnB,MAAM,gBACNoB,YAAY,IACZC,MAAM,2FACNC,iBAAe,IAEf,0BAAQnB,UAAU,kBAAkBO,QAAS,kBAAIF,GAAe,KAC9D,gBAAC,MAAD,Y,qHC4DV,IA1FoB,SAACT,GAAW,IAEIwB,GAC9BC,QAAe,aADjBC,sBAAyBC,MAFE,EA4BKpB,WAElC,SAA4BqB,GAE1B,IADA,IAAIC,EAAM,EACDC,EAAE,EAAGA,EAAEN,EAAaO,OAAQD,IACnC,GAAIN,EAAaM,GAAGE,WAAaJ,EAAI,CACnCC,EAAMC,EACN,MAGJ,OAAOD,EAVwCI,CAAmBjC,EAAMkC,YAAaC,QAAc,EAAGX,EAAaO,OAAO,IAAvHK,EA5BwB,KA4BZC,EA5BY,KAmD7B,OACE,uBAAKjC,UAAW,+BAAiCJ,EAAMI,UAAYJ,EAAMI,UAAY,KAEhFoB,EAAac,QAAO,SAACC,EAAMC,GAAP,OAAgBA,IAAUJ,KAAYK,KAAI,SAACC,GAC9D,OACE,2BAASC,IAAKD,EAAYd,GAAIxB,UAAWwC,IAAW,uBAAwB,yBAGxE,uBAAKxC,UAAU,6BACb,uBAAKA,UAAU,kCACf,uBAAKA,UAAU,oCAAmC,uBAAKe,IAAK0B,IAAWC,IAAI,YACxEJ,EAAYxC,MAEf,uBAAKE,UAAU,qCACX,gBAAC,KAAD,CAASuC,IAAKD,EAAYd,GAAImB,MAAOL,EAAYM,YAAYC,gBAAgBC,gBAAiB9C,UAAU,oCAExG,uBAAKA,UAAU,qCACb,uBAAKA,UAAU,oCACb,wBAAMA,UAAU,0CAAhB,MACA,yBAAIsC,EAAYS,aAElB,uBAAK/C,UAAU,gCACb,4BAAOsC,EAAYU,eADrB,IAGE,2BAAOV,EAAYW,uBAQrC,gBAAC,MAAD,CAAgBjD,UAAU,6CAA6CO,QArC7E,WACE0B,EAAcD,EAAaA,EAAa,EAAIZ,EAAaO,OAAS,MAqC9D,gBAAC,MAAD,CAAgB3B,UAAWwC,IAAW,6CAA8C,qCAAsCjC,QA3ChI,WACE0B,EAAcD,EAAaZ,EAAaO,OAAS,EAAIK,EAAa,EAAI,S,gMC1C3D,SAASkB,EAAT,GAA6B,IACpCC,EADmC,EAAPC,KAChBC,iBADuB,EAENF,EAAKG,KAAhCX,EAFiC,EAEjCA,MAAO9C,EAF0B,EAE1BA,MAAO0D,EAFmB,EAEnBA,SAChBC,EAAiBL,EAAKK,eACtBC,EAAsBN,EAAKM,oBAC3BC,EAAWP,EAAKO,SAEtB,OACE,uBAAK1D,UAAU,IACf,gBAAC,IAAD,CACEH,MAAQsD,EAAKQ,KAAOR,EAAKQ,IAAI9D,MAASsD,EAAKQ,IAAI9D,MAAQsD,EAAKtD,MAC5D+D,YAAcT,EAAKQ,KAAOR,EAAKQ,IAAIC,YAAeT,EAAKQ,IAAIC,iBAAcC,IAEvE,gBAAC,KAAD,CAASlB,MAAOA,EAAME,gBAAgBC,gBAAiB9C,UAAU,mBACjE,gBAAC,IAAD,MAEA,uBAAKA,UAAU,iCACb,yBAAOA,UAAU,kBAAkB8D,aAAW,EAACC,UAAQ,EAACC,OAAK,EAACC,MAAI,GAChE,0BAAQlD,IAAKoC,EAAKe,UAAUC,UAAW7D,KAAK,eAG5C,uBAAKN,UAAU,0DACb,uBAAKA,UAAU,kCACb,0BAAQA,UAAU,kBAChB,sBAAIA,UAAU,4CAA6CH,GAC3D,uBAAKG,UAAU,yBACf,sBAAIA,UAAU,iCAAkCuD,OAoB1D,2BAASvD,UAAU,0DACjB,uBAAKA,UAAU,8CACb,0BAAQA,UAAU,OAClB,gBAAC,IAAD,CAAeoE,OAAQjB,EAAKkB,UAAWC,YAAY,KAGnD,uBAAKtE,UAAU,6BACb,sBAAIA,UAAU,6BAA6BwD,EAAe3D,OAC1D,uBAAKG,UAAU,yBAEbwD,EAAeI,aAAe,gBAAC,IAAD,CAAeQ,OAAQZ,EAAeI,YAAa5D,UAAU,MAAMsE,YAAY,KAIjH,sBAAItE,UAAU,wBAAwBS,MAAO,CAAE,iBAAkB,OAE/D+C,EAAee,OAAOlC,KAAI,SAACmC,EAAO9C,GAChC,OACE,sBAAIa,IAAKiC,EAAMhD,GAAIxB,UAAU,sBAAsByE,WAAS,YACxD,gBAAC,IAAD,CAAazD,UAAWwD,EAAME,KAAMpE,KAAK,OAAON,UAAU,OACxD,gBAAC,EAAA2E,EAAD,CAAahC,MAAO6B,EAAM7B,MAAME,gBAAgBC,gBAAiBJ,IAAI,MAEvE,uBAAK1C,UAAU,WAAWwE,EAAM3E,OAChC,gBAAC,IAAD,CAAeuE,OAAQI,EAAMZ,YAAaU,YAAY,WASpE,2BAAStE,UAAU,4CACb,uBAAKA,UAAU,kDACb,0BAAQA,UAAU,6BAChB,sBAAIA,UAAU,6BAA6ByD,EAAoB5D,OAC/D,uBAAKG,UAAU,yBAEbyD,EAAoBG,aAAe,gBAAC,IAAD,CAAeQ,OAAQX,EAAoBG,YAAa5D,UAAU,MAAMsE,YAAY,KAI3H,sBAAItE,UAAU,wBAAwBS,MAAO,CAAE,iBAAkB,OAE/DgD,EAAoBc,OAAOlC,KAAI,SAACmC,EAAO9C,GACrC,OASE,sBAAIa,IAAKiC,EAAMhD,GAAIxB,UAAU,sBAAsByE,WAAS,YAC1D,gBAAC,IAAD,CAAazD,UAAWwD,EAAME,KAAMpE,KAAK,OAAON,UAAU,OACxD,gBAAC,EAAA2E,EAAD,CAAahC,MAAO6B,EAAM7B,MAAME,gBAAgBC,gBAAiBJ,IAAI,MAEvE,uBAAK1C,UAAU,WAAWwE,EAAM3E,OAChC,gBAAC,IAAD,CAAeuE,OAAQI,EAAMZ,YAAaU,YAAY,WActE,2BAAStE,UAAU,eACjB,uBAAKA,UAAU,wBACb,gBAAC,IAAD,CACEH,MAAO6D,EAAS7D,MAChBC,KAAM4D,EAAS5D,KACfC,IAAK2D,EAASkB,aAEhB,2BAAS5E,UAAU,2CACjB,uBAAKA,UAAU,gCACb,gBAAC,IAAD,CAAaA,UAAU,gBAG3B,gBAAC,IAAD","file":"component---src-pages-videos-js-2a903719614037109ec7.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\"\n// import { Link } from \"gatsby\"\nimport { graphql } from \"gatsby\"\nimport { BgImage } from \"gbimage-bridge\"\nimport ReactMarkdown from \"react-markdown\"\nimport { GatsbyImage } from \"gatsby-plugin-image\";\nimport TopMenu from \"../components/TopMenu\"\nimport BookDemo from \"../components/BookDemo\"\nimport Footer from \"../components/Footer\"\nimport Seo from \"../components/Seo\"\nimport Testimonial from \"../components/testimonials/Testimonial\"\nimport VideoButton from \"../components/VideoButton\"\n\nexport default function PageVideos({data}) {\n  const page = data.strapiPageVideos;\n  const { image, title, subtitle } = page.info;\n  const overviewVideos = page.overviewVideos;\n  const instructionalVideos = page.instructionalVideos;\n  const bookDemo = page.bookDemo;\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\n        <div className=\"gs-page-hero gs-scanners-hero\">\n          <video className=\"gs-header-video\" playsInline autoPlay muted loop>\n            <source src={page.heroVideo.publicURL} type=\"video/mp4\" />\n          </video>\n\n            <div className=\"gs-page-hero__in gs-sect__in gs-scanners-hero__in posr\">\n              <div className=\"gs-container gs-container--900\">\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        {/* <div className=\"gs-page-hero gs-scanners-hero\">\n        <BackgroundImage fluid={page.heroImage.childImageSharp.fluid} style={{\"backgroundSize\": \"contain\", \"backgroundPosition\": \"center center\", \"backgroundColor\": \"#000000\" }}>\n            <div className=\"gs-page-hero__in gs-sect__in gs-scanners-hero__in\">\n              <div className=\"gs-container gs-container--900\">\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          </BackgroundImage>\n          </div> */}\n\n        <section className=\"gs-solution gs-color-contrast gs-products-item gs-bg-1\">\n          <div className=\"gs-sect__in gs-container gs-container--900\">\n            <header className=\"mb4\">\n            <ReactMarkdown source={page.introText} escapeHtml={false}/>\n            </header>       \n\n            <div className=\"gs-videos-list-header mb2\">\n              <h2 className=\"gs-videos-list-title mb05\">{overviewVideos.title}</h2>\n              <div className=\"gs-products-item__hr\"></div>\n              {\n                overviewVideos.description && <ReactMarkdown source={overviewVideos.description} className=\"mb2\" escapeHtml={false}/>\n              }\n            </div>\n                 \n            <ul className=\"gs-videos-list df fww\" style={{ \"--sal-duration\": \"1s\" }}>\n            {\n              overviewVideos.videos.map((video, i)=>{\n                return (\n                  <li key={video.id} className=\"gs-videos-list-item\" data-sal=\"slide-up\">\n                      <VideoButton youtubeId={video.link} type=\"wrap\" className=\"mb1\">\n                        <GatsbyImage image={video.image.childImageSharp.gatsbyImageData} alt=\"\" />\n                      </VideoButton>\n                      <div className=\"fwb mb1\">{video.title}</div>\n                      <ReactMarkdown source={video.description} escapeHtml={false}/>\n                  </li>\n                );\n              })\n            }\n            </ul>\n            </div>\n        </section>\n\n        <section className=\"gs-section-angular gs-section-angular--2\">\n              <div className=\"gs-sect__in gs-container gs-container--900 ovh\">\n                <header className=\"gs-videos-list-header mb2\">\n                  <h2 className=\"gs-videos-list-title mb05\">{instructionalVideos.title}</h2>\n                  <div className=\"gs-products-item__hr\"></div>\n                  {\n                    instructionalVideos.description && <ReactMarkdown source={instructionalVideos.description} className=\"mb2\" escapeHtml={false}/>\n                  }\n                </header>\n                    \n                <ul className=\"gs-videos-list df fww\" style={{ \"--sal-duration\": \"1s\" }}>\n                {\n                  instructionalVideos.videos.map((video, i)=>{\n                    return (\n                      // <li key={video.id} className=\"gs-videos-list-item\" data-sal=\"slide-up\">\n                      //   <BackgroundImage  fluid={video.image.childImageSharp.fluid}>\n                      //     <VideoButton youtubeId={video.link} type=\"wrap\" className=\"gs-videos-list-item__img mb1\">\n                      //     </VideoButton>\n                      //   </BackgroundImage>\n                      //   <div className=\"fwb mb1\">{video.title}</div>\n                      //   <ReactMarkdown source={video.description} escapeHtml={false}/>\n                      // </li>\n                      <li key={video.id} className=\"gs-videos-list-item\" data-sal=\"slide-up\">\n                        <VideoButton youtubeId={video.link} type=\"wrap\" className=\"mb1\">\n                          <GatsbyImage image={video.image.childImageSharp.gatsbyImageData} alt=\"\" />\n                        </VideoButton>\n                        <div className=\"fwb mb1\">{video.title}</div>\n                        <ReactMarkdown source={video.description} escapeHtml={false}/>\n                      </li>\n                    );\n                  })\n                }\n                </ul>\n                \n              </div>\n            </section>\n\n            {/* <article className=\"gs-products-item\">\n                  <BookDemo></BookDemo>\n            </article> */}\n\n        <section className=\"gs-products\">\n          <div className=\"gs-bg-parallax__wrap\">\n            <BookDemo\n              title={bookDemo.title}\n              text={bookDemo.text}\n              cta={bookDemo.buttonText}\n            ></BookDemo>\n            <article className=\"gs-products-item gs-products-item--last\">\n              <div className=\"gs-sect__in gs-container ovh\">\n                <Testimonial className=\"clean mb2\"></Testimonial>\n              </div>\n            </article>\n            <Footer/>\n          </div>\n        </section>\n      </div>\n  );\n}\n\nexport const query = graphql`\n  {\n    strapiPageVideos {\n      id\n      seo {\n        title\n        description\n      }\n      info {\n        title\n        subtitle\n        slug\n        image {\n          childImageSharp {\n            gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n          }\n        }\n      }\n      introText\n      heroImage {\n        childImageSharp {\n          gatsbyImageData(layout: FULL_WIDTH, placeholder: BLURRED)\n        }\n      }\n      heroVideo {\n        publicURL\n      }\n      overviewVideos {\n        title\n        description\n        videos {\n          id\n          title\n          image {\n            childImageSharp {\n              gatsbyImageData(\n                width: 600\n                layout: CONSTRAINED\n                placeholder: BLURRED\n              )\n            }\n          }\n          description\n          link\n        }\n      }\n      instructionalVideos {\n        title\n        description\n        videos {\n          id\n          title\n          image {\n            childImageSharp {\n              gatsbyImageData(\n                width: 600\n                layout: CONSTRAINED\n                placeholder: BLURRED\n              )\n            }\n          }\n          description\n          link\n        }\n      }\n      bookDemo {\n        title\n        text\n        buttonText\n      }\n    }\n  }\n`"],"sourceRoot":""}