{"version":3,"sources":["webpack:///./src/pages/index.tsx","webpack:///./src/static/hello_black.svg"],"names":["LandingV2Page","inject","componentWillMount","this","props","visitorStore","logEvent","PAGE_VIEW_EVENT","location","pageType","render","me","data","main","react__WEBPACK_IMPORTED_MODULE_1__","id","className","gatsby_image__WEBPACK_IMPORTED_MODULE_2___default","a","fluid","getFluidImageSharp","imgHero","getLanguageValue","txtHeroHeader","txtHeroBody","components__WEBPACK_IMPORTED_MODULE_4__","size","label","color","href","galleryOverview","slug","iv","toLowerCase","productOverview","txtTopPick","nodes","topPick","single","navigate","txtHowItWorks","txtCol1Header","style","borderTop","txtCol1Body","txtCol2Header","txtCol2Body","txtCol3Header","txtCol3Body","txtCol4Header","txtCol4Body","galleries","length","txtCollection","bestsellers","txtBestseller","txtCtaHeader","dangerouslySetInnerHTML","__html","txtCtaBody","html","ctaButtons","map","b","i","textColor","inversed","key","src","ctaImage","height","display","margin","transform","TraumwandPageComponent","pageQuery","module","exports","__webpack_require__","p"],"mappings":"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","file":"component---src-pages-index-tsx-64fde8a220f47c8a8667.js","sourcesContent":["\r\nimport * as React from \"react\";\r\nimport { graphql } from \"gatsby\";\r\nimport Img from \"gatsby-image\";\r\nimport { inject } from \"mobx-react\";\r\n\r\nimport { Button, Gallery, GalleryPageCollection, Slider } from \"components\"\r\nimport { PAGE_VIEW_EVENT, getFluidImageSharp, getLanguageValue, getFixedImageSharp } from \"utils\";\r\nimport { SquidexConfig, SquidexGalleryOverviewPage, SquidexProductOverview, SquidexLandingPageB, SquidexLandingPageBSidecontentDe } from 'generated/gatsbyApiTypes';\r\n\r\nimport \"./index.less\"\r\nimport ctaImage from \"../static/hello_black.svg\"\r\nimport { TraumwandPageComponent } from 'utils/interfaces';\r\n\r\nexport interface QueryData {\r\n  config: SquidexConfig;\r\n  galleryOverview: SquidexGalleryOverviewPage;\r\n\r\n  productOverview: SquidexProductOverview;\r\n  main: SquidexLandingPageB;\r\n}\r\n\r\n@inject(\"visitorStore\")\r\nexport default class LandingV2Page extends TraumwandPageComponent<QueryData> {\r\n  componentWillMount() {\r\n    this.props.visitorStore.logEvent(PAGE_VIEW_EVENT, {\r\n      location: this.props.location,\r\n      pageType: \"landing\"\r\n    });\r\n  }\r\n  render() {\r\n    const me = this.props.data.main;\r\n    return (\r\n      <>\r\n        <section id=\"intro\" className=\"flex justify-between mt2\">\r\n          {/* <div className=\"dib w-100 w-60-ns\">\r\n            <Slider className=\"mt4\" nodes={me.sliderImages} clickToEnlargeText=\"\" excludeLightBox />\r\n          </div> */}\r\n          <div id=\"hero\" className=\"w-100 w-60-ns overflow-hidden relative\" >\r\n            <Img className=\"w-100 h-100 dib\" fluid={getFluidImageSharp(me.imgHero)} />\r\n            <div className=\"absolute w-100 h-100 top-0 left-0 pa4 inline-flex items-start flex-column justify-around\">\r\n              <h1 className=\"white mt0-ns w-100\">{getLanguageValue(me.txtHeroHeader)}</h1>\r\n              <p className=\"white dn db-ns flex-grow-1\">{getLanguageValue(me.txtHeroBody)}</p>\r\n              <div className=\"w-100 dn db-ns\">\r\n                <Button size={4} label=\"Galerie\" color=\"theme\" className=\"mr2 mt2\" href={this.props.data.galleryOverview.slug.iv.toLowerCase()} />\r\n                <Button size={4} label=\"Produkte\" color=\"theme\" className=\"mr2 mt2\" href={this.props.data.productOverview.slug.iv.toLowerCase()} />\r\n                {/* <Button size={4} label={getLanguageValue(me.txtHowItWorks)} className=\"mt2\" color=\"theme\" href=\"#steps\" /> */}\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div className=\"dn dib-ns w-32\">\r\n            <h3 className=\"mt0 tc\">{getLanguageValue(me.txtTopPick)}</h3>\r\n            <Gallery nodes={[me.topPick]} single navigate={this.props.navigate} />\r\n          </div>\r\n        </section>\r\n\r\n        <div className=\"w-100 db dn-ns mt2\">\r\n          <Button size={4} label=\"Galerie\" color=\"theme\" className=\"mr2\" href={this.props.data.galleryOverview.slug.iv.toLowerCase()} />\r\n          <Button size={4} label=\"Produkte\" color=\"theme\" className=\"mr2\" href={this.props.data.productOverview.slug.iv.toLowerCase()} />\r\n          {/* <Button size={4} label={getLanguageValue(me.txtHowItWorks)} className=\"mt2\" color=\"theme\" href=\"#steps\" /> */}\r\n        </div>\r\n        <section id=\"steps\" className=\"mb2\">\r\n          <h1 className=\"mb0\">{getLanguageValue(me.txtHowItWorks)}</h1>\r\n          <div className=\"w-100 inline-flex flex-column flex-row-ns justify-between mr2\">\r\n            <div id=\"step1\" className=\"flex flex-column\">\r\n              <h3 className=\"mb2 mt2\">{getLanguageValue(me.txtCol1Header)}</h3>\r\n              <div style={{ borderTop: \"2px solid black\" }} />\r\n              <p className=\"mt2 mt0 flex-grow-1\">{getLanguageValue(me.txtCol1Body)}</p>\r\n            </div>\r\n            <div id=\"step2\" className=\"flex flex-column\">\r\n              <h3 className=\"mb2 mt0 mt2-ns\">{getLanguageValue(me.txtCol2Header)}</h3>\r\n              <div style={{ borderTop: \"2px solid black\" }} />\r\n              <p className=\"mt2 mt0 flex-grow-1\">{getLanguageValue(me.txtCol2Body)}</p>\r\n            </div>\r\n          </div>\r\n          <div className=\"w-100 inline-flex flex-column flex-row-ns justify-between\">\r\n            <div id=\"step3\" className=\"flex flex-column\">\r\n              <h3 className=\"mb2 mt0\">{getLanguageValue(me.txtCol3Header)}</h3>\r\n              <div style={{ borderTop: \"2px solid black\" }} />\r\n              <p className=\"mt2 flex-grow-1\">{getLanguageValue(me.txtCol3Body)}</p>\r\n            </div>\r\n            <div id=\"step4\" className=\"flex flex-column\">\r\n              <h3 className=\"mb2 mt0\">{getLanguageValue(me.txtCol4Header)}</h3>\r\n              <div style={{ borderTop: \"2px solid black\" }} />\r\n              <p className=\"mt2 flex-grow-1\">{getLanguageValue(me.txtCol4Body)}</p>\r\n            </div>\r\n          </div>\r\n        </section>\r\n        <section id=\"collection\" className={\"mt4\" + (me.galleries.length === 0 ? \" dn\" : \"\")}>\r\n          <h1 className=\"\">{getLanguageValue(me.txtCollection)}</h1>\r\n          <GalleryPageCollection nodes={me.galleries} navigate={this.props.navigate} />\r\n        </section>\r\n        <section id=\"bestseller\" className={\"mt2\" + (me.bestsellers.length === 0 ? \" dn\" : \"\")}>\r\n          <h1>{getLanguageValue(me.txtBestseller)}</h1>\r\n          <Gallery nodes={me.bestsellers} navigate={this.props.navigate} />\r\n        </section>\r\n        <section id=\"cta\" className=\"full-width bg-light-gray\">\r\n          <div className=\"flex flex-column flex-row-ns mwPage pa3 pa0-l pt4-l pb4-l\">\r\n            <div className=\"w-100 w-50-ns mr5\">\r\n              <h1 className=\"mt0\">{getLanguageValue(me.txtCtaHeader)}</h1>\r\n              <div dangerouslySetInnerHTML={\r\n                { __html: `${getLanguageValue(me.txtCtaBody).html}` }\r\n              } />\r\n              {me.ctaButtons.iv.map(\r\n                (b, i) =>\r\n                  <Button size={5} className=\"mr2 mt2 \" label={b.label} href={b.href} color=\"white\" textColor=\"black\" inversed={true} key={`ctaButton-${i}`} />\r\n              )}\r\n            </div>\r\n            <div className=\"w-50 dn db-ns\">\r\n              <img src={ctaImage} height=\"230\" style={{ display: \"block\", margin: \"auto\", transform: \"matrix(-1, 0, 0, 1, 0, 0)\" }} />\r\n            </div>\r\n          </div>\r\n        </section>\r\n      </>\r\n    )\r\n  }\r\n}\r\n\r\nexport const pageQuery = graphql`\r\n{\r\n  config: squidexConfig(identity: { eq: \"config\"}) {\r\n    pageShopSlug {\r\n      iv\r\n    }\r\n    allowImageUpload {\r\n      iv\r\n    }\r\n  }\r\n  galleryOverview: squidexGalleryOverviewPage(identity: {eq: \"galleryOverview\"}) {\r\n    slug {\r\n      iv\r\n    }\r\n  }\r\n  productOverview: squidexProductOverview(identity: {eq: \"productOverviewPage\"}) {\r\n    slug {\r\n      iv\r\n    }\r\n  }\r\n  main: squidexLandingPageB (identity: {eq: \"landing\"}){\r\n    imgHero {\r\n      childImageSharp {\r\n        fluid(maxWidth: 1600) { \r\n        ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    sliderImages {\r\n      childImageSharp {\r\n        fixed(width: 640) {\r\n          ...GatsbyImageSharpFixed_noBase64\r\n        }\r\n      }\r\n    }\r\n    txtTopPick {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtHowItWorks {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    topPick {\r\n      name {\r\n        iv\r\n      }\r\n      description {\r\n        iv\r\n      }\r\n      image {\r\n        childImageSharp {\r\n          fluid {\r\n            ...GatsbyImageSharpFluid_noBase64\r\n          }     \r\n          original {\r\n            src\r\n            width\r\n            height\r\n          }\r\n        }\r\n      }\r\n    }\r\n    txtHeroHeader {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtHeroBody {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCol1Header {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCol1Body {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCol2Header {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCol2Body {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCol3Header {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCol3Body {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCol4Header {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCol4Body {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    galleries {\r\n      name {\r\n        de\r\n        nl\r\n        en\r\n      }\r\n      headerImage {\r\n        childImageSharp {\r\n          fluid(maxWidth: 1600) { \r\n          ...GatsbyImageSharpFluid_noBase64\r\n          }\r\n        }\r\n      }\r\n      slug {\r\n        iv\r\n      }\r\n    }\r\n    sidecontent {\r\n      de {\r\n        txt\r\n        img {\r\n          childImageSharp {\r\n            fixed(height: 250, width: 250) {\r\n              ...GatsbyImageSharpFixed_noBase64\r\n            }\r\n          }\r\n        }\r\n      }\r\n      nl {\r\n        txt\r\n        img {\r\n          childImageSharp {\r\n            fixed(height: 250, width: 250) {\r\n              ...GatsbyImageSharpFixed_noBase64\r\n            }\r\n          }\r\n        }\r\n      }\r\n      en {\r\n        txt\r\n        img {\r\n          childImageSharp {\r\n            fixed(height: 250, width: 250) {\r\n              ...GatsbyImageSharpFixed_noBase64\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n    bestsellers {\r\n      id\r\n      name {\r\n        iv\r\n      }\r\n      description {\r\n        iv\r\n      }\r\n      image {\r\n        childImageSharp {\r\n          fluid {\r\n            ...GatsbyImageSharpFluid_noBase64\r\n          }     \r\n          original {\r\n            src\r\n            width\r\n            height\r\n          }\r\n        }\r\n      }\r\n    }\r\n    txtCollection {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtBestseller {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCtaHeader {\r\n      de\r\n      nl\r\n      en\r\n    }\r\n    txtCtaBody {\r\n      de {\r\n        html\r\n      }\r\n      nl {\r\n        html\r\n      }\r\n      en {\r\n        html\r\n      }\r\n    }\r\n    ctaButtons {\r\n      iv {\r\n        label\r\n        href\r\n      }\r\n    }\r\n  }\r\n}\r\n`\r\n","module.exports = __webpack_public_path__ + \"static/hello_black-0845d8e23c92427a5c85d66b628c373d.svg\";"],"sourceRoot":""}