{"version":3,"sources":["webpack:///./src/components/contact.js","webpack:///./src/components/solution.js","webpack:///./src/pages/services.js"],"names":["Contact","props","state","messageSent","contactSchema","Yup","shape","name","min","max","required","matches","email","companyName","phoneNumber","positive","message","render","id","className","initialValues","to","cc","validationSchema","this","onSubmit","values","resetForm","axios","method","url","data","then","response","statusCode","setState","prevState","catch","error","console","log","errors","touched","placeholder","type","component","rows","React","Component","solution","map","index","node","key","slug","src","featureImage","file","alt","title","SolutionPage","servicesNav","get","hero","size","isHidden","text","metaData","location","pageQuery"],"mappings":"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","file":"component---src-pages-services-js-887cd19f757cd40638d8.js","sourcesContent":["import React from 'react'\nimport Img from 'gatsby-image'\nimport { Link } from 'gatsby'\nimport { Formik, Form, Field} from 'formik'\nimport * as Yup from 'yup'\nimport axios from 'axios'\n\nclass Contact extends React.Component {\n\n\tconstructor(props) {\n\t\tsuper(props)\n\t\tthis.state = {\n\t\t\tmessageSent: false\n\t\t}\n\t\tthis.contactSchema = Yup.object().shape({\n\t\t\tname: Yup.string().min(2, 'Too Short!').max(50, 'Too Long!').required('Required').matches(/[^0-9]/,'Numbers in the name?'),\n\t\t\temail: Yup.string().email('invalid email').required('Required!'),\n\t\t\tcompanyName: Yup.string().min(2, 'Too short!').required('Required!'),\n\t\t\tphoneNumber: Yup.number().required('Required').positive(),\n\t\t\tmessage: Yup.mixed().required('Required')\n\t\t})\n\t}\n\n\trender() {\n\t\treturn(\n\t\t<section id=\"contact\" className=\"section has-background-light\">\n\t\t\t<div className=\"container\">\n\t\t\t\t<h1 className=\"title has-text-danger has-text-centered is-size-1 is-size-2-mobil\">Contact Us</h1>\n\t\t\t\t<Formik \n\t\t\t\t\tinitialValues={{\n\t\t\t\t\t\tto:'sarahyam%40reddigitalchina.com',\n\t\t\t\t\t\tcc:'stan.sun%40reddigitallab.com',\n\t\t\t\t\t\tname:'',\n\t\t\t\t\t\temail:'',\n\t\t\t\t\t\tcompanyName:'',\n\t\t\t\t\t\tphoneNumber:'',\n\t\t\t\t\t\tmessage:'',\n\t\t\t\t\t}}\n\t\t\t\t\tvalidationSchema={this.contactSchema}\n\t\t\t\t\tonSubmit={(values, {resetForm}) => {\n\t\t\t\t\t\t// same shape as initial values\n\t\t\t\t\t\taxios({\n\t\t\t\t\t\t\tmethod: 'post',\n\t\t\t\t\t\t\turl:'https://8dbp32h7ge.execute-api.eu-west-1.amazonaws.com/dev/?format=json',\n\t\t\t\t\t\t\tdata: `_to=${values[\"to\"]}&_cc=${values[\"cc\"]}&_replyTo=${values[\"email\"]}&name=${values[\"name\"]}&email=${values[\"email\"]}&company=${values[\"companyName\"]}&phone=${values[\"phoneNumber\"]}&message=${values[\"message\"]}`,\n\t\t\t\t\t\t}).then((response) => {\n\t\t\t\t\t\t\tif (response.data.statusCode==200) {\n\t\t\t\t\t\t\t\tthis.setState(prevState => ({\n\t\t\t\t\t\t\t\t\tmessageSent: !prevState.messageSent\n\t\t\t\t\t\t\t\t}))\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tresetForm({\n\t\t\t\t\t\t\t\tto:'sarahyam%40reddigitalchina.com',\n\t\t\t\t\t\t\t\tcc:'sunqqxp%40gmail.com',\n\t\t\t\t\t\t\t\tname:'',\n\t\t\t\t\t\t\t\temail:'',\n\t\t\t\t\t\t\t\tcompanyName:'',\n\t\t\t\t\t\t\t\tphoneNumber:'',\n\t\t\t\t\t\t\t\tmessage:'',\n\t\t\t\t\t\t\t})\n\t\t\t\t\t\t}).catch((error) => {\n\t\t\t\t\t\t\tconsole.log(error)\n\t\t\t\t\t\t})\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{({errors, touched}) => (\n\t\t\t\t\t\t<div className=\"columns is-centered\">\n\t\t\t\t\t\t\t<div className=\"column is-7\">\n\t\t\t\t\t\t\t\t<Form id=\"Red Digital China Contact Form\">\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"control has-text-centered\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t{this.state.messageSent ? (<p className=\"is-danger message-submitted\">Thanks for your message we will get back to you within 3 business days</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"control is-expanded has-icons-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"input is-medium\" name=\"name\" placeholder=\"Name*\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"icon is-small is-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i className=\"fas fa-user\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.name && touched.name ? (<p className=\"help is-danger\">{errors.name}</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"control is-expanded has-icons-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"input is-medium\" name=\"email\" type=\"email\" placeholder=\"Email*\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"icon is-small is-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i className=\"fas fa-envelope\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.email && touched.email ? (<p className=\"help is-danger\">{errors.email}</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"control is-expanded has-icons-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"input is-medium\" name=\"companyName\" placeholder=\"Company Name*\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"icon is-small is-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i className=\"fas fa-building\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.companyName && touched.companyName ? (<p className=\"help is-danger\">{errors.companyName}</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<p className=\"control is-expanded has-icons-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"input is-medium\" name=\"phoneNumber\"  placeholder=\"Phone Number*\"/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"icon is-small is-left\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<i className=\"fas fa-phone-volume\"></i>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.phoneNumber && touched.phoneNumber ? (<p className=\"help is-danger\">Wrong phone number format, please enter number only</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"control\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<Field className=\"textarea is-medium\" placeholder=\"Drop your message here*\" component=\"textarea\" name=\"message\" rows=\"8\"/>\t\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t{errors.message && touched.message ? (<p className=\"help is-danger\">{errors.message}</p>) : null}\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t<div className=\"field is-horizontal\">\n\t\t\t\t\t\t\t\t\t\t<div className=\"field-body\">\n\t\t\t\t\t\t\t\t\t\t\t<div className=\"field\">\n\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"control has-text-centered\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<button className=\"button is-danger is-medium\" type=\"submit\">Send message</button>\n\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t</Form>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\t\n\t\t\t\t</Formik>\n\n\t\t\t</div>\n\t\t</section>\n\t)}\n}\n\nexport default Contact","import React from 'react'\nimport {Link} from 'gatsby'\n\nexport default ({solution})=> (\n    <section className=\"section blog\">\n        <div className=\"container\">\n            <h1 className=\"title is-size-2 is-size-4-mobile\">\n            We bring in third party Chinese digital marketing insights and data perspective to help executives to fully understand the chinese audiences and industries dynamics with the Greater China market. \n            </h1>\n            <hr className=\"title-underline\"/>\n            \n            <div className=\"columns is-multiline\">\n                {\n                    solution.map(({node},index)=>{\n                        return(\n                            <div className=\"column is-half\" key={index}>\n                                <div className=\"card\">\n                                    <div className=\"card-image\">\n                                        <figure className=\"image is-3by2\">\n                                            <Link to={`/services/${node.slug}/`}>\n                                                <img src={node.featureImage.file.url} alt={`${node.title}`}/>\n                                            </Link>\n                                        </figure>\n                                    </div>\n                                    <div className=\"card-content\">\n                                        <h1 className=\"title is-capitalized is-size-4\">{node.title}</h1>\n                                        <p>\n                                            <Link to={`/services/${node.slug}/`}>Learn More</Link>\n                                        </p>\n                                    </div>\n                                </div>\t\t\n                            </div>    \n                        )\n                    })\n                } \n            </div>\n        </div>\n    </section>\n)","import React from 'react'\nimport { graphql } from 'gatsby'\nimport get from 'lodash/get'\nimport Layout from '../components/layout'\nimport Contact from '../components/contact'\nimport Solution from '../components/solution'\nimport SiteMeta from '../components/meta-data'\n\nclass SolutionPage extends React.Component {\n  render() {\n\n    const servicesNav = get(this.props,'data.allContentfulOurServices.edges')\n    const data = {\n      hero: 'hero-solution',\n      size: 'is-medium',\n      isHidden: true,\n      text: 'chinese digital marketing',\n      servicesNav\n    }\n\n    const metaData = get(this.props, 'data.site.siteMetadata.solutionPage')\n    return (\n      <Layout location={this.props.location} data={data} >\n        <SiteMeta metaData={metaData}/>\n        <Solution solution={servicesNav}/>\n        <Contact/>\n      </Layout>\n    )\n  }\n}\n\nexport default SolutionPage\n\nexport const pageQuery = graphql`\n  query SolutionPage {\n    site {\n      siteMetadata {\n        solutionPage {\n          title\n          description\n          imageUrl\n          siteUrl\n        }\n      }\n    } \n    allContentfulOurServices(filter: {node_locale: {eq: \"en-GB\"}}, sort: {order: ASC, fields: order}) {\n      edges {\n        node {\n          title\n          slug\n          image{\n            fluid{\n              src\n            }\n          }\n          featureImage{\n            file{\n              url\n            }\n          }\n        }\n      }\n    }\n  }\n`\n\n\n"],"sourceRoot":""}