{"version":3,"file":"component---src-pages-why-qebal-people-analytics-tsx-b461f16ae35a0623e966.js","mappings":"sKA8BA,SAASA,IACL,IAAMC,EAAQ,gCACV,wDACA,2GACA,0HACA,8GAEA,uBAAKC,UAAU,4BACX,gBAAC,KAAD,CAAMA,UAAU,0BAA0BC,GAAG,gBAA7C,oBAIR,OAAO,uBAAKD,UAAU,0CAClB,uBAAKA,UAAU,2BACVD,IASb,SAASG,IACL,IAAMC,EAAQ,gCAEV,oEACA,0LAGA,yBACI,gBAAC,KAAD,CAAMF,GAAG,sBAAT,oCAIFG,EAAQ,gCACV,gEACA,2NAGA,yBACI,gBAAC,KAAD,CAAMH,GAAG,wBAAT,sCAIFI,EAAQ,gCACV,8DACA,qNAGA,yBACI,gBAAC,KAAD,CAAMJ,GAAG,4BAAT,0CAIFK,EAAQ,gCACV,6DACA,2NAMA,yBACI,gBAAC,KAAD,CAAML,GAAG,8BAAT,4CAIR,OAAO,uBAAKD,UAAU,+CAClB,uBAAKA,UAAU,YACVG,GAEL,uBAAKH,UAAU,YACVI,GAEL,uBAAKJ,UAAU,YACVK,GAEL,uBAAKL,UAAU,YACVM,IASb,SAASC,IACL,IAAMR,EAAQ,gCACV,2EACA,kIACA,wGACA,yHAGJ,OAAO,uBAAKC,UAAU,0CAClB,uBAAKA,UAAU,4CACVD,IAwBb,UAlBiB,WACb,OAAO,gCACH,gBAAC,IAAD,CAAQS,MAAM,8BAA8BC,eAAgB,CAAEC,KAAM,QACpE,gBAAC,KAAD,MACA,gBAAC,KAAD,KACI,uBAAKV,UAAU,gBAEX,gBAACF,EAAD,MACA,gBAACI,EAAD,MAEA,uBAAKF,UAAU,QACX,gBAACO,EAAD","sources":["webpack://qebal-website/./src/pages/why-qebal-people-analytics.tsx"],"sourcesContent":["import { Link } from \"gatsby\";\r\nimport * as React from \"react\"\r\nimport { Helmet } from \"react-helmet\";\r\nimport { Navigation, Content, Banner } from \"../components\";\r\nimport \"../styles/main.scss\";\r\n\r\n\r\n// --------------------------------------------------------------------------------\r\n// Banner\r\n// --------------------------------------------------------------------------------\r\nfunction PageBanner(): JSX.Element {\r\n    const title = <>Why Qebal People Analytics</>;\r\n\r\n    const subtitle = <>\r\n        <p>Engage your stakeholders with data‑driven conversations and be more strategic.</p>\r\n        <p>Deliver strategic workforce reports and insights for senior leaders and heads of departments.</p>\r\n        <p>Plan, monitor and track workforce changes to support organisation transformation.</p>\r\n    </>;\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    />;\r\n}\r\n\r\n\r\n// --------------------------------------------------------------------------------\r\n// Introduction\r\n// --------------------------------------------------------------------------------\r\nfunction PageIntro(): JSX.Element {\r\n    const intro = <>\r\n        <h1>Why Qebal People Analytics</h1>\r\n        <p>Engage your stakeholders with data‑driven conversations and be more strategic.</p>\r\n        <p>Deliver strategic workforce reports and insights for senior leaders and heads of departments.</p>\r\n        <p>Plan, monitor and track workforce changes to support organisation transformation.</p>\r\n\r\n        <div className=\"d-grid d-sm-inline gap-2\">\r\n            <Link className=\"btn btn-primary px-sm-4\" to=\"/contact-us/\">Request a demo</Link>\r\n        </div>\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\r\n        <h2>People analytics, metrics and insights</h2>\r\n        <p>\r\n            Pre-built reports with key HR metrics to help you offer insight to stakeholders on their team's performance, key strengths and opportunities for improvement.\r\n        </p>\r\n        <p>\r\n            <Link to=\"/people-analytics/\">More about people analytics...</Link>\r\n        </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. Provide clear overviews with the supporting information necessary to explain complex situations.\r\n        </p>\r\n        <p>\r\n            <Link to=\"/workforce-planning/\">More about workforce planning...</Link>\r\n        </p>\r\n    </>;\r\n\r\n    const body3 = <>\r\n        <h2>Workforce reports and dashboards</h2>\r\n        <p>\r\n            Combine your employee, financial and other company data to allow your HR team to analyse people related data and make future workforce predictions in a safe, HR controlled environment.\r\n        </p>\r\n        <p>\r\n            <Link to=\"/dashboards-and-reports/\">More about dashboards and reports...</Link>\r\n        </p>\r\n    </>;\r\n\r\n    const body4 = <>\r\n        <h2>Plan your workforce initiatives</h2>\r\n        <p>\r\n            Create reports to design and plan the transformation of your workforce.\r\n            Provide dashboards, regular reports and metrics to stakeholders through\r\n            the critical stages of your change programmes.\r\n        </p>\r\n\r\n        <p>\r\n            <Link to=\"/transformation-analytics/\">More about transformation analytics...</Link>\r\n        </p>\r\n    </>;\r\n\r\n    return <div className=\"row row-cols-1 row-cols-sm-2 pt-4 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 className=\"col px-4\">\r\n            {body3}\r\n        </div>\r\n        <div className=\"col px-4\">\r\n            {body4}\r\n        </div>\r\n    </div>;\r\n}\r\n\r\n\r\n// --------------------------------------------------------------------------------\r\n// Body\r\n// --------------------------------------------------------------------------------\r\nfunction PageQuote(): JSX.Element {\r\n    const intro = <>\r\n        <h2>Make HR an ally of your business stakeholders</h2>\r\n        <p>Qebal People Analytics transforms your HR data into reports and dashboards with key employee metrics.</p>\r\n        <p>Manage and plan your workforce initiatives using the data you already have.</p>\r\n        <p>Move from opinion to evidence based decision making with insightful dashboards and reports.</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 qbl-block-1 py-4\">\r\n            {intro}\r\n        </div>\r\n    </div>;\r\n}\r\n\r\n\r\nconst WhyQebal = () => {\r\n    return <>\r\n        <Helmet title=\"Qebal / Why Qebal 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\r\n                <div className=\"mt-4\">\r\n                    <PageQuote />\r\n                </div>\r\n            </div>\r\n        </Content>\r\n    </>\r\n};\r\n\r\nexport default WhyQebal;"],"names":["PageIntro","intro","className","to","PageBody","body1","body2","body3","body4","PageQuote","title","htmlAttributes","lang"],"sourceRoot":""}