{"version":3,"file":"component---src-pages-index-jsx-d4d799c94a3660159c57.js","mappings":"qKAAO,IAAMA,EAAY,CAAEC,IAAK,+B,sDCyGhC,IAtGmB,SAAAC,GACjB,MAA8BC,EAAAA,SAAe,WAAtCC,EAAP,KAAgBC,EAAhB,KACA,EAA4CF,EAAAA,UAAe,GAApDG,EAAP,KAAuBC,EAAvB,KACQC,EAA8BN,EAA9BM,MAAOC,EAAuBP,EAAvBO,YAAaC,EAAUR,EAAVQ,MAOtBC,EAAW,SAAAC,GACfA,EAAEC,iBACFD,EAAEE,kBAPkB,SAAAC,GAEpB,MADS,eACCC,KAAKD,GAOXE,CADQL,EAAEM,OAAOC,SAASJ,MAAMK,SAElCb,GAAkB,GAClBc,IAAAA,KACQ,+DAAgE,CACpEN,MAAOH,EAAEM,OAAOC,SAASJ,MAAMK,MAC/BE,QAAS,gBAEVC,MAAK,kBAAMlB,EAAW,mBAI7B,MAAoB,SAAhBH,EAAMsB,MAEN,wBACEC,GAAG,cACHd,SAAUA,EACVe,OAAO,OACPC,OAAO,IACPH,MAAO,CAAEI,aAAc,IAEvB,sBAAIJ,MAAO,CAAEK,YAAa,QAASD,aAAc,UAAYpB,GAC7D,uBAAKsB,UAAU,mBACb,uBAAKA,UAAU,SACb,yBACEC,KAAK,QACLC,KAAK,QACLP,GAAG,QACHQ,YAAY,mBAGhB,uBAAKH,UAAU,SACb,yBACEC,KAAK,SACLD,UAAS,uBAAwBxB,GAAkB,YACnDc,MAAOhB,OAQjB,+BACE,uBAAK0B,UAAU,MAAMN,MAAQd,EAAiC,GAAzB,CAAEwB,SAAU,WAC9CxB,GACC,uBAAKoB,UAAU,sBACb,wBAAMA,UAAU,aACd,uBACEK,IAAI,iDACJC,IAAI,OAMZ,uBACEN,WAAepB,EAAkB,QAAV,SAAd,gBACTc,MAAQd,EAAkC,GAA1B,CAAE2B,UAAW,WAE7B,0BAAK7B,GACL,yBAAIC,GACJ,wBAAMgB,GAAG,cAAcd,SAAUA,EAAUe,OAAO,OAAOC,OAAO,KAC9D,uBAAKG,UAAU,mBACb,uBAAKA,UAAU,sBACb,yBACEC,KAAK,QACLC,KAAK,QACLP,GAAG,QACHQ,YAAY,mBAGhB,uBAAKH,UAAU,sBACb,yBACEC,KAAK,SACLD,UAAS,uBACPxB,GAAkB,YAEpBc,MAAOhB,Y,kIC9FzB,EAAe,IAA0B,6DCAzC,EAAe,IAA0B,6D,UC4PzC,EAlPgB,kBACd,gBAAC,IAAD,CAAQkC,QAAQ,EAAOC,gBAAgB,GACrC,gBAAC,IAAD,CACEC,KAAM,CACJ,CACEC,SAAS,SACTC,QAAY1C,EAAAA,EAAAA,IAAL,QAKb,uBAAK8B,UAAU,iBAAgBa,EAAAA,EAAAA,MAE/B,2BACEb,UAAU,uCACVN,MAAO,CAAEoB,gBAAgB,OAAQC,EAAT,MAExB,2DAEE,2BAFF,uBAKA,uBAAKf,UAAU,OACb,uBAAKA,UAAU,mCACb,kMAOJ,uBAAKA,UAAU,OACb,uBAAKA,UAAU,mCACb,gBAAC,IAAD,CACEN,MAAM,OACNhB,MAAM,iDAMd,2BAASsB,UAAU,kCACjB,gBAAC,EAAAgB,EAAD,CACEb,YAAY,YACZE,IAAI,sCACJC,IAAI,mHAHN,sBAOF,uBAAKN,UAAU,0BACb,2BAASA,UAAU,kCACjB,sBAAIA,UAAU,SAAd,yBACA,0EACA,uBAAKA,UAAU,kBACb,+BACE,gBAAC,EAAAgB,EAAD,CACEb,YAAY,YACZE,IAAI,gCACJC,IAAI,2EAHN,sBAKA,qCACA,mOAOF,+BACE,gBAAC,EAAAU,EAAD,CACEb,YAAY,YACZE,IAAI,uCACJC,IAAI,kFAHN,sBAKA,4CACA,wOAOF,+BACE,gBAAC,EAAAU,EAAD,CACEb,YAAY,YACZE,IAAI,6BACJC,IAAI,wEAHN,sBAKA,kCACA,4MAMF,+BACE,gBAAC,EAAAU,EAAD,CACEb,YAAY,YACZE,IAAI,uCACJC,IAAI,mFAHN,sBAKA,6CACA,6NAMF,uBAAKN,UAAU,UACb,qCACY,IACV,qBACEiB,KAAK,sEACL7B,OAAO,SACP8B,IAAI,YAHN,gJAeV,2BAASlB,UAAU,oDACjB,gBAAC,EAAAgB,EAAD,CACEb,YAAY,YACZE,IAAI,sCACJC,IAAI,6WAHN,sBAOF,2BACEN,UAAU,sCACVN,MAAO,CAAEoB,gBAAgB,OAAQK,EAAT,MAExB,uBAAKnB,UAAU,OACb,uBAAKA,UAAU,wCACb,kDACA,0VAWN,uBAAKA,UAAU,iBACb,uBAAKA,UAAU,6BACb,+BACE,wBAAMA,UAAU,QACd,gBAAC,EAAAgB,EAAD,CACEb,YAAY,YACZE,IAAI,qCACJC,IAAI,wEAHN,uBAMF,uBAAKN,UAAU,WACb,oCACA,yLAOJ,+BACE,wBAAMA,UAAU,QACd,gBAAC,EAAAgB,EAAD,CACEb,YAAY,YACZE,IAAI,sCACJC,IAAI,wCAHN,uBAMF,uBAAKN,UAAU,WACb,yCACA,kKAOJ,+BACE,wBAAMA,UAAU,QACd,gBAAC,EAAAgB,EAAD,CACEb,YAAY,YACZE,IAAI,uCACJC,IAAI,6CAHN,uBAMF,uBAAKN,UAAU,WACb,wCACA,yKAOJ,+BACE,wBAAMA,UAAU,QACd,gBAAC,EAAAgB,EAAD,CACEb,YAAY,YACZE,IAAI,mCACJC,IAAI,0DAHN,sBAMF,uBAAKN,UAAU,WACb,qCACA,8KAUR,uBAAKA,UAAU,2BACb,2BAASA,UAAU,mBACjB,uBAAKA,UAAU,oBACb,uBAAKA,UAAU,UACb,uEAGJ,uBAAKA,UAAU,gCACb,uBAAKA,UAAU,kCACb,gBAAC,IAAD,CAAYN,MAAM,gB","sources":["webpack://gatsby-starter-default/./src/components/constants.js","webpack://gatsby-starter-default/./src/components/newsletter.jsx","webpack://gatsby-starter-default/./src/images/landing/happyplace@2x.webp","webpack://gatsby-starter-default/./src/images/landing/homeoffice@2x.webp","webpack://gatsby-starter-default/./src/pages/index.jsx"],"sourcesContent":["export const CONSTANTS = { URL: \"https://www.reinventing.co\" }\n","import axios from \"axios\"\nimport * as React from \"react\"\n\nconst Newsletter = props => {\n  const [message, setMessage] = React.useState(\"Sign up\")\n  const [buttonDisabled, setButtonDisabled] = React.useState(false)\n  const { title, description, image } = props\n\n  const validateEmail = email => {\n    var re = /\\S+@\\S+\\.\\S+/\n    return re.test(email)\n  }\n\n  const onSubmit = e => {\n    e.preventDefault()\n    e.stopPropagation()\n    let email = e.target.elements.email.value\n    if (validateEmail(email)) {\n      setButtonDisabled(true)\n      axios\n        .post(\"https://a4u0zoa7le.execute-api.us-east-2.amazonaws.com/store\", {\n          email: e.target.elements.email.value,\n          list_id: \"reinventing\",\n        })\n        .then(() => setMessage(\"Thank you!\"))\n    }\n  }\n\n  if (props.style === \"bare\") {\n    return (\n      <form\n        id=\"signup-form\"\n        onSubmit={onSubmit}\n        method=\"post\"\n        action=\"#\"\n        style={{ marginBottom: 0 }}\n      >\n        <h5 style={{ paddingLeft: \".25em\", marginBottom: \"0.5em\" }}>{title}</h5>\n        <div className=\"row gtr-uniform\">\n          <div className=\"col-8\">\n            <input\n              type=\"email\"\n              name=\"email\"\n              id=\"email\"\n              placeholder=\"Email Address\"\n            />\n          </div>\n          <div className=\"col-4\">\n            <input\n              type=\"submit\"\n              className={`button primary fit ${buttonDisabled && \"disabled\"}`}\n              value={message}\n            />\n          </div>\n        </div>\n      </form>\n    )\n  }\n  return (\n    <section>\n      <div className=\"row\" style={!image ? { flexFlow: \"column\" } : {}}>\n        {image && (\n          <div className=\"col-6 col-12-small\">\n            <span className=\"image fit\">\n              <img\n                src=\"https://picsum.photos/seed/newsletter3/950/500\"\n                alt=\"\"\n              />\n            </span>\n          </div>\n        )}\n\n        <div\n          className={`${!image ? \"col-8\" : \"col-6\"} col-12-small`}\n          style={!image ? { alignSelf: \"center\" } : {}}\n        >\n          <h2>{title}</h2>\n          <p>{description}</p>\n          <form id=\"signup-form\" onSubmit={onSubmit} method=\"post\" action=\"#\">\n            <div className=\"row gtr-uniform\">\n              <div className=\"col-8 col-12-small\">\n                <input\n                  type=\"email\"\n                  name=\"email\"\n                  id=\"email\"\n                  placeholder=\"Email Address\"\n                />\n              </div>\n              <div className=\"col-4 col-12-small\">\n                <input\n                  type=\"submit\"\n                  className={`button primary fit ${\n                    buttonDisabled && \"disabled\"\n                  }`}\n                  value={message}\n                />\n              </div>\n            </div>\n          </form>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport default Newsletter\n","export default __webpack_public_path__ + \"static/happyplace@2x-56fdce40196cbe33b6e6c289906e4a3c.webp\";","export default __webpack_public_path__ + \"static/homeoffice@2x-db6c3e75e42ef7e9515bf59b109a3e40.webp\";","import { StaticImage } from \"gatsby-plugin-image\"\nimport React from \"react\"\nimport { CONSTANTS } from \"../components/constants\"\nimport Layout from \"../components/layout\"\nimport Newsletter from \"../components/newsletter\"\nimport Seo from \"../components/seo\"\nimport HappyPlaceWebp from \"../images/landing/happyplace@2x.webp\"\nimport HomeOfficeWebp from \"../images/landing/homeoffice@2x.webp\"\nimport Logo from \"../images/logo\"\n\nconst Landing = () => (\n  <Layout header={false} landingWrapper={true}>\n    <Seo\n      meta={[\n        {\n          property: `og:url`,\n          content: `${CONSTANTS.URL}/`,\n        },\n      ]}\n    />\n\n    <div className=\"landing-logo\">{Logo()}</div>\n\n    <section\n      className=\"landing-section extra bg-image right\"\n      style={{ backgroundImage: `url(${HappyPlaceWebp})` }}\n    >\n      <h2>\n        Meaningful climate actions for\n        <br />\n        your everyday life.\n      </h2>\n      <div className=\"row\">\n        <div className=\"col-12-small col-7 col-9-medium\">\n          <p>\n            Climate change can be overwhelming. We’re here to help you make a\n            difference with clear, trustworthy guides to climate solutions for\n            your home, car, and lifestyle.\n          </p>\n        </div>\n      </div>\n      <div className=\"row\">\n        <div className=\"col-12-small col-9-medium col-6\">\n          <Newsletter\n            style=\"bare\"\n            title=\"Sign up for our newsletter to get started\"\n          />\n        </div>\n      </div>\n    </section>\n\n    <section className=\"landing-section bg-image small\">\n      <StaticImage\n        placeholder=\"tracedSVG\"\n        src=\"../images/landing/happyplace@2x.png\"\n        alt=\"Drawing of a woman sitting next to plant looking at her phone and notes. There is a dog laying down next to her.\"\n      />\n    </section>\n\n    <div className=\"landing-bg-color light\">\n      <section className=\"landing-section bg-color light\">\n        <h2 className=\"tight\">Focus on what matters</h2>\n        <p>Changing a few things can have a big impact. </p>\n        <div className=\"row aln-center\">\n          <article>\n            <StaticImage\n              placeholder=\"tracedSVG\"\n              src=\"../images/landing/housing.svg\"\n              alt='A donut chart showing that \"housing\" constitutes 34% of carbon emissions'\n            />\n            <h5>Housing</h5>\n            <p>\n              Did you know your house is a major source of emissions? Green\n              renovations are often government subsidized, and they make your\n              home more comfortable and save you money while helping the\n              environment.\n            </p>\n          </article>\n          <article>\n            <StaticImage\n              placeholder=\"tracedSVG\"\n              src=\"../images/landing/transportation.svg\"\n              alt='A donut chart showing that \"transportation\" constitutes 30% of carbon emissions'\n            />\n            <h5>Transportation</h5>\n            <p>\n              Driving a hybrid or electric car makes a meaningful difference to\n              your emissions and will be a key part of the transition. We answer\n              your questions and help you decide what type of car is right for\n              you.\n            </p>\n          </article>\n          <article>\n            <StaticImage\n              placeholder=\"tracedSVG\"\n              src=\"../images/landing/food.svg\"\n              alt='A donut chart showing that \"food\" constitutes 17% of carbon emissions'\n            />\n            <h5>Food</h5>\n            <p>\n              What we eat matters. Even small changes to your diet can have an\n              outsized impact. Hundreds of companies and farmers are working on\n              building a more sustainable food ecosystem.\n            </p>\n          </article>\n          <article>\n            <StaticImage\n              placeholder=\"tracedSVG\"\n              src=\"../images/landing/everythingElse.svg\"\n              alt='A donut chart showing that \"everything else\" constitutes 19% of carbon emissions'\n            />\n            <h5>Everything Else</h5>\n            <p>\n              Fashion and services from education to banking make up about 1/5th\n              of our emissions. While these have a lower impact individually,\n              some services can have a net positive effect on the climate.\n            </p>\n          </article>\n          <div className=\"source\">\n            <p>\n              Data from{\" \"}\n              <a\n                href=\"https://www.sciencedirect.com/science/article/pii/S0160412019315752\"\n                target=\"_blank\"\n                rel=\"noopener\"\n              >\n                “Scale, distribution and variations of global greenhouse gas\n                emissions driven by U.S. households” by Song, Qu, Taiebat, and\n                Wong (2019)\n              </a>\n            </p>\n          </div>\n        </div>\n      </section>\n    </div>\n\n    <section className=\"landing-section bg-image small padding-top-small\">\n      <StaticImage\n        placeholder=\"tracedSVG\"\n        src=\"../images/landing/homeoffice@2x.png\"\n        alt=\"Drawing of a group of three people around a table: On the left there is a woman standing holding a cell phone and a mug. In the middle there is a man is sitting down driking from a mug. On the right another woman is looking at her laptop. The table has a computer, a lamp and a cat on top of it. There is a big window in the background showing buildings outside.\"\n      />\n    </section>\n\n    <section\n      className=\"landing-section extra bg-image left\"\n      style={{ backgroundImage: `url(${HomeOfficeWebp})` }}\n    >\n      <div className=\"row\">\n        <div className=\"col-12-small col-5 off-0-small off-7\">\n          <h2>What is Reinventing?</h2>\n          <p>\n            We’re a new media company focused on helping people like you make a\n            difference on climate change. Because here’s the thing: even if we\n            switched all our power plants to renewable energy, it still wouldn’t\n            be enough. That means that what you do matters. We’re reinventing\n            the world, and we want you to be part of it.\n          </p>\n        </div>\n      </div>\n    </section>\n\n    <div className=\"extra-padding\">\n      <div className=\"features landing-features\">\n        <article>\n          <span className=\"icon\">\n            <StaticImage\n              placeholder=\"tracedSVG\"\n              src=\"../images/landing/checklist@2x.png\"\n              alt=\"Drawing of a sheet of paper with a checklist of 4 items, all checked.\"\n            />\n          </span>\n          <div className=\"content\">\n            <h3>Guides</h3>\n            <p>\n              Simple overviews to complex topics: green home renovation and\n              financing, subsidies for electric cars, switching to clean energy,\n              carbon offsets, and more.\n            </p>\n          </div>\n        </article>\n        <article>\n          <span className=\"icon\">\n            <StaticImage\n              placeholder=\"tracedSVG\"\n              src=\"../images/landing/threeusers@2x.png\"\n              alt=\"Very simple drawing of three persons.\"\n            />\n          </span>\n          <div className=\"content\">\n            <h3>Directories</h3>\n            <p>\n              Better than word-of-mouth: vetted listings of climate friendly\n              contractors, banks, local businesses, clothing brands, and\n              services.\n            </p>\n          </div>\n        </article>\n        <article>\n          <span className=\"icon\">\n            <StaticImage\n              placeholder=\"tracedSVG\"\n              src=\"../images/landing/lightbulbon@2x.png\"\n              alt=\"Drawing of a light bulb that is turned on.\"\n            />\n          </span>\n          <div className=\"content\">\n            <h3>Explainers</h3>\n            <p>\n              We go in-depth on complicated subjects, diving into the research\n              to help demystify and give nuance to the grey areas of climate\n              solutions.\n            </p>\n          </div>\n        </article>\n        <article>\n          <span className=\"icon\">\n            <StaticImage\n              placeholder=\"tracedSVG\"\n              src=\"../images/landing/soundon@2x.png\"\n              alt=\"Drawing of a speaker with sound waves coming out of it.\"\n            />\n          </span>\n          <div className=\"content\">\n            <h3>Reviews</h3>\n            <p>\n              We take a Wirecutter-style approach to reviewing products and\n              services, with expert interviews, hands-on testing, and a rigorous\n              methodology.\n            </p>\n          </div>\n        </article>\n      </div>\n    </div>\n\n    <div className=\"landing-bg-color yellow\">\n      <section className=\"landing-section\">\n        <div className=\"row align-center\">\n          <div className=\"col-12\">\n            <h2>Be the first to find out when we launch</h2>\n          </div>\n        </div>\n        <div className=\"row aln-center padding-small\">\n          <div className=\"col-6 col-12-small col-8-large\">\n            <Newsletter style=\"bare\" />\n          </div>\n        </div>\n      </section>\n    </div>\n  </Layout>\n)\n\nexport default Landing\n"],"names":["CONSTANTS","URL","props","React","message","setMessage","buttonDisabled","setButtonDisabled","title","description","image","onSubmit","e","preventDefault","stopPropagation","email","test","validateEmail","target","elements","value","axios","list_id","then","style","id","method","action","marginBottom","paddingLeft","className","type","name","placeholder","flexFlow","src","alt","alignSelf","header","landingWrapper","meta","property","content","Logo","backgroundImage","HappyPlaceWebp","S","href","rel","HomeOfficeWebp"],"sourceRoot":""}