{"version":3,"sources":["webpack:///./src/components/contact.js","webpack:///./src/pages/wechat-advertising-service.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","WechatAdvertisingPage","metaData","get","servicesNav","HeroSection","MainSection","title","style","background","backgroundSize","src","alt","image","map","benfit","index","key","solution","pageQuery"],"mappings":"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","file":"component---src-pages-wechat-advertising-service-js-3bd6578cd771b086a2c4.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 { graphql } from 'gatsby'\nimport get from 'lodash/get'\nimport SiteMeta from '../components/meta-data'\nimport Nav from '../components/navigation'\nimport Contact from '../components/contact'\nimport Footer from '../components/footer'\n\nclass WechatAdvertisingPage extends React.Component{\n\n    render(){\n        const metaData = get(this.props, 'data.site.siteMetadata.wechatAdvertisingPage')\n        const servicesNav = get(this.props,'data.allContentfulOurServices.edges')\n        return(\n            <div>\n                <SiteMeta metaData={metaData}/>\n                <HeroSection servicesNav={servicesNav}/>\n                <MainSection/>\n                <Contact/>\n                <Footer/>\n            </div>\n        )\n    }\n\n}\n\nclass HeroSection extends React.Component {\n    render() {\n        const title = \"wechat advertising solution\"\n        const subtitle = \"reach chinese tourists in UK & Europe\"\n        const heroImage = {\n            background:`linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(\"/img/wechat/banner-background.jpg\")`,\n            backgroundSize:'cover'    \n        }\n        const {servicesNav} = this.props\n        return(\n            <section className=\"hero is-fullheight\" style={heroImage}>\n                <div className=\"hero-head\">\n                <Nav servicesNav={servicesNav}/>\n                </div>\n                <div className=\"hero-body\">\n                    <div className=\"container\">\n                        <div className=\"columns\">\n                            <div className=\"column\">\n                                <figure className=\"imgae is-128x128\">\n                                    <img src=\"/img/wechat/head-banner.svg\" alt={title}/>    \n                                </figure>    \n                            </div>\n                            <div className=\"column\">\n                                <div>\n                                    <h1 className=\"title has-text-white is-capitalized is-size-1 is-size-3-mobile\">{title}</h1>\n                                    <h1 className=\"title has-text-white is-capitalized is-size-1 is-size-3-mobile\">{subtitle}</h1>\n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n          </section>\n        )\n    }\n}\n\nclass MainSection extends React.Component {\n    render() {\n        const benefits = [\n            {\n                title:\"Sale leads generation\",\n                image:\"/img/wechat/sale-leads-generation.svg\"\n            },\n            {\n                title:\"M-commerce promotion\",\n                image:\"/img/wechat/m-commerce-promotion.svg\"\n            },\n            {\n                title:\"Online to Offline retail store promotion\",\n                image:\"/img/wechat/online-to-offline-retail-store-promotion.svg\"\n            },\n            {\n                title:\"Promote WeChat official account\",\n                image:\"/img/wechat/promote-wechat-official-account.svg\"\n            },\n            {\n                title:\"Promote WeChat mini program\",\n                image:\"/img/wechat/promote-wechat-mini-program.svg\"\n            },\n            {\n                title:\"Promote seasonal promotion with coupon\",\n                image:\"/img/wechat/promote-seasonal-promotion-with-coupon.svg\"\n            }\n        ]\n        const soulutions = [\n            {\n                title:\"Localized ads copywriting & design\",\n                image:\"/img/wechat/localized-ads-copywriting-design.svg\"\n            },\n            {\n                title:\"Advertising media planning\",\n                image:\"/img/wechat/advertising-media-planning.svg\"\n            },\n            {\n                title:\"Advertising analytics & campaign measurement\",\n                image:\"/img/wechat/advertising-analytics-campaign-measurement.svg\" \n            }\n\n        ]\n        return(\n            <div className=\"wechat-main\">\n                <section className=\"section\">\n                    <div className=\"container\">\n                        <h1 className=\"title is-capitalized has-text-centered is-size-1  is-size-3-mobile has-text-weight-bold\">\n                            Opportunity that brands can’t miss\n                        </h1>\n                        <hr className=\"has-background-danger divider\"></hr>\n                        <div className=\"columns\">\n                            <div className=\"column\">\n                                <figure className=\"image is-128X128\">\n                                    <img src=\"/img/wechat/opportunity-that-brands-cannot-miss.jpg\" alt=\"Opportunity that brands can’t miss\"/>\n                                </figure>\n                            </div>\n                            <div className=\"column\">\n                                <h1 className=\"title\">Europe has become the favoriate long haul travel destination among Chinese tourists. \n                                Chinese tourism in Europe keep growing in 2019 and beyond. \n                                Engage with Red Digital China with a team of Chinese tourism \n                                sales consultant and Chinese digital marketing experts to help you reach Chinese group and individaul travel tourists with our WeChat advertising solution.</h1>    \n                            </div>\n                        </div>\n                    </div>\n                </section>\n                <section className=\"section\">\n                    <div className=\"container\">\n                        <h1 className=\"title is-capitalized has-text-centered is-size-1  is-size-3-mobile has-text-weight-bold\">\n                            WeChat Eco-System   \n                        </h1>\n                        <hr className=\"has-background-danger divider\"></hr>\n                        <div className=\"columns is-centered\">\n                            <div className=\"column is-9\">\n                                <figure className=\"image\">\n                                    <img src=\"/img/wechat/wechat-eco-system.png\" alt=\"wechat eco system\"/>\n                                </figure>\n                            </div>\n                        </div>\n                    </div>\n                </section>\n                <section className=\"section benfits\">\n                    <div className=\"container\">\n                        <h1 className=\"title is-capitalized has-text-centered is-size-1  is-size-3-mobile has-text-weight-bold\">\n                            WeChat advertising benefits      \n                        </h1>\n                        <hr className=\"has-background-danger divider\"></hr>\n                        <div className=\"columns is-multiline\">\n                            {\n                                benefits.map((benfit, index)=>{\n                                    return(\n                                        <div className=\"column is-one-third has-text-centered\" key={index}>\n                                            <h3 className=\"title\">{benfit.title}</h3>\n                                            <figure className=\"image\">\n                                                <img src={benfit.image} alt={benfit.title}/>\n                                            </figure>\n                                        </div>\n                                    )\n                                })   \n                            } \n                        </div>\n                    </div>\n                </section>\n                <section className=\"section solutions\">\n                    <div className=\"container\">\n                        <h1 className=\"title is-capitalized has-text-centered is-size-1  is-size-3-mobile has-text-weight-bold\">\n                            WeChat advertising solution      \n                        </h1>\n                        <hr className=\"has-background-danger divider\"></hr>\n                        <div className=\"columns is-multiline\">\n                            {\n                                soulutions.map((solution, index)=>{\n                                    return(\n                                        <div className=\"column is-one-third has-text-centered\" key={index}>\n                                            <h3 className=\"title\">{solution.title}</h3>\n                                            <figure className=\"image\">\n                                                <img src={solution.image} alt={solution.title}/>\n                                            </figure>\n                                        </div>\n                                    )\n                                })   \n                            } \n                        </div>\n                    </div>\n                </section>\n                <section className=\"section\">\n                    <div className=\"contariner\">\n                        <div className=\"columns is-centered\">\n                            <div className=\"column is-9\">\n                                <h1 className=\"title has-text-centered\">\n                                    Want to learn more our completed WeChat advertising targeting features and solution? Contact us to learn more!         \n                                </h1>\n                            </div>\n                        </div>\n                    </div>\n                </section>\n\n            </div>\n        )    \n    }\n}\n\nexport default WechatAdvertisingPage\n\nexport const pageQuery = graphql`\n    query WechatAdvertisingPage {\n        site {\n            siteMetadata {\n              wechatAdvertisingPage {\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              }\n            }\n        }  \n    }\n`"],"sourceRoot":""}