{"version":3,"file":"component---src-pages-people-analytics-tsx-35d88eec5ac76959bc16.js","mappings":"iMAAA,EAAe,IAA0B,mD,8BCczC,SAASA,IACL,IAAMC,EAAQ,2FAERC,EAAW,gCACb,2DAAkC,2BAAlC,uBACwB,2BADxB,sCAMEC,EAAU,uBAAKC,UAAU,eAC3B,uBAAKC,IAAKC,EAAQC,IAAI,oBAAoBH,UAAU,oCAGxD,OAAO,gBAAC,KAAD,CACHH,MAAOA,EACPC,SAAUA,EACVM,OAAQ,CAAEC,GAAI,eAAgBC,QAAS,kBACvCP,QAASA,IAOjB,SAASQ,IACL,IAAMC,EAAQ,gCACV,kEACA,wIAEA,mGACI,yHACA,oFAGR,OAAO,uBAAKR,UAAU,0CAClB,uBAAKA,UAAU,4BACVQ,IASb,SAASC,IACL,IAAMC,EAAQ,gCACV,oEACA,kHACA,yLAGEC,EAAQ,gCACV,gEACA,2NAIA,yHAKJ,OAAO,uBAAKX,UAAU,0CAClB,uBAAKA,UAAU,YACVU,GAEL,uBAAKV,UAAU,YACVW,IASb,SAASC,IACL,IAAMC,EAAS,gCACX,uBAAKb,UAAU,aACX,uBAAKC,IAAKa,EAAAA,EAAQd,UAAU,YAAYe,MAAM,OAAOC,OAAO,MAAMb,IAAI,GAAG,aAAW,SAEpF,6DACA,0BACI,kEACA,sDACA,6DACA,4DACA,uDACA,wDAKNc,EACF,uBAAKjB,UAAU,aACX,uBAAKC,IAAKiB,EAAAA,EAAMlB,UAAU,YAAYe,MAAM,OAAOC,OAAO,MAAMb,IAAI,GAAG,aAAW,SAClF,0EACA,0BACI,sEACA,2EACA,iFACA,8EACA,+DAINgB,EAAS,gCACX,uBAAKnB,UAAU,aACX,uBAAKC,IAAKmB,EAAAA,EAAKpB,UAAU,YAAYe,MAAM,OAAOC,OAAO,MAAMb,IAAI,GAAG,aAAW,SAEjF,2EACA,0BACI,0EACA,2EACA,0EACA,0EACA,8EAKZ,OAAO,uBAAKH,UAAU,gCAClB,uBAAKA,UAAU,wBACVa,GAEL,uBAAKb,UAAU,wBACViB,GAEL,uBAAKjB,UAAU,wBACVmB,IAKb,IAcA,EAdwB,kBACpB,gCACI,gBAACE,EAAA,EAAD,CAAQxB,MAAM,yBAAyByB,eAAgB,CAAEC,KAAM,QAC/D,gBAAC,KAAD,MACA,gBAAC,KAAD,KACI,uBAAKvB,UAAU,gBACX,gBAACJ,EAAD,MACA,gBAACW,EAAD,MACA,gBAACE,EAAD,MACA,gBAACG,EAAD,W,mBC/JhB,86D,mBCAA,03C,mBCAA","sources":["webpack://qebal-website/./src/images/line.png","webpack://qebal-website/./src/pages/people-analytics.tsx","webpack://qebal-website/./src/images/icons/flag.svg","webpack://qebal-website/./src/images/icons/map.svg","webpack://qebal-website/./src/images/icons/people.svg"],"sourcesContent":["export default __webpack_public_path__ + \"static/line-1eeddec7d71dcd56e61caf64a75e0d5f.png\";","import * as React from \"react\"\r\nimport { Helmet } from \"react-helmet\";\r\n\r\nimport { Navigation, Content, Banner } from \"../components\";\r\nimport \"../styles/main.scss\";\r\nimport splash from \"../images/line.png\";\r\n\r\nimport flag from \"../images/icons/flag.svg\";\r\nimport people from \"../images/icons/people.svg\";\r\nimport map from \"../images/icons/map.svg\";\r\n\r\n// --------------------------------------------------------------------------------\r\n// BANNER\r\n// --------------------------------------------------------------------------------\r\nfunction PageBanner(): JSX.Element {\r\n    const title = <>Engage your stakeholders with data&#8209;driven conversations</>;\r\n\r\n    const subtitle = <>\r\n        <p>Take the lead in conversations.<br />\r\n            Think strategically.<br />\r\n            Justify your opinions with facts.</p>\r\n    </>;\r\n\r\n    // const sparkle = <img className=\"w-100 h-100 border ps-2 py-2 bg-white\" src={splash} width=\"417px\" height=\"288px\" alt=\"\" aria-label=\"\" />;\r\n    const sparkle = <div className=\"text-md-end\">\r\n        <img src={splash} alt=\"Sample line graph\" className=\"bg-white border mw-100 xmh-100\" />\r\n    </div>;\r\n\r\n    return <Banner\r\n        title={title}\r\n        subtitle={subtitle}\r\n        action={{ to: \"/contact-us/\", caption: \"Request a demo\" }}\r\n        sparkle={sparkle}\r\n    />;\r\n}\r\n\r\n// --------------------------------------------------------------------------------\r\n// Introduction\r\n// --------------------------------------------------------------------------------\r\nfunction PageIntro(): JSX.Element {\r\n    const intro = <>\r\n        <h2>Work with the data your already have</h2>\r\n        <p>Qebal works with the data you already have, helping you to deliver insight and advice to your stakeholders.\r\n        </p>\r\n        <p>Combine data from different sources and from across your organisation.\r\n        </p><p>Generate HR metrics to create a snapshot of your stakeholders’ people and their performance.\r\n        </p><p>Provide reports with meaningful and valuable analysis.</p>\r\n    </>;\r\n\r\n    return <div className=\"row row-cols-1 row-cols-sm-1 pb-4 gy-4\">\r\n        <div className=\"col text-sm-center px-4 \">\r\n            {intro}\r\n        </div>\r\n    </div>;\r\n}\r\n\r\n\r\n// --------------------------------------------------------------------------------\r\n// Body\r\n// --------------------------------------------------------------------------------\r\nfunction PageBody(): JSX.Element {\r\n    const body1 = <>\r\n        <h2>People analytics, metrics and insights</h2>\r\n        <p>Key metrics help you become more strategic and an ally of your business stakeholders.</p>\r\n        <p>Pre-built reports with the HR metrics important to you help you offer insight in their team's performance, key strengths and opportunities for improvement.</p>\r\n    </>;\r\n\r\n    const body2 = <>\r\n        <h2>Workforce data for decision makers</h2>\r\n        <p>\r\n            Identify workforce opportunities and risks that need to be communicated to your stakeholders.\r\n            Provide clear overviews with the supporting information necessary to explain complex situations.\r\n        </p>\r\n        <p>\r\n            Move from opinion to evidence based decision making with insightful dashboards and reports.\r\n        </p>\r\n    </>;\r\n\r\n    return <div className=\"row row-cols-1 row-cols-sm-2 pb-4 gy-4\">\r\n        <div className=\"col px-4\">\r\n            {body1}\r\n        </div>\r\n        <div className=\"col px-4\">\r\n            {body2}\r\n        </div>\r\n    </div>;\r\n}\r\n\r\n\r\n// --------------------------------------------------------------------------------\r\n// Features\r\n// --------------------------------------------------------------------------------\r\nfunction PageFeatures(): JSX.Element {\r\n    const block1 = <>\r\n        <div className=\"px-0 py-4\">\r\n            <img src={people} className=\"my-0 mb-4\" width=\"100%\" height=\"40x\" alt=\"\" aria-label=\"Home\" />\r\n\r\n            <h2>Analytics platform built for HR</h2>\r\n            <ul>\r\n                <li>No technical or data skills required</li>\r\n                <li>In-built HRBP dashboards</li>\r\n                <li>Easy to understand HR analytics</li>\r\n                <li>Ready-made stakeholder reports</li>\r\n                <li>Pre-calculated HR metrics</li>\r\n                <li>Create your own reports</li>\r\n            </ul>\r\n        </div>\r\n    </>;\r\n\r\n    const block2 =\r\n        <div className=\"px-0 py-4\">\r\n            <img src={flag} className=\"my-0 mb-4\" width=\"100%\" height=\"40x\" alt=\"\" aria-label=\"Home\" />\r\n            <h2>Compare historical data and make predictions</h2>\r\n            <ul>\r\n                <li>Quickly import, combine and compare data</li>\r\n                <li>Easily identify patterns, trends and problems</li>\r\n                <li>Interactive filters and drill-downs to analyse data</li>\r\n                <li>Predict what-if outcomes and monitor improvement</li>\r\n                <li>Create or re-use ad-hoc reports</li>\r\n            </ul>\r\n        </div>;\r\n\r\n    const block3 = <>\r\n        <div className=\"px-0 py-4\">\r\n            <img src={map} className=\"my-0 mb-4\" width=\"100%\" height=\"40x\" alt=\"\" aria-label=\"Home\" />\r\n\r\n            <h2>Manage stakeholder conversations about People</h2>\r\n            <ul>\r\n                <li>Confidently talk about HR and financial data</li>\r\n                <li>Strategically lead discussions using analysis</li>\r\n                <li>Schedule BAU reports and manage expectations</li>\r\n                <li>Instantly respond to common HR data requests</li>\r\n                <li>Show audience how to improve people decisions</li>\r\n            </ul>\r\n        </div>\r\n    </>;\r\n\r\n    return <div className=\"row row-cols-1 row-cols-sm-3\">\r\n        <div className=\"col qbl-block-1 px-4\">\r\n            {block1}\r\n        </div>\r\n        <div className=\"col qbl-block-2 px-4\">\r\n            {block2}\r\n        </div>\r\n        <div className=\"col qbl-block-1 px-4\">\r\n            {block3}\r\n        </div>\r\n    </div>;\r\n}\r\n\r\nconst PeopleAnalytics = () =>\r\n    <>\r\n        <Helmet title=\"Qebal People Analytics\" htmlAttributes={{ lang: 'en' }} />\r\n        <Navigation />\r\n        <Content>\r\n            <div className=\"container-lg\">\r\n                <PageBanner />\r\n                <PageIntro />\r\n                <PageBody />\r\n                <PageFeatures />\r\n            </div>\r\n        </Content>\r\n    </>;\r\n\r\nexport default PeopleAnalytics;","export default \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJmbGFnLWNoZWNrZXJlZCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWZsYWctY2hlY2tlcmVkIGZhLXctMTYiIHJvbGU9ImltZyINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj4NCiAgICA8cGF0aCBmaWxsPSIjM2E2Yjg0IiBkPSJNNDY0IDk2LjNjLTIyLjUgOC45LTQ5LjcgMTcuNC03Ni44IDIyLjJ2NzIuNmMyNi44LTQuNCA1MS43LTEzLjggNzYuOC0yMy43em0wIDIxMi41di03MS4xYy0xNi44IDEwLjYtNDYuOCAyMS41LTc2LjggMjUuNXY3MmMzMC43LTMuMiA1OC42LTE0LjkgNzYuOC0yNi40ek04MCAxODYuM2MxNi4yLTEwLjIgNDYuOS0yMC43IDc2LjgtMjVWODguOEMxMjYuMSA5MiA5OC4yIDEwMy43IDgwIDExNS4yem0wIDEzMy41YzIzLjEtNy43IDUwLjMtMTMuMSA3Ni44LTE2di03MS43Yy0yNiAyLjctNTIgOC40LTc2LjggMTYuNnptMjMwLjQtNjMuMWMtMjUuMS02LjktNDkuNi0xNi42LTc2LjgtMjIuMnY2OS43YzI3LjcgNC43IDUyIDE0IDc2LjggMjEuNHYtNjguOWMyNy41IDcuNiA0OS43IDEwLjEgNzYuOCA2LjV2LTcyLjFjLTI0LjQgNC00OC42IDMuNi03Ni44LTIuNXpNNDc3LjkgMzcuOGMtMzYuOCAxNy4xLTg2LjMgMzYuOS0xMzMuNSAzNi45LTU2LjcgMC0xMDItMzQuNy0xNzEuOS0zNC43LTI4LjUgMC01My43IDUuMy03NyAxNC40Qzk5LjYgMjQuNyA3NS44LTEuMSA0Ni4xIDAgMjEuNSAxIDEuNCAyMC44LjEgNDUuM2MtMS4yIDIyLjEgMTIuNSA0MS4xIDMxLjkgNDhWNTAwYzAgNi42IDUuNCAxMiAxMiAxMmg4YzYuNiAwIDEyLTUuNCAxMi0xMlYzNzguNGMzMS40LTE0LjUgNzIuMS0yOS4xIDEzNS43LTI5LjEgNTYuNiAwIDEwMS45IDM0LjcgMTcxLjggMzQuNyA1MS4zIDAgOTEuOS0xNy4yIDEzMC00MyA2LjYtNC41IDEwLjUtMTEuOSAxMC41LTE5LjlWNTkuNWMwLTE3LjUtMTguMi0yOS4xLTM0LjEtMjEuN3pNNDggNjhjLTExIDAtMjAtOS0yMC0yMHM5LTIwIDIwLTIwIDIwIDkgMjAgMjAtOSAyMC0yMCAyMHptNDMyIDI0OS4zQzQ1Ni45IDMzNCA0MTUuNSAzNTIgMzcxLjUgMzUyYy02My42IDAtMTA4LjItMzQuNy0xNzEuOC0zNC43LTQ2IDAtMTAyLjMgMTAuMi0xMzUuNyAyNlYxMDYuN0M4Ny4xIDkwIDEyOC41IDcyIDE3Mi41IDcyYzYzLjYgMCAxMDguMiAzNC43IDE3MS44IDM0LjcgNDUuOSAwIDEwMi4yLTE4LjggMTM1LjctMzQuN3pNMzEwLjQgMTE5LjdjLTI3LjctNC43LTUyLjMtMTQuMi03Ni44LTIxLjR2NjcuOWMyNS4zIDYuNyA0OS42IDE2LjQgNzYuOCAyMi40em0tMTUzLjYgNDEuNXY3MC45YzM0LjItMy42IDU2LjItMS43IDc2LjggMi41di02OC40Yy0yOS43LTcuOC01MS4zLTguNy03Ni44LTV6Ij48L3BhdGg+DQo8L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJtYXAtbWFya2VyLXF1ZXN0aW9uIiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtbWFwLW1hcmtlci1xdWVzdGlvbiBmYS13LTEyIiByb2xlPSJpbWciDQogICAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzg0IDUxMiI+DQogICAgPHBhdGggZmlsbD0iIzZFQTRCRiIgZD0iTTE5MiAwQzg2LjQgMCAwIDg2LjQgMCAxOTJjMCA3Ni44IDI1LjYgOTkuMiAxNzIuOCAzMTAuNCA0LjggNi40IDEyIDkuNiAxOS4yIDkuNnMxNC40LTMuMiAxOS4yLTkuNkMzNTguNCAyOTEuMiAzODQgMjY4LjggMzg0IDE5MiAzODQgODYuNCAyOTcuNiAwIDE5MiAwem0uMDEgNDc0LjAxYy0xOS42Ny0yOC4xNy0zNy4wOS01Mi44NS01Mi40OS03NC42OUM0Mi42NCAyNjEuOTcgMzIgMjQ1LjExIDMyIDE5MmMwLTg4LjIyIDcxLjc4LTE2MCAxNjAtMTYwczE2MCA3MS43OCAxNjAgMTYwYzAgNTMuMTEtMTAuNjQgNjkuOTctMTA3LjUyIDIwNy4zMS0xNS41MiAyMi4wMS0zMy4wOSA0Ni45Mi01Mi40NyA3NC43ek0xOTIgMjk2Yy0xMy4yNiAwLTI0IDEwLjc0LTI0IDI0IDAgMTMuMjUgMTAuNzQgMjQgMjQgMjRzMjQtMTAuNzUgMjQtMjRjMC0xMy4yNi0xMC43NC0yNC0yNC0yNHptLjY4LTIwMGMtNDEuMDkgMC03NS4wMiAzMS4xMi03OS41IDcxLjAxLS41NCA0Ljc3IDMuMiA4Ljk5IDggOC45OWgxNi4xM2MzLjk1IDAgNy4yOS0yLjkgNy44NS02LjgxIDMuMzEtMjMuMjYgMjMuMzYtNDEuMTkgNDcuNTItNDEuMTkgMzEuMTkgMCA0OCAyNC43MyA0OCA0OCAwIDIwLjYyLTIwLjg0IDMyLjUzLTU1LjE2IDQ5LjY5YTE1Ljk5NiAxNS45OTYgMCAwIDAtOC44NCAxNC4zMXYyNGMwIDQuNDIgMy41OCA4IDggOGgxNmM0LjQyIDAgOC0zLjU4IDgtOHYtMTQuMTRjMzEuNjYtMTYuMDkgNjQtMzUuNTYgNjQtNzMuODYgMC0zOS4zMy0yOS45NC04MC04MC04MHoiPjwvcGF0aD4NCjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhbCIgZGF0YS1pY29uPSJ1c2VycyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXVzZXJzIGZhLXctMjAiIHJvbGU9ImltZyINCiAgICB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2NDAgNTEyIj4NCiAgICA8cGF0aCBmaWxsPSIjNkVBNEJGIiBkPSJNNTQ0IDIyNGM0NC4yIDAgODAtMzUuOCA4MC04MHMtMzUuOC04MC04MC04MC04MCAzNS44LTgwIDgwIDM1LjggODAgODAgODB6bTAtMTI4YzI2LjUgMCA0OCAyMS41IDQ4IDQ4cy0yMS41IDQ4LTQ4IDQ4LTQ4LTIxLjUtNDgtNDggMjEuNS00OCA0OC00OHpNMzIwIDI1NmM2MS45IDAgMTEyLTUwLjEgMTEyLTExMlMzODEuOSAzMiAzMjAgMzIgMjA4IDgyLjEgMjA4IDE0NHM1MC4xIDExMiAxMTIgMTEyem0wLTE5MmM0NC4xIDAgODAgMzUuOSA4MCA4MHMtMzUuOSA4MC04MCA4MC04MC0zNS45LTgwLTgwIDM1LjktODAgODAtODB6bTI0NCAxOTJoLTQwYy0xNS4yIDAtMjkuMyA0LjgtNDEuMSAxMi45IDkuNCA2LjQgMTcuOSAxMy45IDI1LjQgMjIuNCA0LjktMi4xIDEwLjItMy4zIDE1LjctMy4zaDQwYzI0LjIgMCA0NCAyMS41IDQ0IDQ4IDAgOC44IDcuMiAxNiAxNiAxNnMxNi03LjIgMTYtMTZjMC00NC4xLTM0LjEtODAtNzYtODB6TTk2IDIyNGM0NC4yIDAgODAtMzUuOCA4MC04MHMtMzUuOC04MC04MC04MC04MCAzNS44LTgwIDgwIDM1LjggODAgODAgODB6bTAtMTI4YzI2LjUgMCA0OCAyMS41IDQ4IDQ4cy0yMS41IDQ4LTQ4IDQ4LTQ4LTIxLjUtNDgtNDggMjEuNS00OCA0OC00OHptMzA0LjEgMTgwYy0zMy40IDAtNDEuNyAxMi04MC4xIDEyLTM4LjQgMC00Ni43LTEyLTgwLjEtMTItMzYuMyAwLTcxLjYgMTYuMi05Mi4zIDQ2LjktMTIuNCAxOC40LTE5LjYgNDAuNS0xOS42IDY0LjNWNDMyYzAgMjYuNSAyMS41IDQ4IDQ4IDQ4aDI4OGMyNi41IDAgNDgtMjEuNSA0OC00OHYtNDQuOGMwLTIzLjgtNy4yLTQ1LjktMTkuNi02NC4zLTIwLjctMzAuNy01Ni00Ni45LTkyLjMtNDYuOXpNNDgwIDQzMmMwIDguOC03LjIgMTYtMTYgMTZIMTc2Yy04LjggMC0xNi03LjItMTYtMTZ2LTQ0LjhjMC0xNi42IDQuOS0zMi43IDE0LjEtNDYuNCAxMy44LTIwLjUgMzguNC0zMi44IDY1LjctMzIuOCAyNy40IDAgMzcuMiAxMiA4MC4yIDEyczUyLjgtMTIgODAuMS0xMmMyNy4zIDAgNTEuOSAxMi4zIDY1LjcgMzIuOCA5LjIgMTMuNyAxNC4xIDI5LjggMTQuMSA0Ni40VjQzMnpNMTU3LjEgMjY4LjljLTExLjktOC4xLTI2LTEyLjktNDEuMS0xMi45SDc2Yy00MS45IDAtNzYgMzUuOS03NiA4MCAwIDguOCA3LjIgMTYgMTYgMTZzMTYtNy4yIDE2LTE2YzAtMjYuNSAxOS44LTQ4IDQ0LTQ4aDQwYzUuNSAwIDEwLjggMS4yIDE1LjcgMy4zIDcuNS04LjUgMTYuMS0xNiAyNS40LTIyLjR6Ij48L3BhdGg+DQo8L3N2Zz4=\""],"names":["PageBanner","title","subtitle","sparkle","className","src","splash","alt","action","to","caption","PageIntro","intro","PageBody","body1","body2","PageFeatures","block1","people","width","height","block2","flag","block3","map","Helmet","htmlAttributes","lang"],"sourceRoot":""}