{"version":3,"file":"component---src-pages-guide-js-04298c521b5d02f2e469.js","mappings":"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","sources":["webpack://gatsby-starter-wordpress-blog/./src/pages/guide.js","webpack://gatsby-starter-wordpress-blog/./src/img/events/event-thumbnial.jpg"],"sourcesContent":["import React from 'react'\nimport { Link, StaticQuery, graphql } from 'gatsby'\nimport Layout from '../components/Layout'\nimport Particles from \"react-tsparticles\";\nimport event_thumb from '../img/events/event-thumbnial.jpg';\nimport Helmet from 'react-helmet'\nimport ReactWOW from 'react-wow'\nconst guide = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        allWpGuide{\n\t\t\t\tedges {\n\t\t\t\t  node {\n\t\t\t\t\tid\n\t\t\t\t\ttitle\n\t\t\t\t\tslug\n\t\t\t\t\tcontent\n\t\t\t\t\tBlogExtra {\n            featureImage{\n\t\t\t\t\t\t  sourceUrl\n\t\t\t\t\t  }\n\t\t\t\t\t  postedBy\n\t\t\t\t\t}\n\t\t\t\t\tdate(formatString: \"D MMMM,Y\")\n\t\t\t\t  }\n\t\t\t\t}\n\t\t\t}\n\t\t\tallWpCategory(filter: {parentDatabaseId: {eq: 25}}) {\n\t\t\t\tedges {\n\t\t\t\t  node {\n\t\t\t\t\tid\n\t\t\t\t\tname\n\t\t\t\t\tslug\n\t\t\t\t  }\n\t\t\t\t}\n\t\t\t}\n      }\n    `}\n    render={data => (\n\t\t<Layout>\n\t\t\t<Helmet>\n\t\t\t\t<title>Guide | Handy Resources Guides - QL Tech</title>\n\t\t\t\t<meta name=\"title\" content=\"Guide | Handy Resources Guides - QL Tech\"></meta>\n\t    <meta name=\"description\" content=\"QL Tech is a Leading Digital Marketing Agency. Our Services Include Web Development, Website Design, CRM Services, Social Media Marketing & SEO. Get Assured Leads & Sales Ensuring amplified ROI For Your Business Through PPC, Content Marketing & More In Dubai, Abu Dhabi, UAE.\"></meta>\n\t\t\t</Helmet>\n\t\t\t<div className=\"bg\">\n        <div className=\"area-bg\">\n\t\t\t<Particles options={{\"particles\": {\"number\": {\"value\": 80,\"density\": {\"enable\": true,\"value_area\": 1600}},\"color\": {\"value\": [\"#fd8788\", \"#f1aea6\", \"#21a6df\", \"#75d3ff\"]},\"shape\": {\"type\": \"circle\",\"stroke\": {\"width\": 0,\"color\": \"#000000\",},\"polygon\": {\"nb_sides\": 5,},\"image\": {\"src\": \"img/github.svg\",\"width\": 100,\"height\": 100}},\"opacity\": {\"value\": 0.4489553770423464,\"random\": false,\"anim\": {\"enable\": false,\"speed\": 40,\"opacity_min\": 0.1,\"sync\": false}},\"size\": {\"value\": 5,\"random\": true,\"anim\": {\"enable\": false,\"speed\": 40,\"size_min\": 0.1,\"sync\": false}},\"line_linked\": {\"enable\": false,\"distance\": 150,\"color\": \"#ffffff\",\"opacity\": 0.4,\"width\": 1},\"move\": {\"enable\": true,\"speed\": 6,\"direction\": \"none\",\"random\": false,\"straight\": false,\"out_mode\": \"out\",\"bounce\": false,\"attract\": {\"enable\": false,\"rotateX\": 600,\"rotateY\": 1200}}},\"interactivity\": {\"detect_on\": \"canvas\",\"events\": {\"onhover\": {\"enable\": true,\"mode\": \"grab\"},\"onclick\": {\"enable\": true,\"mode\": \"push\"},\"resize\": true},\"modes\": {\"grab\": {\"distance\": 140,\"line_linked\": {\"opacity\": 0}},\"bubble\": {\"distance\": 400,\"size\": 40,\"duration\": 2,\"opacity\": 8,\"speed\": 3},\"repulse\": {\"distance\": 200,\"duration\": 0.4},\"push\": {\"particles_nb\": 4},\"remove\": {\"particles_nb\": 2}}},\"retina_detect\": true}} />\n        </div>\n    </div>\n\t\t\t\t<section className=\"breadcumbs-and-title-section\">\n\t\t\t\t\t\n\t\t\t\t\t<div className=\"container text-center\">\n\t\t\t\t\t\t\n\t\t\t\t\t\t<span className=\"section-subheading-heading\">Guides</span>\n\t\t\t\t\t\t<h1 className=\"section-heading\">\n\t\t\t\t\t\tHandy Resources\n\t\t\t\t\t\t</h1>\n\t\t\t\t\t\t<ul className=\"breadcrumbs\">\n\t\t\t\t\t\t\t<li> <Link to=\"/\">Home</Link> \\</li>\n\t\t\t\t\t\t\t<li> Guides</li>\n\t\t\t\t\t\t</ul>\n\t\t\t\t\t</div>\n\t\t\t</section>\n\t\t\t<section className=\"guide-section pt-0\">\n        <div className=\"main-panel\">\n        <div className=\"subnavbar \">\n                <div className=\"container bg-white\">\n                      <div className=\"row justify-content-center\">\n                        <div className=\"col-md-11 justify-content-between row mb-4\">\n                            <ul className=\"nav  resource-menu\">\n                                <li className=\"nav-item\">\n                                <Link className=\"nav-link \" to=\"/hub/\">Featured</Link>   \n                                </li>\n                                <li className=\"nav-item\">\n                                    <Link className=\"nav-link \" to=\"/article/\">Articles</Link>\n                                </li>\n                                <li className=\"nav-item\">\n                                    <Link className=\"nav-link active\" to=\"/guide/\">Guides</Link>\n                                </li>\n                                <li className=\"nav-item\">\n                                    <Link className=\"nav-link\" to=\"/worksheet/\">Worksheets</Link>\n                                </li>\n                            </ul>\n                            <div className=\"search-box \">\n                                <div className=\"input-group\">\n                                    \n                                </div>\n                            </div>\n                        </div>\n                    </div>\n                </div>\n\t\t\t\t <div className=\"container bg-white\">\n                <div className=\"row justify-content-center\">\n                        <div className=\"col-md-11 \">\n                     <div className=\"row  justify-content-center\">\n                        <div className=\"col-lg-12 col-md-12\">\n                        <div className=\"row\">\n\t\t\t\t\t\t              {data &&\n\t\t\t\tdata.allWpGuide &&\n\t\t\t\tdata.allWpGuide.edges &&\n\t\t\t\tdata.allWpGuide.edges.map(\n                prop => {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<ReactWOW   animation='fadeInLeft'>\n\t\t\t\t\t\t<div className=\"col-md-6 col-sm-6\">\n                            <div className=\"grid\">\n                                <div className=\" guide-thumbnial\">\n                                    <div className=\"guide-image\" style={{\"background-image\":\"url(\"+  prop.node.BlogExtra.featureImage.sourceUrl +\")\"}}>\n\t\t\t\t\t\t\t\t\n                                    </div>\n                                   \n                                    <Link to={\"/guide/\"+prop.node.slug+\"/\"} dangerouslySetInnerHTML={{ __html: prop.node.title+' <i class=\"fa fa-long-arrow-right ml-1\"></i>'}} className=\"guide-text\">\n\t\t\t\t\t\t\t\t\t \n                                    </Link>\n                                </div>\n                            </div>\n                        </div>\n                        </ReactWOW>\n\t\t\t\t\t\t\n\t\t\t\t\t\t)\n                }\n                )}\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\n                        \n                    </div>\n                    </div>\n\t\t\t\t\t\n                    </div>\n                    </div>\n                    </div>\n            </div>\n        </div>\n       \n           \n        </div>\n    </section>\n\t\t</Layout>\n    )}\n  />\n)\n\nexport default guide\n","export default __webpack_public_path__ + \"static/event-thumbnial-de5891b6e1bdd8521d8745748a206378.jpg\";"],"names":["StaticQuery","query","render","data","name","content","className","options","Link","to","allWpGuide","edges","map","prop","animation","style","node","BlogExtra","featureImage","sourceUrl","slug","dangerouslySetInnerHTML","__html","title"],"sourceRoot":""}