{"version":3,"sources":["webpack:///./src/pages/headless-wordpress-developer.js"],"names":["HeadlessWordPressDeveloperPage","props","location","title","description","imageAlt","imageName","imageCaption","className","icon","href","to","text","color","anchor","narrow","id","contact","buttonAsideText","messagePlaceholder","pathname","quote","cite","boxed","defaultProps"],"mappings":"4FAAA,wJAqBMA,EAAiC,SAAEC,GACrC,IACIC,EACAD,EADAC,SAGJ,OACI,kBAAC,IAAD,CACIA,SAAWA,GAEX,kBAAC,IAAD,CACIC,MAAM,+BACNC,YAAY,uGACZC,SAAS,iCAEb,kBAAC,IAAD,CACIC,UAAU,yBACVD,SAAS,0CACTE,aAAa,2CAEb,4DACA,uBAAGC,UAAU,QAAb,wGACA,uFACA,wBAAIA,UAAU,gCACV,4BACI,kBAAC,IAAD,CAAiBC,KAAK,UACtB,uBAAGC,KAAK,wBAAR,UAEJ,4BACI,kBAAC,IAAD,CAAiBD,KAAK,UACtB,uBAAGC,KAAK,6BAAR,WAEJ,4BACI,kBAAC,IAAD,CAAiBD,KAAK,UACtB,uBAAGC,KAAK,uBAAR,YAEJ,4BACI,kBAAC,IAAD,CAAiBD,KAAK,UACtB,uBAAGC,KAAK,yBAAR,cAGR,2BACI,0DADJ,iCAIA,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAQC,GAAG,WAAWF,KAAK,cAAcG,KAAK,gBAAgBC,MAAM,QAAQC,QAAM,IAClF,kBAAC,IAAD,CAAQH,GAAG,iBAAiBF,KAAK,aAAaG,KAAK,gBAAgBE,QAAM,MAGjF,kBAAC,IAAD,CAASC,QAAM,GACX,wBAAIC,GAAG,iBAAP,2CACA,uIACA,8JACA,yGAA8E,uBAAGN,KAAK,wBAAR,SAA9E,KAAwH,uBAAGA,KAAK,6BAAR,UAAxH,KAAwK,uBAAGA,KAAK,uBAAR,WAAxK,SAAuN,uBAAGA,KAAK,yBAAR,YAAvN,KACA,mFACA,qEACA,iJACA,0GACA,mHACA,qGACA,iGAAgF,wCAAhF,YACA,iFACA,kFACA,sOAEA,0JACA,0KACA,+IACA,kFACA,gHACA,iFACA,wMACA,wBAAIM,GAAG,WAAP,mDACA,uKAIA,kBAAC,IAAD,CACIA,GAAG,eACHC,SAAO,EACPC,gBAAgB,+BAChBC,mBAAmB,wEACnBC,SAAWlB,GAAYA,EAASkB,WAEpC,8DACA,kBAAC,IAAD,MACA,sDACA,yBAAKZ,UAAU,+BACX,kBAAC,IAAD,CACIa,MAAM,oUACNC,KAAK,iCACLhB,UAAU,kBACVD,SAAS,kBACTkB,OAAK,KAGb,iFACA,uBAAGf,UAAU,2BAA2BE,KAAK,YAA7C,iCAEI,kBAAC,IAAD,CAAiBD,KAAK,iBAW1CT,EAA+BwB,aAAe,CAC1CtB,SAAU,IAGCF","file":"component---src-pages-headless-wordpress-developer-js-0e53417ba4ac35462da0.js","sourcesContent":["/**\n * External dependencies\n */\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport { FontAwesomeIcon } from '@fortawesome/react-fontawesome';\n\n/**\n * Internal dependencies\n */\nimport Blockquote from '../components/blockquote';\nimport ClientList from '../components/client-list';\nimport Form from '../components/form';\nimport Hero from '../components/hero';\nimport Layout from '../components/layout';\nimport Section from '../components/section';\nimport SEO from '../components/seo';\nimport ButtonGroup from '../components/button-group';\nimport Button from '../components/button';\n\n\nconst HeadlessWordPressDeveloperPage = ( props ) => {\n    const {\n        location,\n    } = props;\n\n    return (\n        <Layout\n            location={ location }\n        >\n            <SEO\n                title=\"Headless WordPress Developer\"\n                description=\"I pair WordPress with modern JavaScript technologies to create fast, secure and accessible websites.\"\n                imageAlt=\"Headless WordPress Developer\"\n            />\n            <Hero\n                imageName=\"tom-hirst-headshot.png\"\n                imageAlt=\"Headless WordPress Developer, Tom Hirst\"\n                imageCaption=\"Headless WordPress Developer, Tom Hirst\"\n            >\n                <h1>Headless WordPress Developer</h1>\n                <p className=\"lead\">I pair WordPress with modern JavaScript technologies to create fast, secure and accessible websites.</p>\n                <p>Are you looking for someone who can team WordPress with:</p>\n                <ul className=\"check-list check-list-inline\">\n                    <li>\n                        <FontAwesomeIcon icon=\"check\" />\n                        <a href=\"https://reactjs.org/\">React</a>\n                    </li>\n                    <li>\n                        <FontAwesomeIcon icon=\"check\" />\n                        <a href=\"https://www.gatsbyjs.org/\">Gatsby</a>\n                    </li>\n                    <li>\n                        <FontAwesomeIcon icon=\"check\" />\n                        <a href=\"https://nextjs.org/\">Next.js</a>\n                    </li>\n                    <li>\n                        <FontAwesomeIcon icon=\"check\" />\n                        <a href=\"https://frontity.org/\">Frontity</a>\n                    </li>\n                </ul>\n                <p>\n                    <strong>I can do this for you.</strong> Here&apos;s what\n                    you can do next:\n                </p>\n                <ButtonGroup>\n                    <Button to=\"#hire-me\" icon=\"arrow-right\" text=\"Hire me today\" color=\"green\" anchor />\n                    <Button to=\"#find-out-more\" icon=\"arrow-down\" text=\"Find out more\" anchor />\n                </ButtonGroup>\n            </Hero>\n            <Section narrow>\n                <h2 id=\"find-out-more\">What is a headless WordPress developer?</h2>\n                <p>A headless WordPress developer is someone who takes a modern approach to building websites on WordPress.</p>\n                <p>This approach can be defined as using WordPress as the back end and data source for a website alongside a JavaScript front end.</p>\n                <p>Common front end frameworks used in headless WordPress development include <a href=\"https://reactjs.org/\">React</a>, <a href=\"https://www.gatsbyjs.org/\">Gatsby</a>, <a href=\"https://nextjs.org/\">Next.js</a> and  <a href=\"https://frontity.org/\">Frontity</a>.</p>\n                <h2>Why take a headless WordPress development approach?</h2>\n                <p>Everyone knows how great WordPress is.</p>\n                <p>It&apos;s been around a long time, familiar to millions and makes it easy for people to manage their website&apos;s content.</p>\n                <p>There are however, things that WordPress doesn&apos;t do as well out of the box.</p>\n                <p>Choosing a headless WordPress approach for your website helps to solve these things.</p>\n                <p>Performance, security and accessibility capabilities are all enhanced.</p>\n                <p>Who doesn&apos;t want a fast and safe WordPress website that&apos;s easy for <em>everyone</em> to use?</p>\n                <h2>Why hire me as your headless WordPress developer?</h2>\n                <p>I&apos;ve been working with WordPress for over a decade.</p>\n                <p>Since modern web developments&apos; move towards JavaScript - and WordPress&apos; via Gutenberg - my primary focus\n                    has been to discover ways to pair both tools to deliver best in class websites for my clients.</p>\n                <p>As a seasoned remote worker, I have delivered successful projects for clients in the UK, USA, Europe, Australia and beyond.</p>\n                <p>I come well trusted and recommended having partnered on WordPress solutions for the likes of the NHS, Facebook, TGI Fridays, Umbro and BMW.</p>\n                <p>WordPress VIP agencies hire me for my WordPress and JavaScript knowledge on a development and consultancy basis.</p>\n                <p>I don&apos;t just work with big brands and VIP agencies!</p>\n                <p>I&apos;m happy to discuss all headless WordPress development projects, large or small.</p>\n                <h2>Can you make my existing WordPress site headless?</h2>\n                <p>Yes. I can take your existing WordPress website and build a modern front end for it that will have all of the same benefits as a from scratch headless WordPress project.</p>\n                <h2 id=\"hire-me\">Ready to start your headless WordPress project?</h2>\n                <p>\n                    Give your project the best chance of success by hiring me.\n                    We can move forward with this today. Fill out the form below to tell me more:\n                </p>\n                <Form\n                    id=\"contact-form\"\n                    contact\n                    buttonAsideText=\"I'll reply as soon as I can!\"\n                    messagePlaceholder=\"Hi Tom, I have a headless WordPress project needing expert attention.\"\n                    pathname={ location && location.pathname }\n                />\n                <h2>I&apos;ve previously partnered with</h2>\n                <ClientList />\n                <h2>I&apos;m highly recommended</h2>\n                <div className=\"blockquote-list-with-middle\">\n                    <Blockquote\n                        quote=\"I have had the pleasure of working with Tom over the last year. Both in projects for clients and in product development Tom has been a great asset, solving tasks with precision and quality. We have appreciated his WordPress, JavaScript and React skills, plus his technical advice. I can really recommend working with Tom.\"\n                        cite=\"Henning Hovland, CTO at Dekode\"\n                        imageName=\"hh-headshot.jpg\"\n                        imageAlt=\"Henning Hovland\"\n                        boxed\n                    />\n                </div>\n                <h2>Let&apos;s start your headless WordPress project today</h2>\n                <a className=\"button is-green has-icon\" href=\"#hire-me\">\n                    I&apos;m ready, take me to the form\n                    <FontAwesomeIcon icon=\"arrow-up\" />\n                </a>\n            </Section>\n        </Layout>\n    );\n};\n\nHeadlessWordPressDeveloperPage.propTypes = {\n    location: PropTypes.objectOf( PropTypes.any ),\n};\n\nHeadlessWordPressDeveloperPage.defaultProps = {\n    location: {},\n};\n\nexport default HeadlessWordPressDeveloperPage;\n"],"sourceRoot":""}