{"version":3,"sources":["webpack:///./src/components/StaticWrapper.js","webpack:///./src/components/MutintyTag.js","webpack:///./src/partials/global/NodeTypeTracker.js","webpack:///./src/components/demo/DemoForm.js","webpack:///./src/partials/footer/StaticFooter.js","webpack:///./src/templates/landing-page/DemoLandingPage.js"],"names":["props","theme","useTheme","css","paddingTop","StylesHeaderVariables","topOffset","MutinyTag","src","nodeType","meta","name","content","id","rest","onSuccess","track","label","as","StylesFooter","className","Date","text","to","data","mdx","frontmatter","pageData","pageContext","noFooter","headerProps","showPrimaryLogo","contrast","sticky","showNav","title","description","noIndex","paddingBottom","large","display","gap","gridTemplateColumns","xlarge","position","top","base","textGradientBlockUnder","fontSize","medium","color","space","listBullet","blurb","key","background","generateGradient","start","stop","height","fieldValues","programID","programId","thankYouMessage","author","DemoQuote","company","logo"],"mappings":"kJAeA,IAXuBA,IACrB,MAAMC,EAAQC,cAEd,OACE,+BACEC,IAAG,YAAE,CAAEC,WAAYC,eAA6BC,WAA7C,QAFP,M,6VCPF,8DAEe,SAASC,IACtB,OACE,0BACE,sBAAQC,IAAI,oF,kCCJlB,4BAWA,IARwB,EAAGC,cAClB,sBAAQC,KAAM,CAAC,CAAEC,KAAF,YAAqBC,QAASH,O,kGCqBtD,IArBiB,IAAsB,IAArB,GAAEI,GAAkB,EAAXC,EAAW,sBACpC,OACE,6BACED,GADF,EAEEE,UAAW,KACTC,YAAM,iBAAkB,CACtBC,MAAM,WAAYJ,MAL1B,M,kCCNF,4EAqCA,IA7BqB,KACnB,MAAMZ,EAAQC,cAEd,OACE,iBACEgB,GADF,SAEEf,IAAG,CACDgB,YADC,yBAMHC,UAAU,cAEV,qBACE,qBACE,gCAAgB,IAAIC,MAApB,cADF,iBAEE,iBAFF,6BAIE,iBAJF,MAKE,iBAAMlB,IAAG,CAAGmB,IAAH,cAAoBF,UAA7B,SAAgDG,GAAG,aAjB3D,uB,szBC0HF,UAnHwB,EACtBC,MACEC,KAAOC,YAAaC,IAEtBC,aAAenB,gBAEf,MAAMR,EAAQC,cAEd,OACE,iBACE2B,UADF,EAEEC,YAAa,CACXC,iBADW,EAEXC,UAFW,EAGXC,QAHW,EAIXC,SAAS,IAGX,iBACEC,MAAOR,EADT,SAEES,YAAaT,EAFf,YAGEU,SAAO,IAET,gBAdF,MAeE,iBAAiB5B,SAAUA,IAC3B,iBAAeN,IAAG,YAAE,CAAEmC,cAAerC,QAAYsC,OAA/B,QAChB,qBACE,mBACEpC,IAAG,YAAE,CACHqC,QADG,OAEHC,IAAKxC,QAFF,MAIH,CAACA,KAAD,QAAmB,CACjByC,oBADiB,cAEjBD,IAAKxC,QAAY0C,SANlB,QAUH,uBACE,mBACExC,IAAG,YAAE,CACH,CAACF,KAAD,QAAmB,CACjB2C,SADiB,SAEjBC,IAAK5C,QAAY6C,OAHlB,QAOH,kBAAI3C,IAAG,iBAAO4C,YAAP,YACL,qBAAOpB,OATX,UAWE,mBAAKxB,IAAG,YAAE,CAAE6C,SAAU/C,WAAegD,QAA7B,QACN,qBAAOtB,EAZX,QAeE,kBAAIxB,IAAG,YAAE,CAAE+C,MAAOjD,gBAAoB6C,MAA/B,QACL,qBAAOnB,OAhBX,UAmBE,iBAAMwB,MAAN,OAAmBhD,IAAG,CAAGiD,YAAH,QACnBzB,iBAAwB,EAAG0B,WAC1B,iBAAUC,IAAKD,GACb,qBAlCZ,QAwCE,mBACElD,IAAG,YAAE,CACHoD,WAAYC,2BAAiB,CAC3BC,MAAOxD,QADoB,KAE3ByD,KAAMzD,gBAFqB,KAG3B2C,SAAU,aAEZe,OANG,EAOHnB,QAPG,QASH,CAACvC,KAAD,QAAmB,CACjB0D,OADiB,OAEjBJ,WAAYC,2BAAiB,CAC3BC,MAAOxD,QADoB,KAE3ByD,KAAMzD,gBAFqB,KAG3B2C,SAAU,gBAdb,SAmBL,uBACE,iBACE/B,GAAIc,OADN,MAEEiC,YAAa,CAAEC,UAAWlC,OAAcmC,WACxCC,gBAAiBpC,OAAcoC,kBAEjC,iBACEC,OAAQC,SADV,KAEE9B,MAAO8B,SAFT,MAGEC,QAASD,UAHX,KAIEE,KAAMF,UAAkBE,MAExB,qBAAOF,EA1FnB,WAgGE,gBAjGJ","file":"component---src-templates-landing-page-demo-landing-page-js-afe4008d52c504b80126.js","sourcesContent":["import { useTheme } from '@emotion/react'\n\nimport { StylesHeaderVariables } from '~partials/header/UI'\n\nconst StaticWrapper = (props) => {\n  const theme = useTheme()\n\n  return (\n    <div\n      css={{ paddingTop: StylesHeaderVariables(theme).topOffset }}\n      {...props}\n    />\n  )\n}\n\nexport default StaticWrapper\n","import { Helmet } from 'react-helmet'\n\nexport default function MutinyTag() {\n  return (\n    <Helmet>\n      <script src=\"https://client-registry.mutinycdn.com/personalize/client/432f7b6d9fb1eaec.js\" />\n    </Helmet>\n  )\n}\n","import PropTypes from 'prop-types'\nimport { Helmet } from 'react-helmet'\n\n// @NOTE This is used in `gatsby-browser.js` and sent along with the generic `analytics.page()` event\nconst NodeTypeTracker = ({ nodeType }) => {\n  return <Helmet meta={[{ name: 'node-type', content: nodeType }]} />\n}\n\nNodeTypeTracker.propTypes = {\n  nodeType: PropTypes.string.isRequired,\n}\n\nexport default NodeTypeTracker\n","import PropTypes from 'prop-types'\n\nimport track from '~helpers/track'\nimport MarketoForm from '~components/MarketoForm'\n\nconst DemoForm = ({ id, ...rest }) => {\n  return (\n    <MarketoForm\n      id={id}\n      onSuccess={() => {\n        track('Demo requested', {\n          label: `marketo-${id}`,\n        })\n      }}\n      {...rest}\n    />\n  )\n}\n\nDemoForm.propTypes = {\n  id: PropTypes.oneOfType([\n    PropTypes.string.isRequired,\n    PropTypes.number.isRequired,\n  ]),\n}\n\nexport default DemoForm\n","import { useTheme } from '@emotion/react'\nimport { Container, Section } from 'chaoskit/src/components'\nimport { text } from 'chaoskit/src/assets/styles/utility'\n\nimport { StylesFooter } from '.'\n\nimport Link from '~components/Link'\n\nconst StaticFooter = () => {\n  const theme = useTheme()\n\n  return (\n    <Section\n      as=\"footer\"\n      css={[\n        StylesFooter(theme),\n        {\n          textAlign: 'center',\n        },\n      ]}\n      className=\"u-contrast\"\n    >\n      <Container>\n        <p>\n          <strong>&copy; {new Date().getFullYear()} Gremlin Inc.</strong>\n          <br />\n          All rights reserved.\n          <br />\n          <Link css={[text.underline]} className=\"u-link\" to=\"/privacy/\">\n            Privacy Policy\n          </Link>\n        </p>\n      </Container>\n    </Section>\n  )\n}\n\nexport default StaticFooter\n","import PropTypes from 'prop-types'\nimport { useTheme } from '@emotion/react'\nimport { graphql } from 'gatsby'\nimport { List, ListItem, Container } from 'chaoskit/src/components'\nimport { generateGradient } from 'chaoskit/src/assets/styles/utility/gradient'\n\nimport DemoQuote from '~helpers/demo-quote.json'\nimport Data from '~components/Data'\nimport StaticWrapper from '~components/StaticWrapper'\nimport Quote from '~components/Quote'\nimport { textGradientBlockUnder, listBullet } from '~styles/utility'\nimport BaseLayout from '~layouts/BaseLayout'\nimport HelmetSEO from '~partials/global/HelmetSEO'\nimport StaticFooter from '~partials/footer/StaticFooter'\nimport NodeTypeTracker from '~partials/global/NodeTypeTracker'\nimport DemoForm from '~components/demo/DemoForm'\nimport MutinyTag from '~components/MutintyTag'\n\nconst DemoLandingPage = ({\n  data: {\n    mdx: { frontmatter: pageData },\n  },\n  pageContext: { nodeType },\n}) => {\n  const theme = useTheme()\n\n  return (\n    <BaseLayout\n      noFooter\n      headerProps={{\n        showPrimaryLogo: true,\n        contrast: false,\n        sticky: false,\n        showNav: false,\n      }}\n    >\n      <HelmetSEO\n        title={pageData.seoTitle}\n        description={pageData.description}\n        noIndex\n      />\n      <MutinyTag />\n      <NodeTypeTracker nodeType={nodeType} />\n      <StaticWrapper css={{ paddingBottom: theme.space.large }}>\n        <Container>\n          <div\n            css={{\n              display: 'grid',\n              gap: theme.space.large,\n\n              [theme.mq.medium]: {\n                gridTemplateColumns: '1fr 2px 1fr',\n                gap: theme.space.xlarge,\n              },\n            }}\n          >\n            <div>\n              <div\n                css={{\n                  [theme.mq.medium]: {\n                    position: 'sticky',\n                    top: theme.space.base,\n                  },\n                }}\n              >\n                <h3 css={{ ...textGradientBlockUnder(theme) }}>\n                  <Data>{pageData.hero.heading}</Data>\n                </h3>\n                <div css={{ fontSize: theme.fontSize.medium }}>\n                  <Data>{pageData.blurb}</Data>\n                </div>\n\n                <h5 css={{ color: theme.color.primary.base }}>\n                  <Data>{pageData.list.heading}</Data>\n                </h5>\n\n                <List space=\"base\" css={[listBullet(theme)]}>\n                  {pageData.list.items.map(({ blurb }) => (\n                    <ListItem key={blurb}>\n                      <Data>{blurb}</Data>\n                    </ListItem>\n                  ))}\n                </List>\n              </div>\n            </div>\n            <div\n              css={{\n                background: generateGradient({\n                  start: theme.brand.teal,\n                  stop: theme.color.primary.base,\n                  position: 'to right',\n                }),\n                height: 2,\n                display: 'block',\n\n                [theme.mq.medium]: {\n                  height: 'auto',\n                  background: generateGradient({\n                    start: theme.brand.teal,\n                    stop: theme.color.primary.base,\n                    position: 'to bottom',\n                  }),\n                },\n              }}\n            />\n            <div>\n              <DemoForm\n                id={pageData.form.embed}\n                fieldValues={{ programID: pageData.form.programId }}\n                thankYouMessage={pageData.form.thankYouMessage}\n              />\n              <Quote\n                author={DemoQuote.author.name}\n                title={DemoQuote.author.title}\n                company={DemoQuote.company.name}\n                logo={DemoQuote.company.logo}\n              >\n                <Data>{DemoQuote.text}</Data>\n              </Quote>\n            </div>\n          </div>\n        </Container>\n      </StaticWrapper>\n      <StaticFooter />\n    </BaseLayout>\n  )\n}\n\nDemoLandingPage.propTypes = {\n  data: PropTypes.object.isRequired,\n  pageContext: PropTypes.object.isRequired,\n}\n\nexport default DemoLandingPage\n\nexport const pageQuery = graphql`\n  query DemoLandingPageSingle($slug: String!) {\n    mdx(\n      fields: { slug: { eq: $slug } }\n      fileAbsolutePath: { regex: \"/src/demo-landing-pages/\" }\n    ) {\n      fileAbsolutePath\n      frontmatter {\n        seoTitle\n        description\n        slug\n        hero {\n          heading\n        }\n        blurb\n        list {\n          heading\n          items {\n            blurb\n          }\n        }\n        form {\n          embed\n          programId\n          thankYouMessage\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}