{"version":3,"file":"component---src-pages-demo-tsx-14c9e10dc277baf44b25.js","mappings":"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","sources":["webpack://marketing/./src/components/Banner.tsx","webpack://marketing/./src/pages/demo.tsx","webpack://marketing/./src/styles/Typography.tsx"],"sourcesContent":["import React, { FC } from \"react\"\r\nimport BackgroundImage from \"gatsby-background-image\"\r\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\"\r\nimport {makeStyles} from \"@material-ui/styles\";\r\nimport NuliaLogo from \"./icons/NuliaLogo\";\r\nimport {Theme, useTheme} from \"@material-ui/core\";\r\nimport {FluidObject} from \"gatsby-image\";\r\n\r\nconst useStyles = makeStyles((theme: Theme) => ({\r\n    banner: {\r\n        backgroundColor: \"#6d57a8\",\r\n        width: \"100%\",\r\n        height: 351\r\n    },\r\n    bannerContent: {\r\n        height: \"100%\",\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n        color: \"#fff\"\r\n    },\r\n    bannerTitle: {\r\n        fontFamily: \"Ubuntu\",\r\n        fontStyle: \"normal\",\r\n        fontWeight: \"normal\",\r\n        fontSize: 48,\r\n        lineHeight: \"96px\",\r\n        margin: 0,\r\n        [theme.breakpoints.down('md')]: {\r\n            fontSize: 32,\r\n            lineHeight: \"48px\"\r\n        }\r\n    },\r\n    bannerSubtitle: {\r\n        fontFamily: \"Ubuntu\",\r\n        fontStyle: \"normal\",\r\n        fontWeight: \"normal\",\r\n        fontSize: 20,\r\n        letterSpacing: 0.25,\r\n        lineHeight: \"24px\",\r\n        margin: 0,\r\n        [theme.breakpoints.down('md')]: {\r\n            fontSize: 20,\r\n            lineHeight: \"24px\"\r\n        }\r\n    }\r\n}))\r\n\r\ninterface IProps {\r\n    desktopImage: FluidObject\r\n    mobileImage: FluidObject\r\n    alt: string\r\n}\r\nconst Banner: FC<IProps> = ({ desktopImage, mobileImage, alt }) => {\r\n    const theme = useTheme()\r\n    const classes = useStyles(theme)\r\n    const isMobile = useMediaQuery(\"(max-width:959px)\")\r\n\r\n    return (\r\n        <div className={classes.banner}>\r\n            <BackgroundImage\r\n                Tag=\"div\"\r\n                fluid={isMobile ? mobileImage : desktopImage}\r\n                alt={alt}\r\n                durationFadeIn={250}\r\n                style={{\r\n                    height: \"100%\",\r\n                    backgroundPosition: \"top center\",\r\n                    backgroundRepeat: \"none\",\r\n                    backgroundSize: \"cover\",\r\n                    position: \"relative\"\r\n                }}\r\n            >\r\n                <div className={classes.bannerContent}>\r\n                    <NuliaLogo />\r\n                    <h4 className={classes.bannerTitle}>Welcome to Nulia</h4>\r\n                    <h5 className={classes.bannerSubtitle}>The world that works</h5>\r\n                </div>\r\n            </BackgroundImage>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default Banner\r\n","import React, { useState, FC } from \"react\"\r\nimport { useStaticQuery, graphql } from \"gatsby\"\r\nimport Layout from \"../components/Layout\"\r\nimport SEO from \"../components/SEO\"\r\nimport PurpleAccentHero from \"../components/PurpleAccentHero\"\r\nimport Banner from \"../components/Banner\"\r\nimport Button from \"../components/Button\"\r\nimport { TextField } from \"@material-ui/core\"\r\nimport { API_URL } from \"../utils/constants\"\r\nimport axios from \"axios\"\r\nimport CookiesSnackbar from \"../components/CookiesSnackbar\"\r\nimport { useTypography } from \"../styles/Typography\"\r\nimport ReactGA from \"react-ga\"\r\nimport {makeStyles} from \"@material-ui/styles\";\r\nimport DiscoverMoreBanner from \"../components/DiscoverMoreBanner\"\r\n\r\nconst useStyles = makeStyles({\r\n    titleHeadingGradientWrapper: {\r\n        width: \"100%\",\r\n        height: \"100%\",\r\n        background: \"linear-gradient(110.11deg, #FFFFFF 38%, rgba(255, 255, 255, 0) 67.89%)\",\r\n        \"@media(max-width: 959px)\": {\r\n            background: \"rgba(255, 255, 255, 0) 67.89%)\"\r\n        }\r\n    },\r\n    titleHeadingText: {\r\n        marginLeft: 100,\r\n        maxWidth: 360,\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        justifyContent: \"center\",\r\n        alignItems: \"flex-start\",\r\n        height: \"100%\",\r\n        color: \"rgba(0, 0, 0, 0.8)\",\r\n        letterSpacing: \"0.25px\",\r\n        \"@media (max-width: 959px)\": {\r\n            width: \"100%\",\r\n            maxWidth: \"100%\",\r\n            marginLeft: 0,\r\n            padding: 24\r\n        }\r\n    },\r\n    body: {\r\n        width: \"100%\",\r\n        display: \"flex\",\r\n        justifyContent: \"center\",\r\n        alignItems: \"center\",\r\n        marginBottom: 48,\r\n        padding: 24\r\n    },\r\n    bodyContent: {\r\n        width: 600\r\n    },\r\n    bodyTitle: {\r\n        fontFamily: \"Ubuntu\",\r\n        fontStyle: \"normal\",\r\n        fontWeight: 500,\r\n        fontSize: 32,\r\n        lineHeight: 4,\r\n        letterSpacing: 0.25,\r\n        marginBottom: \"16px !important\"\r\n    },\r\n    feedback: {\r\n        fontFamily: \"Ubuntu\",\r\n        fontStyle: \"normal\",\r\n        fontWeight: \"normal\",\r\n        fontSize: 24,\r\n        lineHeight: 1.25,\r\n        letterSpacing: 0.25,\r\n        marginBottom: \"16px !important\"\r\n    },\r\n    form: {\r\n        display: \"flex\",\r\n        flexDirection: \"column\",\r\n        justifyContent: \"flex-start\",\r\n        alignItems: \"flex-start\"\r\n    }\r\n})\r\n\r\nconst DemoPage: FC = () => {\r\n    const classes = useStyles()\r\n    const typo = useTypography()\r\n    const [name, setName] = useState(\"\")\r\n    const [nameError, setNameError] = useState(false)\r\n    const [email, setEmail] = useState(\"\")\r\n    const [emailError, setEmailError] = useState(false)\r\n    const [phone, setPhone] = useState(\"\")\r\n    const [phoneError, setPhoneError] = useState(false)\r\n    const [company, setCompany] = useState(\"\")\r\n    const [companyError, setCompanyError] = useState(false)\r\n    const [jobTitle, setJobTitle] = useState(\"\")\r\n    const [jobError, setJobError] = useState(false)\r\n    const [message, setMessage] = useState(\"\")\r\n    const [submitted, setSubmitted] = useState(false)\r\n\r\n    const data = useStaticQuery(graphql`\r\n        query {\r\n            desktopHeroImage: file(relativePath: { eq: \"demo/demo-hero-desktop.jpg\" }) {\r\n                childImageSharp {\r\n                    fluid(quality: 75, maxWidth: 2160) {\r\n                        ...GatsbyImageSharpFluid_withWebp\r\n                    }\r\n                }\r\n            }\r\n            mobileHeroImage: file(relativePath: { eq: \"demo/demo-hero-mobile.jpg\" }) {\r\n                childImageSharp {\r\n                    fluid(quality: 75, maxWidth: 960) {\r\n                        ...GatsbyImageSharpFluid_withWebp\r\n                    }\r\n                }\r\n            }\r\n            desktopBannerImage: file(relativePath: { eq: \"banner-desktop.png\" }) {\r\n                childImageSharp {\r\n                    fluid(quality: 75, maxWidth: 2160) {\r\n                        ...GatsbyImageSharpFluid_withWebp\r\n                    }\r\n                }\r\n            }\r\n            mobileBannerImage: file(relativePath: { eq: \"banner-mobile.jpg\" }) {\r\n                childImageSharp {\r\n                    fluid(quality: 75, maxWidth: 2160) {\r\n                        ...GatsbyImageSharpFluid_withWebp\r\n                    }\r\n                }\r\n            }\r\n        }\r\n    `)\r\n\r\n    const nameChange = (event) => {\r\n        event.preventDefault()\r\n        setName(event.target.value)\r\n    }\r\n    const emailChange = (event) => {\r\n        event.preventDefault()\r\n        setEmail(event.target.value)\r\n    }\r\n    const phoneChange = (event) => {\r\n        event.preventDefault()\r\n        setPhone(event.target.value)\r\n    }\r\n    const companyChange = (event) => {\r\n        event.preventDefault()\r\n        setCompany(event.target.value)\r\n    }\r\n    const jobChange = (event) => {\r\n        event.preventDefault()\r\n        setJobTitle(event.target.value)\r\n    }\r\n    const messageChange = (event) => {\r\n        event.preventDefault()\r\n        setMessage(event.target.value)\r\n    }\r\n\r\n    const onSubmit = async (event) => {\r\n        event.preventDefault()\r\n        let error = false\r\n\r\n        if (!name) {\r\n            setNameError(true)\r\n            error = true\r\n        } else {\r\n            setNameError(false)\r\n        }\r\n        if (!email) {\r\n            setEmailError(true)\r\n            error = true\r\n        } else {\r\n            setEmailError(false)\r\n        }\r\n        if (!phone) {\r\n            setPhoneError(true)\r\n            error = true\r\n        } else {\r\n            setPhoneError(false)\r\n        }\r\n        if (!company) {\r\n            setCompanyError(true)\r\n            error = true\r\n        } else {\r\n            setCompanyError(false)\r\n        }\r\n        if (!jobTitle) {\r\n            setJobError(true)\r\n            error = true\r\n        } else {\r\n            setJobError(false)\r\n        }\r\n\r\n        const body = {\r\n            name,\r\n            email,\r\n            phone,\r\n            company,\r\n            jobTitle,\r\n            message\r\n        }\r\n        if (!error) {\r\n            try {\r\n                const response = await axios.post(`${API_URL}/RequestDemo`, body)\r\n                if (response?.data?.data) {\r\n                    setSubmitted(true)\r\n                    ReactGA.event({\r\n                        category: \"Demo request\",\r\n                        action: \"Submitted\"\r\n                    })\r\n                }\r\n            } catch (err) {\r\n                console.log(\"submit error:\", err)\r\n            }\r\n        }\r\n    }\r\n\r\n    return (\r\n        <Layout>\r\n            <SEO title=\"Request a Demo\" />\r\n            <DiscoverMoreBanner/>\r\n            <PurpleAccentHero\r\n                desktopImage={data.desktopHeroImage.childImageSharp.fluid}\r\n                mobileImage={data.mobileHeroImage.childImageSharp.fluid}\r\n                alt=\"Man smiling in front of his computer in an open office environment\"\r\n            >\r\n                <div className={classes.titleHeadingGradientWrapper}>\r\n                    <section className={classes.titleHeadingText}>\r\n                        <h1 className={typo.h4}>\r\n                            Let’s unlock the value of Microsoft 365 in the way that works for your organization\r\n                        </h1>\r\n                    </section>\r\n                </div>\r\n            </PurpleAccentHero>\r\n            <section className={classes.body}>\r\n                <div className={classes.bodyContent}>\r\n                    <h2 className={typo.h4} style={{ marginBottom: 36 }}>\r\n                        Request a Demo\r\n                    </h2>\r\n                    {!submitted ? (\r\n                        <form className={classes.form} noValidate autoComplete=\"off\">\r\n                            <TextField\r\n                                label=\"Name (Required)\"\r\n                                style={{ width: \"100%\", marginBottom: 38 }}\r\n                                value={name}\r\n                                error={nameError}\r\n                                onChange={nameChange}\r\n                                autoComplete=\"name\"\r\n                            />\r\n                            <TextField\r\n                                label=\"Email (Required)\"\r\n                                style={{ width: \"100%\", marginBottom: 38 }}\r\n                                value={email}\r\n                                error={emailError}\r\n                                onChange={emailChange}\r\n                                autoComplete=\"email\"\r\n                            />\r\n                            <TextField\r\n                                label=\"Phone Number (Required)\"\r\n                                style={{ width: \"100%\", marginBottom: 38 }}\r\n                                value={phone}\r\n                                error={phoneError}\r\n                                onChange={phoneChange}\r\n                                autoComplete=\"tel\"\r\n                            />\r\n                            <TextField\r\n                                label=\"Company (Required)\"\r\n                                style={{ width: \"100%\", marginBottom: 38 }}\r\n                                value={company}\r\n                                error={companyError}\r\n                                onChange={companyChange}\r\n                                autoComplete=\"organization\"\r\n                            />\r\n                            <TextField\r\n                                label=\"Job Title (Required)\"\r\n                                style={{ width: \"100%\", marginBottom: 38 }}\r\n                                value={jobTitle}\r\n                                error={jobError}\r\n                                onChange={jobChange}\r\n                                autoComplete=\"organization-title\"\r\n                            />\r\n                            <TextField\r\n                                label=\"Anything else you need to tell us...\"\r\n                                multiline\r\n                                rows=\"4\"\r\n                                style={{ width: \"100%\", marginBottom: 38 }}\r\n                                value={message}\r\n                                onChange={messageChange}\r\n                            />\r\n                            <Button style={{ width: 224, height: 36 }} onClick={onSubmit}>\r\n                                Submit Demo Request\r\n                            </Button>\r\n                        </form>\r\n                    ) : (\r\n                        <h3 className={classes.feedback}>\r\n                            Your inquiry has been received. We look forward to unlocking the value of Microsoft 365 for\r\n                            your organization.\r\n                        </h3>\r\n                    )}\r\n                </div>\r\n            </section>\r\n            <section>\r\n                <Banner\r\n                    desktopImage={data.desktopBannerImage.childImageSharp.fluid}\r\n                    mobileImage={data.mobileBannerImage.childImageSharp.fluid}\r\n                    alt=\"People walking together in a crowd\"\r\n                />\r\n            </section>\r\n            <CookiesSnackbar />\r\n        </Layout>\r\n    )\r\n}\r\n\r\nexport default DemoPage\r\n","import { makeStyles } from \"@material-ui/core/styles\"\nimport { Colors } from \"../utils/colors\"\n\nexport const useTypography = makeStyles((theme) => ({\n    h1: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 96,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"104px\",\n        letterSpacing: -1.5,\n        color: Colors.textPrimary,\n        margin: 0\n    },\n    h2: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 60,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"64px\",\n        letterSpacing: -0.5,\n        color: Colors.textPrimary,\n        margin: 0\n    },\n    h3: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 48,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"56px\",\n        color: Colors.textPrimary,\n        margin: 0\n    },\n    h4: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 32,\n        fontWeight: 600,\n        fontStyle: \"normal\",\n        lineHeight: \"40px\",\n        letterSpacing: 0.25,\n        color: Colors.textPrimary,\n        margin: 0\n    },\n    h5: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 24,\n        fontWeight: 600,\n        fontStyle: \"normal\",\n        lineHeight: \"28px\",\n        letterSpacing: \"normal\",\n        color: Colors.textPrimary,\n        margin: 0\n    },\n    h6: {\n        fontFamily: \"Ubuntu\",\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        fontSize: 20,\n        lineHeight: \"24px\",\n        letterSpacing: 0.25,\n        color: Colors.textPrimary,\n        margin: 0\n    },\n    body1: {\n        fontFamily: \"Open Sans\",\n        fontSize: 16,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"24px\",\n        letterSpacing: 0,\n        color: Colors.textSecondary,\n        margin: 0\n    },\n    body2: {\n        fontFamily: \"Open Sans\",\n        fontSize: 14,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"21px\",\n        letterSpacing: 0.25,\n        color: Colors.textSecondary,\n        margin: 0\n    },\n    subtitle1: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 16,\n        fontWeight: 500,\n        fontStyle: \"normal\",\n        lineHeight: \"24px\",\n        letterSpacing: 0.15,\n        color: Colors.textPrimary,\n        margin: 0\n    },\n    subtitle2: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 14,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"24px\",\n        letterSpacing: 0.1,\n        color: Colors.textPrimary,\n        margin: 0\n    },\n    overline: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 12,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"16px\",\n        letterSpacing: 2,\n        color: Colors.textSecondary,\n        textTransform: \"uppercase\",\n        margin: 0\n    },\n    overlineMini: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 10,\n        fontWeight: 500,\n        fontStyle: \"normal\",\n        lineHeight: \"40px\",\n        letterSpacing: 1.25,\n        color: Colors.textSecondary,\n        textTransform: \"uppercase\",\n        margin: 0\n    },\n    caption: {\n        fontFamily: \"Open Sans\",\n        fontSize: 12,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"20px\",\n        letterSpacing: 0.5,\n        color: Colors.textSecondary,\n        margin: 0\n    },\n    label: {\n        fontFamily: \"Open Sans\",\n        fontSize: 10,\n        fontWeight: 400,\n        fontStyle: \"normal\",\n        lineHeight: \"20px\",\n        letterSpacing: 0.5,\n        color: Colors.textSecondary,\n        margin: 0\n    },\n    button: {\n        fontFamily: \"Ubuntu\",\n        fontSize: 10,\n        fontWeight: 500,\n        fontStyle: \"normal\",\n        lineHeight: \"40px\",\n        letterSpacing: 1.25,\n        color: Colors.textSecondary,\n        margin: 0\n    }\n}))\n"],"names":["useStyles","makeStyles","theme","banner","backgroundColor","width","height","bannerContent","display","flexDirection","justifyContent","alignItems","color","bannerTitle","fontFamily","fontStyle","fontWeight","fontSize","lineHeight","margin","breakpoints","down","bannerSubtitle","letterSpacing","desktopImage","mobileImage","alt","useTheme","classes","isMobile","useMediaQuery","className","Tag","fluid","durationFadeIn","style","backgroundPosition","backgroundRepeat","backgroundSize","position","titleHeadingGradientWrapper","background","titleHeadingText","marginLeft","maxWidth","padding","body","marginBottom","bodyContent","bodyTitle","feedback","form","typo","useTypography","useState","name","setName","nameError","setNameError","email","setEmail","emailError","setEmailError","phone","setPhone","phoneError","setPhoneError","company","setCompany","companyError","setCompanyError","jobTitle","setJobTitle","jobError","setJobError","message","setMessage","submitted","setSubmitted","data","useStaticQuery","onSubmit","event","preventDefault","error","axios","API_URL","response","ReactGA","category","action","console","log","title","desktopHeroImage","childImageSharp","mobileHeroImage","h4","noValidate","autoComplete","label","value","onChange","target","multiline","rows","onClick","desktopBannerImage","mobileBannerImage","h1","Colors","h2","h3","h5","h6","body1","body2","subtitle1","subtitle2","overline","textTransform","overlineMini","caption","button"],"sourceRoot":""}