{"version":3,"file":"component---src-pages-pricing-js-2a1c0350a196caf6e761.js","mappings":"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","sources":["webpack://quotacal/./src/pages/pricing.js"],"sourcesContent":["import { Button, Col, Form, Row } from 'react-bootstrap';\nimport Layout from 'components/layout';\nimport React, { useState } from 'react';\nimport { Helmet } from \"react-helmet\";\nimport Slider from '../components/slider';\nimport axios from 'axios';\nimport icon from 'images/icon.svg';\n\nconst Pricing = () => {\n\n    const [name, setName] = useState('');\n    const [email, setEmail] = useState('');\n    const [companyName, setCompanyName] = useState('');\n    const [lastName, setLastName] = useState('');\n    const [jobTitle, setJobTitle] = useState('');\n\n    const resetFormData = () => {\n        setCompanyName('');\n        setEmail('');\n        setLastName('');\n        setName('');\n        setJobTitle('');\n    }\n\n    const handleSubmit = (event) => {\n        event.preventDefault();\n        const data = {\n            name: name,\n            email: email,\n            lastName: lastName,\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=pricing\",\n            data: JSON.stringify(data)\n        }\n        //eslint-disable-next-line\n        const response = await axios(options)\n    }\n\n    return (\n        <Layout>\n            <div>\n                <Helmet>\n                    <link rel=\"icon\" href={icon} />\n                    <title>A small investment sales performance management</title>\n                    <meta name=\"description\" content=\"WIth QuotaCal, our clients have seen an average growth of 115% in commissionable sales which resulted in average 3650% Return-on-Investment (ROI)\" />\n                </Helmet>\n                <div className=\"home\">\n                    <div>\n                        <p className=\"title\">A small investment sales performance management</p>\n                        <p className=\"description\">With QuotaCal, our clients have seen an average growth of 115% in commissionable sales which resulted in average 3650% Return-on-Investment (ROI)</p>\n                    </div>\n                </div>\n                <Row style={{ marginBottom: '50px', marginTop: '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', fontSize: '24px' }}>\n                        <p style={{ textAlign: 'center', color: '#5958C7', fontSize: '48px', fontFamily: 'Inria Sans' }}>Get your quote</p>\n                        <div style={{ display: 'flex', flexDirection: 'column', alignItems: 'center', textAlign: 'center', justifyContent: 'center' }}>\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={lastName} onChange={(e) => setLastName(e.target.value)} required placeholder=\"Last Name\" />\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>\n                                <p className='head'>Customized to your needs</p>\n                                <p className=\"desc\">Our packages allow you to choose on what modules you need in your sales motivation tool. The pricing is flexible to adapt any type or organization, size of sales team and other complexities.</p>\n                            </Row>\n                            <Row>\n                                <p className=\"head\">Why do Businesses choose us?</p>\n                                <p className=\"desc\">We get you the most out of your sales incentive structures by building based on the key objectives that you strive for. Also, they get a very good ROI in QuotaCal.</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 Pricing;\n"],"names":["useState","name","setName","email","setEmail","companyName","setCompanyName","lastName","setLastName","jobTitle","setJobTitle","submitData","data","options","method","headers","url","JSON","stringify","axios","rel","href","icon","content","className","style","marginBottom","marginTop","md","span","offset","xs","background","borderRadius","fontFamily","fontSize","textAlign","color","display","flexDirection","alignItems","justifyContent","width","onSubmit","event","preventDefault","company","position","value","onChange","e","target","required","placeholder","type"],"sourceRoot":""}