{"version":3,"file":"component---src-pages-index-js-5833fc9e437423d992fb.js","mappings":"0IAYA,IATkBA,IAAmC,IAAlC,SAAEC,EAAQ,UAAEC,EAAY,IAAIF,EAC7C,OAAOG,EAAAA,cAAA,OAAKD,UAAWA,GAAYD,EAAe,C,wEC2DpD,IA1DqBG,KACnB,MAAM,EAACC,EAAM,EAACC,IAAYC,EAAAA,EAAAA,UAAS,KAC7B,cAAEC,EAAa,cAAEC,IAAkBC,EAAAA,EAAAA,YAAWC,EAAAA,IAC9C,uBAAEC,IAA2BF,EAAAA,EAAAA,YAAWG,EAAAA,GAMxCC,EAAYC,IAChBA,EAAEC,iBACFR,GAAc,GACdC,EAAcJ,EAAM,EAGtB,OAAIO,EAEAT,EAAAA,cAAA,WAASD,UAAU,mFACjBC,EAAAA,cAAA,OAAKD,UAAU,aACbC,EAAAA,cAAA,OAAKD,UAAU,wCACbC,EAAAA,cAAA,OAAKD,UAAU,0EACbC,EAAAA,cAACc,EAAAA,EAAuB,CAACf,UAAU,mCAS7CC,EAAAA,cAAA,WAASD,UAAU,mFACjBC,EAAAA,cAAA,OAAKD,UAAU,aACbC,EAAAA,cAAA,OAAKD,UAAU,wCACbC,EAAAA,cAAA,QACEW,SAAUA,EACVZ,UAAU,0EAEVC,EAAAA,cAAA,OAAKD,UAAU,6CACbC,EAAAA,cAAA,SACED,UAAU,uBACVgB,SAnCIH,IAChBT,EAASS,EAAEI,OAAOC,MAAM,EAmCZA,MAAOf,EACPgB,YAAY,uBAGhBlB,EAAAA,cAAA,UACEmB,QAASR,EACTZ,UAAU,kCACX,2BAMC,C,iJClBd,UAvBkBqB,IAEdpB,EAAAA,cAACqB,EAAAA,EAAM,CACLC,MAAM,GACNC,KAAMC,EAAAA,EACNC,SAAS,OACTC,KAAK,IACLC,YAAY,qBAEZ3B,EAAAA,cAAC4B,EAAAA,EAAS,KACR5B,EAAAA,cAAC6B,EAAAA,EAAW,CAACC,KAAMC,EAAAA,IACnB/B,EAAAA,cAACgC,EAAAA,EAAiB,CAChBC,kBAAkB,EAClBlC,UAAU,iCAEZC,EAAAA,cAACkC,EAAAA,EAAQ,CAACJ,KAAMK,EAAAA,EAAeC,mBAAmB,IAClDpC,EAAAA,cAACqC,EAAAA,EAAO,MACRrC,EAAAA,cAACC,EAAAA,EAAY,O","sources":["webpack://reduct-dot-video/./src/components/Container.js","webpack://reduct-dot-video/./src/components/Subscription/index.js","webpack://reduct-dot-video/./src/pages/index.js"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\n\nconst Container = ({ children, className = '' }) => {\n  return <div className={className}>{children}</div>;\n};\n\nContainer.propTypes = {\n  children: PropTypes.node.isRequired,\n  className: PropTypes.string,\n};\n\nexport default Container;\n","import React, { useState, useContext } from 'react';\nimport { FlagsContext } from '../../context/FlagsContext';\nimport { SignUpModalContext } from '../../context/SignUpModalContext';\nimport ReductVideoSignUpButton from '../ReductVideoSignUpButton';\n\nconst Subscription = () => {\n  const [email, setEmail] = useState('');\n  const { setModalState, setStartEmail } = useContext(SignUpModalContext);\n  const { isFreeTrialCtaDisabled } = useContext(FlagsContext);\n\n  const onChange = (e) => {\n    setEmail(e.target.value);\n  };\n\n  const onSubmit = (e) => {\n    e.preventDefault();\n    setModalState(true);\n    setStartEmail(email);\n  };\n\n  if (isFreeTrialCtaDisabled) {\n    return (\n      <section className=\"lg:pt-[var(--spacingsmall)] pt-[var(--spacingtight)] pb-[var(--spacingnormal)] \">\n        <div className=\"container\">\n          <div className=\"flex md:justify-start justify-center\">\n            <div className=\"flex line-block-tight sm:flex-row flex-col justify-center items-center\">\n              <ReductVideoSignUpButton className=\"btn btn-secondary sub-head\" />\n            </div>\n          </div>\n        </div>\n      </section>\n    );\n  }\n\n  return (\n    <section className=\"lg:pt-[var(--spacingsmall)] pt-[var(--spacingtight)] pb-[var(--spacingnormal)] \">\n      <div className=\"container\">\n        <div className=\"flex md:justify-start justify-center\">\n          <form\n            onSubmit={onSubmit}\n            className=\"flex line-block-tight sm:flex-row flex-col justify-center items-center\"\n          >\n            <div className=\"form-control md:mr-4 mr-0 hidden md:block\">\n              <input\n                className=\"text-black text-left\"\n                onChange={onChange}\n                value={email}\n                placeholder=\"hello@example.com\"\n              />\n            </div>\n            <button\n              onClick={onSubmit}\n              className=\"btn btn-primary mx-auto btn-lg\"\n            >\n              Start a free trial →\n            </button>\n          </form>\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default Subscription;\n","import React from 'react';\n\nimport Layout from 'components/Layout';\nimport Container from 'components/Container';\nimport CustomerLogoStrip from '../components/CustomerLogoStrip';\nimport HeroSection from 'components/Home/HeroSection';\n\nimport Feature from 'components/Feature';\n\nimport Subscription from 'components/Subscription';\n\nimport featuredImage from '../assets/images/logo-with-bg.png';\nimport { Industry } from '../components/Vs/Rev/Industry';\nimport {\n  INDUSTRY_COPY,\n  HERO_SECTION_COPY,\n} from '../constants/homepage/constants';\n\nconst IndexPage = () => {\n  return (\n    <Layout\n      title=\"\"\n      hero={featuredImage}\n      pageName=\"Home\"\n      path=\"/\"\n      headerClass=\"background-orange\"\n    >\n      <Container>\n        <HeroSection copy={HERO_SECTION_COPY} />\n        <CustomerLogoStrip\n          onlyCustomerLogo={true}\n          className=\" md:pt-[var(--spacingsmall)]\"\n        />\n        <Industry copy={INDUSTRY_COPY} gradientSeparator={false} />\n        <Feature />\n        <Subscription />\n      </Container>\n    </Layout>\n  );\n};\n\nexport default IndexPage;\n"],"names":["_ref","children","className","React","Subscription","email","setEmail","useState","setModalState","setStartEmail","useContext","SignUpModalContext","isFreeTrialCtaDisabled","FlagsContext","onSubmit","e","preventDefault","ReductVideoSignUpButton","onChange","target","value","placeholder","onClick","IndexPage","Layout","title","hero","featuredImage","pageName","path","headerClass","Container","HeroSection","copy","HERO_SECTION_COPY","CustomerLogoStrip","onlyCustomerLogo","Industry","INDUSTRY_COPY","gradientSeparator","Feature"],"sourceRoot":""}