{"version":3,"sources":["webpack:///./src/pages/services/why-video.js"],"names":["Services","_ref","data","location","siteTitle","site","siteMetadata","title","React","createElement","Layout","SEO","style","margin","maxWidth","rhythm","Image","fluid","header","childImageSharp","alt","marginTop","marginBottom","marginLeft","marginRight","className","videoStat1","width","videoStat2","videoStat3","videoStat4","videoStat5","videoStat6","textAlign","logos"],"mappings":"4FAAA,yFAyIeA,UAjIEC,IAAyB,IAAxB,KAAEC,EAAI,SAAEC,GAAUF,EAClC,MAAMG,EAAYF,EAAKG,KAAKC,aAAaC,MAEzC,OACEC,IAAAC,cAACC,IAAM,CAACP,SAAUA,EAAUI,MAAOH,GACjCI,IAAAC,cAACE,IAAG,CAACJ,MAAM,8BACXC,IAAAC,cAAA,WAASG,MAAO,CAAEC,OAAQ,OAAQC,SAAUC,YAAO,MACjDP,IAAAC,cAAA,cACED,IAAAC,cAAA,UAAI,kBAGND,IAAAC,cAACO,IAAK,CACJC,MAAOf,EAAKgB,OAAOC,gBAAgBF,MACnCG,IAAI,qBACJR,MAAO,CACLE,SAAU,QACVO,UAAWN,YAAO,GAClBO,aAAcP,YAAO,GACrBQ,WAAY,OACZC,YAAa,UAIjBhB,IAAAC,cAAA,SAAG,4NAOHD,IAAAC,cAAA,OAAKgB,UAAU,aACbjB,IAAAC,cAACO,IAAK,CACJC,MAAOf,EAAKwB,WAAWP,gBAAgBF,MACvCG,IAAI,MACJR,MAAO,CACLe,MAAO,QACPb,SAAU,UAGdN,IAAAC,cAACO,IAAK,CACJC,MAAOf,EAAK0B,WAAWT,gBAAgBF,MACvCG,IAAI,GACJR,MAAO,CACLe,MAAO,QACPb,SAAU,UAGdN,IAAAC,cAACO,IAAK,CACJC,MAAOf,EAAK2B,WAAWV,gBAAgBF,MACvCG,IAAI,GACJR,MAAO,CACLe,MAAO,QACPb,SAAU,WAKhBN,IAAAC,cAAA,SAAG,wbAUHD,IAAAC,cAAA,OAAKgB,UAAU,aACbjB,IAAAC,cAACO,IAAK,CACJC,MAAOf,EAAK4B,WAAWX,gBAAgBF,MACvCG,IAAI,MACJR,MAAO,CACLe,MAAO,QACPb,SAAU,UAGdN,IAAAC,cAACO,IAAK,CACJC,MAAOf,EAAK6B,WAAWZ,gBAAgBF,MACvCG,IAAI,GACJR,MAAO,CACLe,MAAO,QACPb,SAAU,UAGdN,IAAAC,cAACO,IAAK,CACJC,MAAOf,EAAK8B,WAAWb,gBAAgBF,MACvCG,IAAI,GACJR,MAAO,CACLe,MAAO,QACPb,SAAU,WAKhBN,IAAAC,cAAA,OAAKG,MAAO,CAAEqB,UAAW,WACvBzB,IAAAC,cAAA,UAAI,sBACJD,IAAAC,cAAA,KAAGG,MAAO,CAAEU,aAAc,MAAO,8EAIjCd,IAAAC,cAAA,SAAG,kDAGLD,IAAAC,cAAA,SAAG,+RAQHD,IAAAC,cAAA,MAAIG,MAAO,CAAEqB,UAAW,SAAUZ,UAAW,SAAU,iDAGvDb,IAAAC,cAACO,IAAK,CACJC,MAAOf,EAAKgC,MAAMf,gBAAgBF,MAClCG,IAAI,qBACJR,MAAO,CACLS,UAAWN,YAAO,GAClBO,aAAcP,YAAO,GACrBY,MAAO,OACPb,SAAU","file":"component---src-pages-services-why-video-js-9be16c6d081c0f617f3e.js","sourcesContent":["import React from \"react\"\r\nimport { graphql } from \"gatsby\"\r\nimport Image from \"gatsby-image\"\r\nimport { rhythm } from \"../../utils/typography\"\r\n\r\nimport Layout from \"../../components/layout\"\r\nimport SEO from \"../../components/seo\"\r\n\r\nconst Services = ({ data, location }) => {\r\n  const siteTitle = data.site.siteMetadata.title\r\n\r\n  return (\r\n    <Layout location={location} title={siteTitle}>\r\n      <SEO title=\"Why use video? - Services\" />\r\n      <article style={{ margin: `auto`, maxWidth: rhythm(34) }}>\r\n        <header>\r\n          <h1>Why use video</h1>\r\n        </header>\r\n\r\n        <Image\r\n          fluid={data.header.childImageSharp.fluid}\r\n          alt=\"Do something great\"\r\n          style={{\r\n            maxWidth: `460px`,\r\n            marginTop: rhythm(2),\r\n            marginBottom: rhythm(2),\r\n            marginLeft: `auto`,\r\n            marginRight: `auto`,\r\n          }}\r\n        />\r\n\r\n        <p>\r\n          Video can offer a unique and personal brand experience, inform,\r\n          inspire and entertain. It can build depth to a digital platform,\r\n          generate a following of viewers and effectively communicate a message\r\n          or brand identity\r\n        </p>\r\n\r\n        <div className=\"d-lg-flex\">\r\n          <Image\r\n            fluid={data.videoStat1.childImageSharp.fluid}\r\n            alt=\"84%\"\r\n            style={{\r\n              width: `460px`,\r\n              maxWidth: `100%`,\r\n            }}\r\n          />\r\n          <Image\r\n            fluid={data.videoStat2.childImageSharp.fluid}\r\n            alt=\"\"\r\n            style={{\r\n              width: `460px`,\r\n              maxWidth: `100%`,\r\n            }}\r\n          />\r\n          <Image\r\n            fluid={data.videoStat3.childImageSharp.fluid}\r\n            alt=\"\"\r\n            style={{\r\n              width: `460px`,\r\n              maxWidth: `100%`,\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        <p>\r\n          Video gives you the chance to speak directly to your audience from\r\n          anywhere in the world, it evokes emotion and can easily be shared. It\r\n          provides businesses with the opportunity to effectively communicate\r\n          who they are and what they stand for. With social media channels\r\n          playing an increasing role in promoting a brand or a cause, it allows\r\n          them to showcase their products in more detail than any other tool\r\n          available to marketing could.\r\n        </p>\r\n\r\n        <div className=\"d-lg-flex\">\r\n          <Image\r\n            fluid={data.videoStat4.childImageSharp.fluid}\r\n            alt=\"84%\"\r\n            style={{\r\n              width: `460px`,\r\n              maxWidth: `100%`,\r\n            }}\r\n          />\r\n          <Image\r\n            fluid={data.videoStat5.childImageSharp.fluid}\r\n            alt=\"\"\r\n            style={{\r\n              width: `460px`,\r\n              maxWidth: `100%`,\r\n            }}\r\n          />\r\n          <Image\r\n            fluid={data.videoStat6.childImageSharp.fluid}\r\n            alt=\"\"\r\n            style={{\r\n              width: `460px`,\r\n              maxWidth: `100%`,\r\n            }}\r\n          />\r\n        </div>\r\n\r\n        <div style={{ textAlign: `center` }}>\r\n          <h2>Key types of video</h2>\r\n          <p style={{ marginBottom: `0` }}>\r\n            Promos | Brand Films | Editorial Content | Corporate Videos Event\r\n            Coverage\r\n          </p>\r\n          <p>Product Demos | Tutorial and Explainer Videos</p>\r\n        </div>\r\n\r\n        <p>\r\n          Whether you are a small business only just starting out, have already\r\n          established yourself in the market, or are a big corporation looking\r\n          for more video options in your marketing mix, I will work with you to\r\n          create the most effective video for your business on message and on\r\n          budget\r\n        </p>\r\n\r\n        <h2 style={{ textAlign: `center`, marginTop: `5rem` }}>\r\n          A few of the happy clients I have worked with\r\n        </h2>\r\n        <Image\r\n          fluid={data.logos.childImageSharp.fluid}\r\n          alt=\"Some of my clients\"\r\n          style={{\r\n            marginTop: rhythm(3),\r\n            marginBottom: rhythm(3),\r\n            width: `100%`,\r\n            maxWidth: `100%`,\r\n          }}\r\n        />\r\n      </article>\r\n    </Layout>\r\n  )\r\n}\r\n\r\nexport default Services\r\n\r\nexport const pageQuery = graphql`\r\n  query {\r\n    header: file(absolutePath: { regex: \"/do-something-great.jpg/\" }) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 1069) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    logos: file(absolutePath: { regex: \"/client-logos.png/\" }) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 1069) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    videoStat1: file(absolutePath: { regex: \"/video_stat_84_brand.png/\" }) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 540) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    videoStat2: file(\r\n      absolutePath: { regex: \"/video_stat_96_product_service.png/\" }\r\n    ) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 540) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    videoStat3: file(\r\n      absolutePath: { regex: \"/video_stat_68_short_video.png/\" }\r\n    ) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 540) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    videoStat4: file(absolutePath: { regex: \"/video_stat_92_marketing.png/\" }) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 540) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    videoStat5: file(absolutePath: { regex: \"/video_stat_24_marketing.png/\" }) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 540) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    videoStat6: file(absolutePath: { regex: \"/video_stat_80_sales.png/\" }) {\r\n      childImageSharp {\r\n        fluid(maxWidth: 540) {\r\n          ...GatsbyImageSharpFluid_noBase64\r\n        }\r\n      }\r\n    }\r\n    site {\r\n      siteMetadata {\r\n        title\r\n      }\r\n    }\r\n  }\r\n`\r\n"],"sourceRoot":""}