{"version":3,"sources":["webpack:///./src/components/navigation/Nav.tsx","webpack:///./src/components/languageSwitcher/languageSwitcher.tsx","webpack:///./src/components/header/components/MenuElemMobile.tsx","webpack:///./src/components/header/components/MenuElemDesktop.tsx","webpack:///./src/components/header/Header.tsx","webpack:///./src/components/background/Background.tsx","webpack:///./src/layout/layout.tsx","webpack:///./src/assets/icons/github-icon-sova.ai.svg","webpack:///./src/pagesStructures/products/productsSections/productsSectionFirst.tsx","webpack:///./src/pagesStructures/products/productsSections/productsSectionSecond.tsx","webpack:///./src/pagesStructures/products/productsSections.tsx","webpack:///./src/pages/products.tsx"],"names":["Nav","children","className","LanguageSwitcher","languageText","useStoreon","settings","language","dispatch","lang","usePageContext","storeLanguage","languageConfig","find","item","useEffect","useState","showDropDownStatus","setShowDropDownStatus","onClick","toUpperCase","MenuElemMobile","items","locale","map","key","name","link","dropdowns","to","textClassName","MenuElemDesktop","foreignLink","value","href","target","config","Puzzlelib","Header","pageName","strapiHeader","useStaticQuery","useInView","threshold","ref","inView","pageContent","content","el","gitHubLink","menuItems","btnName","btnLink","mobile","changeStatus","body","document","querySelector","classList","add","remove","src","logo","hasOwnProperty","gitHubIcon","alt","mobileMenuIconClose","mobileMenuIconOpen","Background","createPortal","defaultProps","Layout","bgEnabled","footerEnabled","bgCustomClass","mcCustomClass","mCustomClass","title","Main","Footer","displayName","module","exports","ProductsSectionFirst","data","ProductsSectionFirstConfig","heading","paragraph","btnText","Section","id","ProductsSectionSecond","ProductsSectionSecondConfig","products","describtion","learnMoreBtn","sections","component","ProductsSections","i","Products","pageContext","strapiProducts"],"mappings":"2JASeA,EAFH,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAUC,EAAb,EAAaA,UAAb,OAAoC,yBAAKA,UAAWA,GAAYD,I,wBC6B7DE,EA7BU,WACvB,IAGQC,EAHaC,YAAW,YAAxBC,SAEAC,SACAH,aACAI,EAAaH,cAAbG,SAEAC,EAASC,cAATD,KAEFE,EAAgBC,IAAeC,MAAK,SAACC,GACzC,OAAOA,EAAKV,eAAiBK,KAG/BM,qBAAU,WACRP,EAAS,iBAAkBG,KAC1B,CAACF,IAEJ,MAAoDO,oBAAS,GAAtDC,EAAP,KAA2BC,EAA3B,KAEA,OACE,yBAAKhB,UAAU,qHACb,yBAAKA,UAAU,iBAAiBiB,QAAS,kBAAMD,GAAuBD,KACnEb,EAAagB,eAEhB,kBAAC,IAAD,CAAcF,sBAAuBA,EAAuBT,KAAML,M,YCFzDiB,EAhBQ,SAAC,GAAmB,IAAjBC,EAAiB,EAAjBA,MAChBC,EAAWb,cAAXa,OACR,OAAOD,EAAME,KAAI,WAAmCC,GAAnC,IAAGC,EAAH,EAAGA,KAAMC,EAAT,EAASA,KAAMC,EAAf,EAAeA,UAAf,OACf,yBAAK1B,UAAU,8DAA8DuB,IAAKA,GAC/EE,EACC,kBAAC,OAAD,CAAME,GAAE,IAAc,iBAATF,EAA0BA,EAAOJ,EAASI,GAAQzB,UAAU,oHACtEwB,GAGH,uBAAGxB,UAAU,0EAA0EwB,GAExFE,GAAa,kBAAC,IAAD,CAAMN,MAAOM,EAAWE,cAAc,SAAS5B,UAAU,wDCiC9D6B,EA3CS,SAAC,GAAmB,IAAjBT,EAAiB,EAAjBA,MACjBC,EAAWb,cAAXa,OAER,OAAOD,EAAME,KAAI,WAAuDC,GAAgB,IAApEC,EAAoE,EAApEA,KAAMC,EAA8D,EAA9DA,KAAMC,EAAwD,EAAxDA,UAAWI,EAA6C,EAA7CA,YAAaC,EAAgC,EAAhCA,MACtD,OACE,yBAAK/B,UAAS,0BAA2B0B,EAAY,wCAA0C,IAAMH,IAAKA,GACvGE,EACCK,EACE,uBAAGE,KAAI,GAAKP,EAAQzB,UAAU,iBAAiBiC,OAAO,SACnDT,GAGH,kBAAC,OAAD,CAAMG,GAAE,IAAc,iBAATF,EAA0BA,EAAOJ,EAASI,GAAQzB,UAAU,kBACtEwB,GAIL,uBAAGxB,UAAU,kBAAkBwB,GAEhCE,GACC,yBAAK1B,UAAS,wCAAmD,aAAV+B,EAAuB,4CAA8C,IAA9G,KACZ,yBAAK/B,UAAS,8BAAyC,YAAV+B,EAAsB,oCAAsC,IAA3F,KACZ,wBAAI/B,UAAS,yCAA2CuB,GAAQ,kBAAC,IAAD,CAAMH,MAAOM,EAAWE,cAAc,SAAS5B,UAAU,2B,oFCXjIkC,EACQ,CACVC,UAAW,iBAAM,2CA+FNC,EA3FA,SAAC,GAAwB,IAAtBC,EAAsB,EAAtBA,SACRC,EAAiBC,yBAAe,cAAhCD,aAmCR,EAAsBE,YAAU,CAC9BC,UAAW,IADNC,EAAP,KAAYC,EAAZ,KAIA,EAAyBnC,cAAjBa,EAAR,EAAQA,OAAQd,EAAhB,EAAgBA,KAEVqC,EAAcN,EAAaO,QAAQlC,MAAK,SAACmC,GAC7C,OAAOA,EAAGzC,WAAaE,KAGjBwC,EAAeb,EACvB,EAAwCU,EAAYC,QAA5CG,EAAR,EAAQA,UAAWC,EAAnB,EAAmBA,QAASC,EAA5B,EAA4BA,QAE5B,EAA+BpC,oBAAS,GAAjCqC,EAAP,KAAeC,EAAf,KAEMC,EAA2B,oBAAbC,SAA2BA,SAASC,cAAc,QAAU,KAGhF,OAFAJ,GAAUR,EAASU,WAAMG,UAAUC,IAAI,oBAAsBJ,WAAMG,UAAUE,OAAO,oBAGlF,4BAAQ1D,UAAS,0CAA2CmD,GAAUR,EAAS,UAAY,KACzF,yBAAK3C,UAAS,oGAAqGmD,GAAUR,EAAS,UAAY,KAChJ,kBAAC,OAAD,CAAMhB,GAAkB,KAAXN,EAAgBA,EAAS,IAAM,IAAOrB,UAAU,aAC3D,yBAAK2D,IAAKC,IAAM5D,UAAU,sBAE5B,yBAAKA,UAAS,+FAAgGmD,GAAUR,EAAS,UAAY,KAC3I,kBAAC,EAAD,KAAMQ,GAAUR,EAAS,kBAAC,EAAD,CAAgBvB,MAAO4B,IAAgB,kBAAC,EAAD,CAAiB5B,MAAO4B,MACtFL,GACA,uBAAGX,KAAMe,EAAWc,eAAexB,GAAsBU,EAAWV,KAAwBa,EAASlD,UAAU,0BAC7G,4BAAQA,UAAU,8CAChB,yBAAK2D,IAAKG,IAAYC,IAAI,wBAAwB/D,UAAU,0DAC3DiD,KAKLN,GAAU,kBAAC,EAAD,OAEd,4BACE3C,UAAU,wBACV0C,IAAKA,EACLzB,QAAS,WACPmC,GAAcD,KAGfA,EACC,yBAAKQ,IAAKK,IAAqBD,IAAI,oBAAoB/D,UAAU,+BAEjE,yBAAK2D,IAAKM,IAAoBF,IAAI,mBAAmB/D,UAAU,mC,gDC1GrEkE,EAAa,SAAC,GAA6C,IAA3CnE,EAA2C,EAA3CA,SAAUC,EAAiC,EAAjCA,UAC9B,MAA2B,oBAAbsD,SAA2Ba,uBAAa,yBAAKnE,UAAWA,GAAYD,GAAiBuD,SAASD,MAAQ,MAGtHa,EAAWE,aAAe,CACxBpE,UAAW,IAGEkE,QCATG,EAA0B,SAAC,GAA6I,IAA3ItE,EAA2I,EAA3IA,SAA2I,IAAjIuE,iBAAiI,aAA/GC,qBAA+G,aAAzFC,qBAAyF,MAAzE,QAAyE,MAAhEC,qBAAgE,MAAhD,QAAgD,MAAvCC,oBAAuC,MAAxB,QAAwB,EAAfrC,EAAe,EAAfA,SAC7J,OACE,oCACE,yBAAKrC,UAAS,wDAA0DyE,GACtE,kBAAC,EAAD,CAAQpC,SAAUA,IAClB,kBAAC,IAAD,CAAKsC,MAAM,SACX,kBAACC,EAAA,EAAD,CAAM5E,UAAS,kDAAoD0E,GAAiB3E,GACnFwE,GAAiB,kBAACM,EAAA,EAAD,CAAQxC,SAAUA,IACnCiC,GAAa,kBAAC,EAAD,CAAYtE,UAAS,0BAA4BwE,OAMvEH,EAAOS,YAAc,SAENT,O,mBChCfU,EAAOC,QAAU,8vD,sGCGXC,EAAuB,SAAC,GAA0D,IAAxDjF,EAAwD,EAAxDA,UAC9B,EADsF,EAA7CkF,KACmBA,KAAKrC,QAAQsC,2BAAjEC,EAAR,EAAQA,QAASC,EAAjB,EAAiBA,UAAWC,EAA5B,EAA4BA,QAASpC,EAArC,EAAqCA,QAASzB,EAA9C,EAA8CA,KAE9C,OACE,kBAAC8D,EAAA,EAAD,CAASvF,UAAcA,EAAL,2BAChB,wBAAIA,UAAU,8EAA8EoF,GAC5F,uBAAGpF,UAAU,uFAAuFqF,GACpG,yBAAKrF,UAAU,iEACb,uBAAGgC,KAAMkB,EAASsC,GAAG,iCACnB,4BAAQxF,UAAU,0CAA0CsF,IAE9D,uBAAGtF,UAAU,0DAA0DgC,KAAK,KACzEP,MAOXwD,EAAqBH,YAAc,yBAEpBG,Q,YCbTQ,EAAwB,SAAC,GAA0D,IAAxDzF,EAAwD,EAAxDA,UAC/B,EADuF,EAA7CkF,KACPA,KAAKrC,QAAQ6C,4BAAxCN,EAAR,EAAQA,QAASO,EAAjB,EAAiBA,SAEjB,OACE,kBAACJ,EAAA,EAAD,CAASvF,UAAcA,EAAL,uCAChB,wBAAIA,UAAU,8BAA8BoF,GAC5C,yBAAKpF,UAAU,uFACZ2F,EAASrE,KAAI,WAAsDC,GAAtD,IAAGoD,EAAH,EAAGA,MAAOiB,EAAV,EAAUA,YAAanE,EAAvB,EAAuBA,KAAMoE,EAA7B,EAA6BA,aAA7B,OACZ,yBAAK7F,UAAU,uEAAuEuB,IAAKA,GACzF,wBAAIvB,UAAU,iEAAiE2E,GAC/E,uBAAG3E,UAAU,gEAAgE4F,GAC7E,kBAAC,OAAD,CAAMjE,GAAE,IAAMF,GACZ,4BAAQzB,UAAU,uDAAuD6F,WASvFJ,EAAsBX,YAAc,wBAErBW,QC7BTK,EAAW,CACf,CAAEC,UAAW,SAACxE,EAAavB,EAAmBkF,GAAjC,OAA+C,kBAAC,EAAD,CAAsBA,KAAMA,EAAMlF,UAAWA,EAAWuB,IAAKA,MACzH,CAAEwE,UAAW,SAACxE,EAAavB,EAAmBkF,GAAjC,OAA+C,kBAAC,EAAD,CAAuBA,KAAMA,EAAM3D,IAAKA,EAAKvB,UAAWA,OAGhHgG,EAAmB,SAACd,GACxB,OAAO,oCAAGY,EAASxE,KAAI,WAAgB2E,GAAhB,OAAsBF,EAAtB,EAAGA,WAA6BE,EAAD,6DAAiEA,EAAKf,QAG9Hc,EAAiBlB,YAAc,mBAEhBkB,QCEAE,UAZE,SAAC,GAA2D,IAAzDhB,EAAyD,EAAzDA,KAAMiB,EAAmD,EAAnDA,YAClBvD,EAAcsC,EAAKkB,eAAevD,QAAQlC,MAAK,SAACmC,GACpD,OAAOA,EAAGzC,WAAa8F,EAAY5F,QAErC,OACE,kBAAC,IAAD,CAAQiE,cAAc,YACpB,kBAAC,IAAD,CAAKG,MAAO/B,EAAYC,QAAQ8B,QAChC,kBAAC,EAAD,CAAkBO,KAAI,iBAAOtC,EAAP,CAAoBuD,YAAaA","file":"component---src-pages-products-tsx-c55eab471498b69579f0.js","sourcesContent":["import React from \"react\"\n\ninterface Props {\n  children?: any\n  className?: string\n}\n\nconst Nav = ({ children, className }: Props) => <nav className={className}>{children}</nav>\n\nexport default Nav\n","import React, { useState, useEffect } from \"react\"\nimport { useStoreon } from \"../../store/store\"\n\nimport LanguageMenu from \"./languageMenu\"\nimport { languageConfig } from \"./languageMenu\"\nimport { usePageContext } from \"../pageContext/pageContext\"\n\nconst LanguageSwitcher = () => {\n  const { settings } = useStoreon(\"settings\")\n\n  const { language } = settings\n  const { languageText } = language\n  const { dispatch } = useStoreon()\n\n  const { lang } = usePageContext() as any\n\n  const storeLanguage = languageConfig.find((item: any) => {\n    return item.languageText === lang\n  })\n\n  useEffect(() => {\n    dispatch(\"updateLanguage\", storeLanguage)\n  }, [lang])\n\n  const [showDropDownStatus, setShowDropDownStatus] = useState(false)\n\n  return (\n    <div className=\"sova-menu-item-wrapper sova-menu-item-wrapper_with-dropdown sova-menu-item-wrapper_with-dropdown-languageSwitcher\">\n      <div className=\"sova-menu-item\" onClick={() => setShowDropDownStatus(!showDropDownStatus)}>\n        {languageText.toUpperCase()}\n      </div>\n      <LanguageMenu setShowDropDownStatus={setShowDropDownStatus} lang={languageText} />\n    </div>\n  )\n}\n\nexport default LanguageSwitcher\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { usePageContext } from \"../../pageContext/pageContext\"\n\nimport Menu from \"../../menu/menu\"\n\ninterface Props {\n  dropdowns?: any\n  name: string\n  link?: string\n  value?: string\n}\n\nconst MenuElemMobile = ({ items }: any) => {\n  const { locale } = usePageContext() as any\n  return items.map(({ name, link, dropdowns }: Props, key: number) => (\n    <div className=\"sova-menu-item-wrapper sova-menu-item-wrapper_with-dropdown\" key={key}>\n      {link ? (\n        <Link to={`${link === \"/mainDocPage\" ? link : locale + link}`} className=\"sova-menu-item sova-section-child sova-section-child_headerMenu-mobile sova-section-child_headerMenu-mobile_link\">\n          {name}\n        </Link>\n      ) : (\n        <p className=\"sova-menu-item sova-section-child sova-section-child_headerMenu-mobile\">{name}</p>\n      )}\n      {dropdowns && <Menu items={dropdowns} textClassName=\"header\" className=\"sova-menu-item sova-menu-item_heaerMenu-mobile\" />}\n    </div>\n  ))\n}\n\nexport default MenuElemMobile\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport { usePageContext } from \"../../pageContext/pageContext\"\nimport Menu from \"../../menu/menu\"\n\ninterface Props {\n  dropdowns?: any\n  articles?: any\n  name: string\n  link?: string\n  foreignLink?: string\n  value?: string\n}\n\nconst MenuElemDesktop = ({ items }: any) => {\n  const { locale } = usePageContext() as any\n\n  return items.map(({ name, link, dropdowns, foreignLink, value }: Props, key: number) => {\n    return (\n      <div className={`sova-menu-item-wrapper${dropdowns ? \" sova-menu-item-wrapper_with-dropdown\" : \"\"}`} key={key}>\n        {link ? (\n          foreignLink ? (\n            <a href={`${link}`} className=\"sova-menu-item\" target=\"blank\">\n              {name}\n            </a>\n          ) : (\n            <Link to={`${link === \"/mainDocPage\" ? link : locale + link}`} className=\"sova-menu-item\">\n              {name}\n            </Link>\n          )\n        ) : (\n          <p className=\"sova-menu-item\">{name}</p>\n        )}\n        {dropdowns && (\n          <div className={`sova-section-container-for-dropdown ${value === \"products\" ? \" sova-section-container-for-dropdown_prod\" : \"\"} `}>\n            <div className={`sova-dropdown-menu-desktop${value === \"company\" ? \" sova-dropdown-menu-desktop_short\" : \"\"} `}>\n              <ul className={`sova-dropdown-menu sova-dropdown-menu_${key}`}>{<Menu items={dropdowns} textClassName=\"header\" className=\"sova-menu-item\" />}</ul>\n              {/* <div className=\"sova-section-container sova-section-container_row sova-section-container_header-menu-articles-container\">\n              {articles.map(({ imgSrc, imgAlt, figcaption, link }: { imgSrc: string; imgAlt: string; figcaption: string; link: string }, key: number) => (\n                <div className=\"sova-section-container sova-section-container_header-dropdown-menu-article\" key={key}>\n                  <img src={images[imgSrc]} alt={imgAlt} className=\"sova-section-child sova-section-child_header-dropdown-menu-article\" />\n                  <p className=\"sova-section-child sova-section-child_header-dropdown-menu-article sova-section-child_header-dropdown-menu-article-figcaption\">{figcaption}</p>\n                  <Link className=\"sova-section-link\" to={`${locale}${link}`}>\n                    Read more\n                    <img src={arrowRight} className=\"sova-header-dropdown-menu-article-linkIcon\" alt=\"Arrow right icon - sova.ai\" />\n                  </Link>\n                </div>\n              ))}\n            </div> */}\n            </div>\n          </div>\n        )}\n      </div>\n    )\n  })\n}\n\nexport default MenuElemDesktop\n","import React, { useState } from \"react\"\nimport { useStaticQuery, graphql, Link } from \"gatsby\"\nimport { useInView } from \"react-intersection-observer\"\nimport { usePageContext } from \"../pageContext/pageContext\"\n\n// children components\nimport Nav from \"../navigation/Nav\"\nimport LanguageSwitcher from \"../languageSwitcher/languageSwitcher\"\nimport MenuElemMobile from \"./components/MenuElemMobile\"\nimport MenuElemDesktop from \"./components/MenuElemDesktop\"\n\n// assets\nimport logo from \"../../assets/Logo.svg\"\nimport mobileMenuIconOpen from \"../../assets/mobile-menu-icon-open.svg\"\nimport mobileMenuIconClose from \"../../assets/mobile-menu-icon-close.svg\"\nimport gitHubIcon from \"../../assets/icons/github-icon-sova.ai.svg\"\n\ninterface Props {\n  pageName?: string | boolean\n}\n\ninterface $linkType {\n  [k: string]: () => string\n}\n\nconst config = {\n  gitHubLink: {\n    Puzzlelib: () => \"https://github.com/puzzlelib/PuzzleLib\",\n  } as $linkType,\n}\n\nconst Header = ({ pageName }: Props) => {\n  const { strapiHeader } = useStaticQuery(\n    graphql`\n      query {\n        strapiHeader(name: { eq: \"general\" }) {\n          content {\n            content {\n              btnLink\n              btnName\n              menuItems {\n                articles {\n                  figcaption\n                  imgAlt\n                  imgSrc\n                  link\n                }\n                dropdowns {\n                  link\n                  describtion\n                  name\n                  foreignLink\n                }\n                link\n                name\n                value\n                foreignLink\n              }\n            }\n            language\n          }\n          name\n        }\n      }\n    `\n  )\n\n  const [ref, inView] = useInView({\n    threshold: 0,\n  })\n\n  const { locale, lang } = usePageContext() as any\n\n  const pageContent = strapiHeader.content.find((el: any) => {\n    return el.language === lang\n  })\n\n  const { gitHubLink } = config\n  const { menuItems, btnName, btnLink } = pageContent.content\n\n  const [mobile, changeStatus] = useState(false)\n\n  const body = typeof document !== \"undefined\" ? document.querySelector(\"body\") : null\n  mobile && inView ? body?.classList.add(\"sova-body-mobile\") : body?.classList.remove(\"sova-body-mobile\")\n\n  return (\n    <header className={`sova-header sova-row sova-row_centered${mobile && inView ? \" active\" : \"\"}`}>\n      <div className={`sova-preheader sova-row sova-row_justify-between sova-row_centered sova-row_with-max-width-1317 ${mobile && inView ? \" active\" : \"\"}`}>\n        <Link to={`${locale !== \"\" ? locale + \"/\" : \"/\"}`} className=\"sova-logo\">\n          <img src={logo} className=\"sova-section-img\" />\n        </Link>\n        <div className={`sova-section-container sova-section-container_row sova-section-container_navbar sova-mobile${mobile && inView ? \" active\" : \"\"}`}>\n          <Nav>{mobile && inView ? <MenuElemMobile items={menuItems} /> : <MenuElemDesktop items={menuItems} />}</Nav>\n          {!inView && (\n            <a href={gitHubLink.hasOwnProperty(pageName as string) ? gitHubLink[pageName as string]() : btnLink} className=\"sova-socialLink_header\">\n              <button className=\"sova-btn sova-btn_secondary sova-btn_small\">\n                <img src={gitHubIcon} alt=\"GitHub icon - sova.ai\" className=\"sova-icon sova-icon_with-margin-right sova-icon_white\" />\n                {btnName}\n              </button>\n            </a>\n          )}\n\n          {!inView && <LanguageSwitcher />}\n        </div>\n        <button\n          className=\"sova-btn sova-btn_nav\"\n          ref={ref}\n          onClick={() => {\n            changeStatus(!mobile)\n          }}\n        >\n          {mobile ? (\n            <img src={mobileMenuIconClose} alt=\"Close Icon Mobile\" className=\"sova-icon sova-section-img\" />\n          ) : (\n            <img src={mobileMenuIconOpen} alt=\"Open Icon Mobile\" className=\"sova-icon sova-section-img\" />\n          )}\n        </button>\n      </div>\n    </header>\n  )\n}\n\nexport default Header\n","import React from \"react\"\nimport { createPortal } from \"react-dom\"\n\ninterface BackgroundProps {\n  children?: any\n  className?: string\n}\n\nconst Background = ({ children, className }: BackgroundProps) => {\n  return typeof document !== \"undefined\" ? createPortal(<div className={className}>{children}</div>, document.body) : null\n}\n\nBackground.defaultProps = {\n  className: \"\",\n}\n\nexport default Background\n","import React, { FC } from \"react\"\nimport Header from \"../components/header/Header\"\nimport Footer from \"../components/footer/Footer\"\nimport Main from \"../components/main/Main\"\nimport SEO from \"../components/SEO/seo\"\nimport Background from \"../components/background/Background\"\nexport interface LayoutProps {\n  children?: React.ReactNode\n  bgEnabled?: boolean\n  footerEnabled?: boolean\n  bgCustomClass?: string | boolean\n  mcCustomClass?: string | boolean\n  mCustomClass?: string | boolean\n  pageName?: string | boolean\n}\n\nconst Layout: FC<LayoutProps> = ({ children, bgEnabled = true, footerEnabled = true, bgCustomClass = \"false\", mcCustomClass = \"false\", mCustomClass = \"false\", pageName }) => {\n  return (\n    <>\n      <div className={`sova-wrapper-container sova-wrapper-container-custom_${mcCustomClass}`}>\n        <Header pageName={pageName} />\n        <SEO title=\"Home\" />\n        <Main className={`sova-main-container sova-main-container-custom_${mCustomClass}`}>{children}</Main>\n        {footerEnabled && <Footer pageName={pageName} />}\n        {bgEnabled && <Background className={`sova-bg sova-bg-custom_${bgCustomClass}`} />}\n      </div>\n    </>\n  )\n}\n\nLayout.displayName = \"Layout\"\n\nexport default Layout\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03Ljk3NTU0IDBDMy41NzE4NyAwIDAgMy42NzE0NiAwIDguMTk3OTJDMCAxMS44MTkxIDIuMjk5NjkgMTQuODg3IDUuNDMxMTkgMTUuOTkzNUM1LjgyMjYzIDE2LjA0MzggNS45Njk0MiAxNS43OTIzIDUuOTY5NDIgMTUuNTkxMUM1Ljk2OTQyIDE1LjM5IDUuOTY5NDIgMTQuODg3IDUuOTY5NDIgMTQuMTgyOUMzLjc2NzU4IDE0LjY4NTkgMy4yNzgyOSAxMy4wNzY0IDMuMjc4MjkgMTMuMDc2NEMyLjkzNTc4IDEyLjEyMDkgMi4zOTc1NSAxMS44Njk0IDIuMzk3NTUgMTEuODY5NEMxLjY2MzYxIDExLjM2NjQgMi40NDY0OCAxMS4zNjY0IDIuNDQ2NDggMTEuMzY2NEMzLjIyOTM2IDExLjQxNjcgMy42Njk3MiAxMi4yMjE0IDMuNjY5NzIgMTIuMjIxNEM0LjQwMzY3IDEzLjQ3ODggNS41MjkwNSAxMy4xMjY3IDUuOTY5NDIgMTIuOTI1NkM2LjAxODM1IDEyLjM3MjMgNi4yNjMgMTIuMDIwMyA2LjQ1ODcxIDExLjgxOTFDNC42OTcyNSAxMS42MTc5IDIuODM3OTIgMTAuOTEzOCAyLjgzNzkyIDcuNzQ1MjhDMi44Mzc5MiA2LjgzOTk5IDMuMTMxNSA2LjEzNTg3IDMuNjY5NzIgNS41MzIzNEMzLjU3MTg3IDUuMzMxMTcgMy4zMjcyMiA0LjQ3NjE3IDMuNzY3NTggMy4zNjk3QzMuNzY3NTggMy4zNjk3IDQuNDUyNiAzLjE2ODUyIDUuOTY5NDIgNC4yMjQ3QzYuNjA1NSA0LjAyMzUyIDcuMjkwNTIgMy45NzMyMyA3Ljk3NTU0IDMuOTczMjNDOC42NjA1NSAzLjk3MzIzIDkuMzQ1NTYgNC4wNzM4MiA5Ljk4MTY1IDQuMjI0N0MxMS40OTg1IDMuMTY4NTIgMTIuMTgzNSAzLjM2OTcgMTIuMTgzNSAzLjM2OTdDMTIuNjIzOSA0LjQ3NjE3IDEyLjMzMDMgNS4zMzExNyAxMi4yODEzIDUuNTMyMzRDMTIuNzcwNiA2LjA4NTU4IDEzLjExMzIgNi44Mzk5OSAxMy4xMTMyIDcuNzQ1MjhDMTMuMTEzMiAxMC45MTM4IDExLjI1MzggMTEuNTY3NiA5LjQ5MjM1IDExLjc2ODhDOS43ODU5MyAxMi4wMjAzIDEwLjAzMDYgMTIuNTIzMiAxMC4wMzA2IDEzLjI3NzZDMTAuMDMwNiAxNC4zODQxIDEwLjAzMDYgMTUuMjM5MSAxMC4wMzA2IDE1LjU0MDlDMTAuMDMwNiAxNS43NDIgMTAuMTc3NCAxNS45OTM1IDEwLjU2ODggMTUuOTQzMkMxMy43NDkyIDE0LjgzNjcgMTYgMTEuNzY4OCAxNiA4LjE0NzYzQzE1Ljk1MTEgMy42NzE0NiAxMi4zNzkyIDAgNy45NzU1NCAwWiIgZmlsbD0id2hpdGUiLz4KPC9zdmc+Cg==\"","import React from \"react\"\nimport Section from \"../../../components/section/Section\"\n\nconst ProductsSectionFirst = ({ className, data }: { className: string; data: any }) => {\n  const { heading, paragraph, btnText, btnLink, link } = data.data.content.ProductsSectionFirstConfig\n\n  return (\n    <Section className={`${className} sova-fullscreen-height`}>\n      <h1 className=\"sova-section-child sova-section-child_puzzlelib-1 sova-h1 sova-h1_centered\">{heading}</h1>\n      <p className=\"sova-section-child sova-section-child_puzzlelib-1 sova-h4 sova-common-text-centered\">{paragraph}</p>\n      <div className=\"sova-section-child-container sova-section-child-container_row\">\n        <a href={btnLink} id=\"sova-products-0_getStartedBtn\">\n          <button className=\"sova-btn sova-btn_primary sova-btn_big\">{btnText}</button>\n        </a>\n        <a className=\"sova-h4 sova-h4_link sova-section-child_products-0-link\" href=\"#\">\n          {link}\n        </a>\n      </div>\n    </Section>\n  )\n}\n\nProductsSectionFirst.displayName = \"PuzzlelibSectionSecond\"\n\nexport default ProductsSectionFirst\n","import React from \"react\"\nimport { Link } from \"gatsby\"\nimport Section from \"../../../components/section/Section\"\n\ninterface Product {\n  title: string\n  describtion: string\n  link: string\n  learnMoreBtn: string\n}\n\nconst ProductsSectionSecond = ({ className, data }: { className: string; data: any }) => {\n  const { heading, products } = data.data.content.ProductsSectionSecondConfig\n\n  return (\n    <Section className={`${className} sova-section-without-margin-bottom`}>\n      <h2 className=\"sova-section-child sova-h2\">{heading}</h2>\n      <div className=\"sova-section-container sova-section-container_row sova-section-container_products-1\">\n        {products.map(({ title, describtion, link, learnMoreBtn }: Product, key: number) => (\n          <div className=\"sova-section-child-container sova-section-child-container_products-1\" key={key}>\n            <h3 className=\"sova-section-child sova-section-child-text_products-1 sova-h3\">{title}</h3>\n            <p className=\"sova-section-child sova-section-child_products-1 sova-p-tiny\">{describtion}</p>\n            <Link to={`/${link}`}>\n              <button className=\"sova-btn sova-btn_secondary sova-btn_small sova-btn\">{learnMoreBtn}</button>\n            </Link>\n          </div>\n        ))}\n      </div>\n    </Section>\n  )\n}\n\nProductsSectionSecond.displayName = \"ProductsSectionSecond\"\n\nexport default ProductsSectionSecond\n","import React from \"react\"\n\nimport ProductsSectionFirst from \"./productsSections/productsSectionFirst\"\nimport ProductsSectionSecond from \"./productsSections/productsSectionSecond\"\n\nconst sections = [\n  { component: (key: number, className: string, data: any) => <ProductsSectionFirst data={data} className={className} key={key} /> },\n  { component: (key: number, className: string, data: any) => <ProductsSectionSecond data={data} key={key} className={className} /> },\n]\n\nconst ProductsSections = (data: any) => {\n  return <>{sections.map(({ component }, i) => component(i, `sova-section sova-section-products  sova-section-products_${i}`, data))}</>\n}\n\nProductsSections.displayName = \"ProductsSections\"\n\nexport default ProductsSections\n","import React from \"react\"\nimport { graphql } from \"gatsby\"\nimport Layout from \"../layout/layout\"\nimport SEO from \"../components/SEO/seo\"\nimport ProductsSections from \"../pagesStructures/products/productsSections\"\n\nconst Products = ({ data, pageContext }: { data: any; pageContext: any }) => {\n  const pageContent = data.strapiProducts.content.find((el: any) => {\n    return el.language === pageContext.lang\n  })\n  return (\n    <Layout bgCustomClass=\"products\">\n      <SEO title={pageContent.content.title} />\n      <ProductsSections data={{ ...pageContent, pageContext: pageContext }} />\n    </Layout>\n  )\n}\n\nexport default Products\nexport const query = graphql`\n  query Products($url: String) {\n    strapiProducts(url: { eq: $url }) {\n      content {\n        language\n        content {\n          title\n          ProductsSectionFirstConfig {\n            btnLink\n            btnText\n            heading\n            link\n            paragraph\n          }\n          ProductsSectionSecondConfig {\n            heading\n            products {\n              describtion\n              link\n              title\n              learnMoreBtn\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}