{"version":3,"file":"component---src-pages-dashboards-and-reports-tsx-8452939ae171490b309e.js","mappings":"kMAAA,EAAe,IAA0B,uD,8BCczC,SAASA,IACL,IAAMC,EAAQ,mFAERC,EAAW,gCACb,iFAAwD,2BAAxD,iDACkD,2BADlD,6CAMEC,EAAU,uBAAKC,UAAU,eAC3B,uBAAKC,IAAKC,EAAUC,IAAI,uBAAuBH,UAAU,oCAG7D,OAAO,gBAAC,KAAD,CACHH,MAAOA,EACPC,SAAUA,EACVM,OAAQ,CAAEC,GAAI,eAAgBC,QAAS,kBACvCP,QAASA,IAQjB,SAASQ,IACL,IAAMC,EAAQ,gCACV,kEACA,yHAGA,yIAKJ,OAAO,uBAAKR,UAAU,0CAClB,uBAAKA,UAAU,4BACVQ,IASb,SAASC,IACL,IAAMC,EAAQ,gCACV,oDACA,kHACA,wLACA,4JAGEC,EAAQ,gCACV,sDACA,gHACA,iPACA,qKAGJ,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,0CACA,0BACI,gEACA,qEACA,kEAKNc,EACF,uBAAKjB,UAAU,aACX,uBAAKC,IAAKiB,EAAAA,EAAMlB,UAAU,YAAYe,MAAM,OAAOC,OAAO,MAAMb,IAAI,GAAG,aAAW,SAClF,8CACA,0BACI,wDACA,8DACA,uEAINgB,EAAS,gCACX,uBAAKnB,UAAU,aACX,uBAAKC,IAAKmB,EAAAA,EAAKpB,UAAU,YAAYe,MAAM,OAAOC,OAAO,MAAMb,IAAI,GAAG,aAAW,SAEjF,gDACA,0BACI,6DACA,2DACA,mEAKZ,OAAO,uBAAKH,UAAU,gCAClB,uBAAKA,UAAU,wBACVa,GAEL,uBAAKb,UAAU,wBACViB,GAEL,uBAAKjB,UAAU,wBACVmB,IAOb,IAcA,EAdwB,kBACpB,gCACI,gBAACE,EAAA,EAAD,CAAQxB,MAAM,gCAAgCyB,eAAgB,CAAEC,KAAM,QACtE,gBAAC,KAAD,MACA,gBAAC,KAAD,KACI,uBAAKvB,UAAU,gBACX,gBAACJ,EAAD,MACA,gBAACW,EAAD,MACA,gBAACE,EAAD,MACA,gBAACG,EAAD,W,mBCzJhB,86D,mBCAA,03C,mBCAA","sources":["webpack://qebal-website/./src/images/calendar.png","webpack://qebal-website/./src/pages/dashboards-and-reports.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/calendar-9adb7e497dfa612362246b809cd39902.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 calendar from \"../images/calendar.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 = <>Strategic workforce insights for senior leaders</>;\r\n\r\n    const subtitle = <>\r\n        <p>Identify your organsation's strengths and weaknesses.<br />\r\n            Inform organisation change with clear reports.<br />\r\n            Track the delivery of change programmes.</p>\r\n    </>;\r\n\r\n    // const sparkle = <img className=\"w-100 h-100 border ps-2 py-2 bg-white\" src={calendar} width=\"417px\" height=\"288px\" alt=\"\" aria-label=\"\" />;\r\n    const sparkle = <div className=\"text-md-end\">\r\n        <img src={calendar} alt=\"Sample calender view\" 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// --------------------------------------------------------------------------------\r\n// Introduction\r\n// --------------------------------------------------------------------------------\r\nfunction PageIntro(): JSX.Element {\r\n    const intro = <>\r\n        <h2>Your strategic HR analytics platform</h2>\r\n        <p>\r\n            Uncover insights from your existing data with the tools and skills your people already have.\r\n        </p>\r\n        <p>\r\n            Leverage the investments you've already made to drive marginal gains and deliver transformation programmes.\r\n        </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>See the bigger picture</h2>\r\n        <p>We’ve included an array of pre-built dashboards for HR business partners and leaders.</p>\r\n        <p>Each dashboard focuses on a specific HR topic to help you identify what’s happening across your organisation. No matter which population you are reviewing.</p>\r\n        <p>In no time at all you’ll be drilling into your data, using people analytics and delivering real HR insight to business owners.</p>\r\n    </>;\r\n\r\n    const body2 = <>\r\n        <h2>Guide the transformation</h2>\r\n        <p>Create a single source of truth for everything HR related within your organisation.</p>\r\n        <p>We’ve made it easy for you to combine data from HR, finance and operations systems without the need for IT support. Better still you don’t need to be a data scientist to start conducting complex HR data analysis.</p>\r\n        <p>HR metrics, scientific calculations and graphs are included in our platform to help you quickly deliver real insight about your people.</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>Ready-to-use</h2>\r\n            <ul>\r\n                <li>In-built HR dashboards and reports</li>\r\n                <li>Pre-calculated HR metrics and analytics</li>\r\n                <li>Library of graphs and chart types</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>Powerful insight</h2>\r\n            <ul>\r\n                <li>Tailor insight to audience</li>\r\n                <li>Quickly respond to data requests</li>\r\n                <li>Highlight issues and target resolution </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>Fully configurable</h2>\r\n            <ul>\r\n                <li>Customise and tailor dashboards</li>\r\n                <li>Build and create new reports </li>\r\n                <li>Brand and publish stunning reports</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\n//\r\n\r\nconst PeopleAnalytics = () =>\r\n    <>\r\n        <Helmet title=\"Qebal HR Executive Dashboards\" 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","calendar","alt","action","to","caption","PageIntro","intro","PageBody","body1","body2","PageFeatures","block1","people","width","height","block2","flag","block3","map","Helmet","htmlAttributes","lang"],"sourceRoot":""}