{"version":3,"file":"component---src-pages-demo-js-a5e4138b314042a3271e.js","mappings":"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","sources":["webpack://quotacal/./src/pages/demo.js"],"sourcesContent":["import { Button, Col, Row, Form } from 'react-bootstrap';\nimport { Helmet } from \"react-helmet\";\nimport React, { useState } from 'react';\nimport Slider from '../components/slider';\nimport icon from 'images/icon.svg';\nimport Layout from 'components/layout';\nimport axios from 'axios';\n\nconst Demo = () => {\n\n    const [name, setName] = useState('');\n    const [email, setEmail] = useState('');\n    const [companyName, setCompanyName] = useState('');\n    const [time, setTime] = useState('');\n    const [jobTitle, setJobTitle] = useState('');\n\n    const resetFormData = () => {\n        setCompanyName('');\n        setEmail('');\n        setTime('');\n        setName('');\n        setJobTitle('');\n    }\n\n    const handleSubmit = (event) => {\n        event.preventDefault();\n        const data = {\n            name: name,\n            email: email,\n            time: time,\n            company: companyName,\n            position: jobTitle,\n        };\n        submitData(data);\n        resetFormData();\n    };\n\n    const submitData = async (data) => {\n        const options = {\n            method: \"POST\",\n            headers: { 'content-type': 'application/x-www-form-urlencoded' },\n            url: \"https://script.google.com/macros/s/AKfycbwu-r4XdO1qoQ55E3bQ-Z0Mq9PQpgrUhrjOGLjsF3NUnGPC2dLUwUHDx0LycsYivdZnKg/exec?sheetName=demo\",\n            data: JSON.stringify(data)\n        }\n        //eslint-disable-next-line\n        const response = await axios(options); lastName\n    }\n\n    return (\n        <Layout>\n            <div>\n                <Helmet>\n                    <link rel=\"icon\" href={icon} />\n                    <title>Let Us Take You Through Our Platform</title>\n                    <meta name=\"description\" content=\"Among the people who have seen the demo, 18% have requested for another demo and 7% have decided to adopt QuotaCal in their organisation\" />\n                </Helmet>\n                <div className=\"home\">\n                    <div>\n                        <p className=\"title\">Let Us Take You Through Our Platform</p>\n                        <p className=\"description\">FACT: Among the people who have seen the demo, 18% have requested for another demo and 7% have decided to adopt QuotaCal in their organisation</p>\n                    </div>\n                </div >\n                <Row style={{ marginBottom: '50px' }}>\n                    <Col md={{ span: 5, offset: 1 }} xs={{ span: 10, offset: 1 }} style={{ background: 'rgba(196, 101, 255, 0.3)', borderRadius: '20px', fontFamily: 'Inria Sans' }}>\n                        <p style={{ textAlign: 'center', color: '#5958C7', fontSize: '48px', fontFamily: 'Inria Sans' }}>Schedule a Demo</p>\n                        <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', fontSize: '24px', color: \"#8C8C8C\" }}>\n                            <Form style={{ width: '90%', marginBottom: '30px' }} onSubmit={handleSubmit} >\n                                <Form.Control className=\"formControl\" value={name} onChange={(e) => setName(e.target.value)} required placeholder=\"First Name\" />\n                                <Form.Control className=\"formControl\" value={time} onChange={(e) => setTime(e.target.value)} required placeholder=\"Preferred time for demo\" />\n                                <Form.Control className=\"formControl\" type=\"email\" value={email} onChange={(e) => setEmail(e.target.value)} required placeholder=\"Email\" />\n                                <Form.Control className=\"formControl\" value={companyName} onChange={(e) => setCompanyName(e.target.value)} required placeholder=\"Company Name\" />\n                                <Form.Control className=\"formControl\" value={jobTitle} onChange={(e) => setJobTitle(e.target.value)} required placeholder=\"Job Title\" />\n                                <Button className=\"button\" type=\"submit\">\n                                    Submit</Button>\n                            </Form>\n                        </div>\n                    </Col>\n                    <Col xs={{ span: 10, offset: 1 }} md={{ span: 4, offset: 1 }} style={{ display: 'flex', justifyContent: 'center', alignItems: 'center' }}>\n                        <div>\n                            <Row style={{ marginBottom: '50px' }}>\n                                <p className=\"head\">What to expect during the demo?</p>\n                                <p className=\"desc\">We will understand your requirements and show to you different modules in our application that matches your exact use-case. We will also show to you a fully functional QuotaCal account and the results achieved.</p>\n                            </Row>\n                            <Row>\n                                <p className=\"head\">When do I get a Free Trial?</p>\n                                <p className=\"desc\">We usually offer you a limited free trial account right after the demo so that you can play around and show it to other stakeholders in your organisation. We will also load dummy data in the free trial account so that it will look real and practical.</p>\n                            </Row>\n                        </div>\n                    </Col>\n                </Row >\n                <div>\n                    <p className='heading'>Hear from our clients</p>\n                </div>\n                <Slider />\n            </div >\n        </Layout>\n    )\n};\n\nexport default Demo;\n"],"names":["useState","name","setName","email","setEmail","companyName","setCompanyName","time","setTime","jobTitle","setJobTitle","submitData","data","options","method","headers","url","JSON","stringify","axios","lastName","rel","href","icon","content","className","style","marginBottom","md","span","offset","xs","background","borderRadius","fontFamily","textAlign","color","fontSize","display","flexDirection","alignItems","width","onSubmit","event","preventDefault","company","position","value","onChange","e","target","required","placeholder","type","justifyContent"],"sourceRoot":""}