{"version":3,"sources":["webpack:///./src/components/Pricing/index.js","webpack:///./src/components/PricingPageTemplate/index.js","webpack:///./src/templates/pricing-page.js"],"names":["Pricing","data","className","map","price","key","plan","style","border","dangerouslySetInnerHTML","__html","description","items","item","PricingPageTemplate","title","meta_title","meta_description","pricing","name","content","heading","plans","PricingPage","frontmatter","markdownRemark","Layout"],"mappings":"mJAuCeA,EApCC,SAAC,GAAD,IAAGC,EAAH,EAAGA,KAAH,OACd,yBAAKC,UAAU,WACZD,EAAKE,KAAI,SAAAC,GAAK,OACb,yBAAKC,IAAKD,EAAME,KAAMJ,UAAU,SAASK,MAAO,CAAEC,OAAQ,sBACxD,6BAASN,UAAU,WACjB,wBAAIA,UAAU,8CACXE,EAAME,MAET,wBAAIJ,UAAU,qEAAd,IACgBE,EAAMA,OAEtB,yBAAKF,UAAU,2BAA2BO,wBAAyB,CAACC,OAAQN,EAAMO,eAClF,4BACGP,EAAMQ,MAAMT,KAAI,SAAAU,GAAI,OACnB,wBAAIR,IAAKQ,EAAMX,UAAU,aACtBW,cC4CFC,EAzDa,SAAC,GAAD,IAC1BC,EAD0B,EAC1BA,MACAC,EAF0B,EAE1BA,WACAC,EAH0B,EAG1BA,iBACAC,EAJ0B,EAI1BA,QAJ0B,OAM1B,6BACE,kBAAC,IAAD,KACE,+BAAQF,GACR,0BAAMG,KAAK,cAAcC,QAASH,KAEpC,6BAASf,UAAU,qCACjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,aACb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,WACb,wBAAIA,UAAU,SACXa,SAQf,6BAASb,UAAU,6BACjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,WACb,yBAAKA,UAAU,4BACb,yBAAKA,UAAU,WACb,wBAAIA,UAAU,sCACXgB,EAAQG,SAEX,yBAAKnB,UAAU,YAAYO,wBAAyB,CAACC,OAAQQ,EAAQP,eACrE,kBAAC,EAAD,CAASV,KAAMiB,EAAQI,gB,YCZxBC,UAvBK,SAAC,GAAc,IACzBC,EADwB,EAAXvB,KACQwB,eAArBD,YAER,OACE,kBAACE,EAAA,EAAD,KACE,kBAAC,EAAD,CACEX,MAAOS,EAAYT,MACnBC,WAAYQ,EAAYR,WACxBC,iBAAkBO,EAAYP,iBAC9BC,QAASM,EAAYN","file":"component---src-templates-pricing-page-js-0739ca426f593d6fa310.js","sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\n\nconst Pricing = ({ data }) => (\n  <div className='columns'>\n    {data.map(price => (\n      <div key={price.plan} className='column' style={{ border: '1px solid #eaecee' }}>\n        <section className='section'>\n          <h4 className='has-text-centered has-text-weight-semibold'>\n            {price.plan}\n          </h4>\n          <h2 className='is-size-1 has-text-weight-bold has-text-primary has-text-centered'>\n                        ${price.price}\n          </h2>\n          <div className='has-text-weight-semibold' dangerouslySetInnerHTML={{__html: price.description}}></div>\n          <ul>\n            {price.items.map(item => (\n              <li key={item} className='is-size-5'>\n                {item}\n              </li>\n            ))}\n          </ul>\n        </section>\n      </div>\n    ))}\n  </div>\n)\n\nPricing.propTypes = {\n  data: PropTypes.arrayOf(\n    PropTypes.shape({\n      plan: PropTypes.string,\n      price: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      description: PropTypes.string,\n      items: PropTypes.array,\n    })\n  ),\n}\n\nexport default Pricing\n","import React from 'react'\nimport Helmet from 'react-helmet'\nimport Pricing from '../Pricing'\nimport PropTypes from 'prop-types'\n\nconst PricingPageTemplate = ({\n  title,\n  meta_title,\n  meta_description,\n  pricing,\n}) => (\n  <div>\n    <Helmet>\n      <title>{meta_title}</title>\n      <meta name='description' content={meta_description} />\n    </Helmet>\n    <section className='hero is-primary is-bold is-medium'>\n      <div className='hero-body'>\n        <div className='container'>\n          <div className='columns'>\n            <div className='column is-10 is-offset-1'>\n              <div className='section'>\n                <h1 className='title'>\n                  {title}\n                </h1>\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n    <section className='section section--gradient'>\n      <div className='container'>\n        <div className='section'>\n          <div className='columns'>\n            <div className='column is-10 is-offset-1'>\n              <div className='content'>\n                <h2 className='has-text-weight-semibold is-size-2'>\n                  {pricing.heading}\n                </h2>\n                <div className='is-size-5' dangerouslySetInnerHTML={{__html: pricing.description}}></div>\n                <Pricing data={pricing.plans} />\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n    </section>\n  </div>\n)\n\nPricingPageTemplate.propTypes = {\n  title: PropTypes.string,\n  meta_title: PropTypes.string,\n  meta_description: PropTypes.string,\n  pricing: PropTypes.shape({\n    heading: PropTypes.string,\n    description: PropTypes.string,\n    plans: PropTypes.array,\n  }),\n}\n\nexport default PricingPageTemplate\n","import React from 'react'\nimport PropTypes from 'prop-types'\nimport { graphql } from 'gatsby'\nimport PricingPageTemplate from '../components/PricingPageTemplate'\nimport Layout from '../components/Layout'\n\nconst PricingPage = ({ data }) => {\n  const { frontmatter } = data.markdownRemark\n\n  return (\n    <Layout>\n      <PricingPageTemplate\n        title={frontmatter.title}\n        meta_title={frontmatter.meta_title}\n        meta_description={frontmatter.meta_description}\n        pricing={frontmatter.pricing}\n      />\n    </Layout>\n  )\n}\n\nPricingPage.propTypes = {\n  data: PropTypes.shape({\n    markdownRemark: PropTypes.shape({\n      frontmatter: PropTypes.object,\n    }),\n  }),\n}\n\nexport default PricingPage\n\nexport const pricingPageQuery = graphql`\n  query PricingPage($id: String!) {\n    markdownRemark(id: { eq: $id }) {\n      frontmatter {\n        title\n        meta_title\n        meta_description\n        pricing {\n          heading\n          description\n          plans {\n            description\n            items\n            plan\n            price\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}