{"version":3,"sources":["webpack:///./src/components/team.js","webpack:///./src/pages/about.js","webpack:///./src/components/contact.js"],"names":["team","className","map","index","node","key","src","image","file","url","name","title","dangerouslySetInnerHTML","__html","shortBio","childMarkdownRemark","html","AboutPage","render","data","hero","size","isHidden","text","servicesNav","get","this","props","metaData","location","React","Component","pageQuery","Contact","state","messageSent","contactSchema","Yup","shape","min","max","required","matches","email","companyName","phoneNumber","positive","message","id","initialValues","to","cc","validationSchema","onSubmit","values","resetForm","axios","method","then","response","statusCode","setState","prevState","catch","error","console","log","errors","touched","placeholder","type","component","rows"],"mappings":"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","file":"component---src-pages-about-js-397ae43cba207cb09db6.js","sourcesContent":["import React from 'react'\n\nexport default ({team})=> (\n    <section className=\"team about\">\n        <div className=\"section\">\n            <div className=\"container\">\n                <div className=\"columns is-multiline\">\n                    {\n                        team.map(({node},index) => {\n                            return(\n                                index%2==0 ? (\n                                    <div className=\"section\" key={index}>\n                                        <div className=\"container box\">\n                                            <div className=\"columns\">\n                                                <div className=\"column\">\n                                                    <figure className=\"image\">\n                                                        <img className=\"is-rounded\" src={`${node.image.file.url}`}/>\n                                                    </figure>\n                                                </div>\n                                                <div className=\"column is-8\">\n                                                    <h2 className=\"title is-size-2 is-capitalized\">\n                                                        {node.name}\n                                                    </h2>\n                                                    <hr className=\"title-underline\"/>\n                                                    <h3 className=\"subtitle is-size-4 is-capitalized\">{node.title}</h3>\n                                                    <div className=\"is-size-4\"\n                                                        dangerouslySetInnerHTML={{\n                                                            __html: node.shortBio.childMarkdownRemark.html \n                                                        }} />\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                ) : (\n                                    <div className=\"section\" key={index}>\n                                        <div className=\"container box\">    \n                                            <div className=\"columns\">\n                                                <div className=\"column is-4\">\n                                                    <figure className=\"image\">\n                                                        <img className=\"is-rounded\" src={`${node.image.file.url}`}/>\n                                                    </figure>\n                                                </div>\n                                                <div className=\"column is-8\">\n                                                    <h2 className=\"title is-size-2 is-capitalized\">\n                                                        {node.name}\n                                                    </h2>\n                                                    <hr className=\"title-underline\"/>\n                                                    <h3 className=\"subtitle is-size-4 is-capitalized\">{node.title}</h3>\n                                                    <div className=\"is-size-4\"\n                                                        dangerouslySetInnerHTML={{\n                                                            __html: node.shortBio.childMarkdownRemark.html \n                                                        }} />\n                                                </div>\n                                            </div>\n                                        </div>\n                                    </div>\n                                )\n                            )\n                        })\n                    }\n                </div>\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 Team from '../components/team'\nimport SiteMeta from '../components/meta-data'\n\n\nclass AboutPage extends React.Component {\n  render() {\n    const servicesNav = get(this.props,'data.allContentfulOurServices.edges')\n    const data = {\n      hero: 'hero-about',\n      size: 'is-medium',\n      isHidden: true,\n      text: 'who we are?',\n      servicesNav\n    }\n\n    const metaData = get(this.props, 'data.site.siteMetadata.aboutPage')\n    const team = get(this, 'props.data.allContentfulPerson.edges')\n    return (\n      <Layout location={this.props.location} data={data} >\n        <SiteMeta metaData={metaData}/>\n        <Team team={team}/>\n        <Contact/>\n      </Layout>\n    )\n  }\n}\n\nexport default AboutPage\n\nexport const pageQuery = graphql`\n  query AboutPage {\n    site {\n      siteMetadata {\n        aboutPage {\n          title\n          description\n          imageUrl\n          siteUrl\n        }\n      }\n    }\n    allContentfulPerson(filter: {node_locale: {eq: \"en-GB\"}}, sort: {fields: order}) {\n      edges {\n        node {\n          name\n          title\n          order\n          shortBio {\n            childMarkdownRemark {\n              html\n            }\n          }\n          image {\n            file {\n              url\n            }\n          }\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        }\n      }\n    } \n  }\n`\n\n\n","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"],"sourceRoot":""}