{"version":3,"sources":["webpack:///./src/pages/about.js"],"names":["AboutPageTemplate","data","pageData","markdownRemark","frontmatter","seo","name","content","SEO","description","property","title","image","className","fluid","herobackground","childImageSharp","animationDuration","loops","to","src","source","weddings","style","right","method","scenarios","eventsimg","events","consultancy","consultancyright","workshops","workshopsright","consultancybar","pageQuery","AboutPage"],"mappings":"8FAAA,2OAUaA,EAAoB,SAAC,GAAc,IAAZC,EAAW,EAAXA,KAC5BC,EAAWD,EAAKE,eAAeC,YAC/BC,EAAMJ,EAAKE,eAAeC,YAAYC,IAC5C,OACE,oCACE,kBAAC,IAAD,KACE,0BAAMC,KAAK,cAAcC,QAASC,IAAIC,YAAYJ,EAAII,eACtD,0BAAMC,SAAS,WAAWH,QAASC,IAAIG,MAAMN,EAAIM,SACjD,0BACED,SAAS,iBACTH,QAASC,IAAIC,YAAYJ,EAAII,eAE/B,0BAAMC,SAAS,WAAWH,QAASC,IAAII,MAAMP,EAAIO,SACjD,+BAAQJ,IAAIG,MAAMN,EAAIM,SAExB,yBAAKE,UAAU,mCACb,6BAASA,UAAU,iBACjB,yBAAKA,UAAU,gCACb,yBAAKA,UAAU,yBACb,kBAAC,IAAD,CACEC,MAAOZ,EAASa,eAAeC,gBAAgBF,MAC/CD,UAAU,kBAEZ,yBAAKA,UAAU,mBACb,kBAAC,IAAD,CAAcI,kBAAmB,EAAGC,MAAO,EAAGC,GAAI,MAChD,kBAAC,IAAD,CACEN,UAAU,gBACVO,IAAI,yCAOhB,6BAASP,UAAU,oBACjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,gEACb,yBAAKA,UAAU,sBACb,kBAAC,IAAD,CACEA,UAAU,+CACVQ,OAAQnB,EAASoB,YAGrB,yBAAKT,UAAU,4BACb,kBAAC,IAAD,CACEU,MAAO,CAAEC,MAAO,UAChBC,OAAQ,OACRP,MAAO,EACPD,kBAAmB,GACnB,kBAAC,IAAD,CACEJ,UAAU,iBACVO,IAAI,sCAIV,yBAAKP,UAAU,OACb,kBAAC,IAAD,CACEA,UAAU,gDACVQ,OAAQnB,EAASwB,gBAM3B,6BAASb,UAAU,yBACjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,wEACb,yBAAKA,UAAU,OACb,kBAAC,IAAD,CAAKC,MAAOZ,EAASyB,UAAUX,gBAAgBF,SAEjD,yBAAKD,UAAU,yBACb,kBAAC,IAAD,CACEA,UAAU,kCACVQ,OAAQnB,EAAS0B,aAM3B,6BAASf,UAAU,0BACjB,yBAAKA,UAAU,aACb,wBAAIA,UAAU,gCAAd,oBACA,yBAAKA,UAAU,gEACb,yBAAKA,UAAU,OACZ,IACD,kBAAC,IAAD,CACEA,UAAU,iDACVQ,OAAQnB,EAAS2B,eAGrB,yBAAKhB,UAAU,QAEb,kBAAC,IAAD,CACEA,UAAU,iDACVQ,OAAQnB,EAAS4B,uBAM3B,6BAASjB,UAAU,yBACjB,yBAAKA,UAAU,aACb,wBAAIA,UAAU,gCAAd,wBAGA,yBAAKA,UAAU,wEACb,yBAAKA,UAAU,OACZ,IACD,kBAAC,IAAD,CACEA,UAAU,kCACVQ,OAAQnB,EAAS6B,aAGrB,yBAAKlB,UAAU,yBACb,kBAAC,IAAD,CACEA,UAAU,kCACVQ,OAAQnB,EAAS8B,mBAIvB,4BAAQnB,UAAU,cAClB,kBAAC,IAAD,CACEA,UAAU,kDACVQ,OAAQnB,EAAS+B,sBAyBlBC,EAAS,aA2CPC,UA3DG,SAAC,GAAc,IAAZlC,EAAW,EAAXA,KACnB,OACE,kBAAC,IAAD,KACE,kBAACD,EAAD,CAAmBC,KAAMA","file":"component---src-pages-about-js-ebea9ece13b3eaef12f7.js","sourcesContent":["import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport ReactSVG from \"react-svg\"\nimport Layout from \"@/components/Layout\"\nimport Img from \"gatsby-image\"\nimport ReactMarkdown from \"react-markdown\"\nimport { ScrollRotate } from \"react-scroll-rotate\"\nimport Helmet from \"react-helmet\"\nimport SEO from \"@/helpers/SEOHelper.js\"\n\nexport const AboutPageTemplate = ({ data }) => {\n  const pageData = data.markdownRemark.frontmatter\n  const seo = data.markdownRemark.frontmatter.seo\n  return (\n    <>\n      <Helmet>\n        <meta name=\"description\" content={SEO.description(seo.description)} />\n        <meta property=\"og:title\" content={SEO.title(seo.title)} />\n        <meta\n          property=\"og:description\"\n          content={SEO.description(seo.description)}\n        />\n        <meta property=\"og:image\" content={SEO.image(seo.image)} />\n        <title>{SEO.title(seo.title)}</title>\n      </Helmet>\n      <div className=\"bg-green mt-8 overflow-x-hidden\">\n        <section className=\"hero relative\">\n          <div className=\"container-lg px-0 900:px-30 \">\n            <div className=\"spinner-wrap relative\">\n              <Img\n                fluid={pageData.herobackground.childImageSharp.fluid}\n                className=\"hero__sub--bg\"\n              />\n              <div className=\"scroll-svg-wrap\">\n                <ScrollRotate animationDuration={3} loops={1} to={1420}>\n                  <ReactSVG\n                    className=\"spinner-large\"\n                    src=\"../../img/svg/spinner-large.svg\"\n                  />\n                </ScrollRotate>\n              </div>\n            </div>\n          </div>\n        </section>\n        <section className=\"topsection py-24\">\n          <div className=\"container\">\n            <div className=\"col-container flex flex-col 900:flex-row 900:justify-between\">\n              <div className=\"col pb-0 900:pb-24\">\n                <ReactMarkdown\n                  className=\"markdown-cozy text-yellow markdown__weddings\"\n                  source={pageData.weddings}\n                />\n              </div>\n              <div className=\"scroll-svg-wrap--mobile \">\n                <ScrollRotate\n                  style={{ right: \"-180px\" }}\n                  method={\"prec\"}\n                  loops={1}\n                  animationDuration={5}>\n                  <ReactSVG\n                    className=\"spinner-mobile\"\n                    src=\"../../img/svg/spinner-large.svg\"\n                  />\n                </ScrollRotate>\n              </div>\n              <div className=\"col\">\n                <ReactMarkdown\n                  className=\"markdown-cozy text-yellow markdown__scenarios\"\n                  source={pageData.scenarios}\n                />\n              </div>\n            </div>\n          </div>\n        </section>\n        <section className=\"events bg-white py-24\">\n          <div className=\"container\">\n            <div className=\"col-container flex flex-col-reverse 900:flex-row 900:justify-between\">\n              <div className=\"col\">\n                <Img fluid={pageData.eventsimg.childImageSharp.fluid} />\n              </div>\n              <div className=\"col flex items-center\">\n                <ReactMarkdown\n                  className=\"markdown__events  markdown-cozy\"\n                  source={pageData.events}\n                />\n              </div>\n            </div>\n          </div>\n        </section>\n        <section className=\"events bg-cream  py-24\">\n          <div className=\"container\">\n            <h2 className=\"text-green special font-cozy\">Doradztwo barowe</h2>\n            <div className=\"col-container flex flex-col 900:flex-row 900:justify-between\">\n              <div className=\"col\">\n                {\" \"}\n                <ReactMarkdown\n                  className=\"markdown__consultancy markdown-cozy text-green\"\n                  source={pageData.consultancy}\n                />\n              </div>\n              <div className=\"col \">\n                {/* <Img fluid={pageData.consultancyimg.childImageSharp.fluid} /> */}\n                <ReactMarkdown\n                  className=\"markdown__consultancy markdown-cozy text-green\"\n                  source={pageData.consultancyright}\n                />\n              </div>\n            </div>\n          </div>\n        </section>\n        <section className=\"events bg-white py-24\">\n          <div className=\"container\">\n            <h2 className=\"text-black special font-cozy\">\n              Warsztaty koktajlowe\n            </h2>\n            <div className=\"col-container flex flex-col-reverse 900:flex-row 900:justify-between\">\n              <div className=\"col\">\n                {\" \"}\n                <ReactMarkdown\n                  className=\"markdown__events  markdown-cozy\"\n                  source={pageData.workshops}\n                />\n              </div>\n              <div className=\"col flex items-center\">\n                <ReactMarkdown\n                  className=\"markdown__events  markdown-cozy\"\n                  source={pageData.workshopsright}\n                />\n              </div>\n            </div>\n            <figure className=\"line-full\" />\n            <ReactMarkdown\n              className=\"markdown-cozy markdown__consultancybar text-red\"\n              source={pageData.consultancybar}\n            />\n          </div>\n        </section>\n      </div>\n    </>\n  )\n}\n\nconst AboutPage = ({ data }) => {\n  return (\n    <Layout>\n      <AboutPageTemplate data={data} />\n    </Layout>\n  )\n}\n\nAboutPage.propTypes = {\n  data: PropTypes.shape({\n    markdownRemark: PropTypes.shape({\n      frontmatter: PropTypes.object,\n    }),\n  }),\n}\n\nexport const pageQuery = graphql`\n  query AboutPageTemplate {\n    markdownRemark(frontmatter: { template: { eq: \"about\" } }) {\n      frontmatter {\n        title\n        herobackground {\n          childImageSharp {\n            fluid(quality: 70, maxWidth: 1900) {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n        weddings\n        scenarios\n        events\n        workshops\n        workshopsright\n        eventsimg {\n          childImageSharp {\n            fluid(quality: 70, maxWidth: 1900) {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n        consultancyimg {\n          childImageSharp {\n            fluid(quality: 70, maxWidth: 1900) {\n              ...GatsbyImageSharpFluid_withWebp\n            }\n          }\n        }\n        consultancy\n        consultancyright\n        consultancybar\n        seo {\n          description\n          title\n        }\n      }\n    }\n  }\n`\n\nexport default AboutPage\n"],"sourceRoot":""}