{"version":3,"file":"component---src-pages-about-us-tsx-a532cf0bce076f06dad5.js","mappings":"kMAAA,EAAe,IAA0B,iDCAzC,EAAe,IAA0B,iDC6BzC,SAASA,IACL,IAAMC,EAAQ,gCACV,sCACA,gMACA,sHAGJ,OAAO,uBAAKC,UAAU,0CAClB,uBAAKA,UAAU,4BACVD,IAQb,SAASE,IACL,IAAMC,EAAQ,gCACV,4CACA,sEACA,+OAKA,6DACA,sVAMA,kEACA,wPAIA,0TAMJ,OAAO,uBAAKF,UAAU,iBAClB,uBAAKA,UAAU,YACVE,IASb,SAASC,IACL,IAAMC,EAAS,gCACX,uBAAKJ,UAAU,aACX,0CAAiB,uCACjB,gDACA,uBAAKK,IAAKC,EAAIN,UAAU,2BAA2BO,MAAM,QAAQC,OAAO,OAAOC,IAAI,GAAG,aAAW,KAEjG,8NAIA,gKAOFC,EACF,uBAAKV,UAAU,aACX,6CACA,+CACA,uBAAKK,IAAKM,EAAIX,UAAU,2BAA2BO,MAAM,QAAQC,OAAO,OAAOC,IAAI,GAAG,aAAW,KAEjG,sJAIA,0OAMR,OAAO,uBAAKT,UAAU,YAClB,uBAAKA,UAAU,oBACX,kDAEJ,uBAAKA,UAAU,wBAAwBI,GACvC,uBAAKJ,UAAU,wBAAwBU,IAK/C,IAqBA,EArBgB,WACZ,OAAO,gCACH,gBAACE,EAAA,EAAD,CAAQC,MAAM,mBAAmBC,eAAgB,CAAEC,KAAM,QACzD,gBAAC,KAAD,MACA,gBAAC,KAAD,KACI,uBAAKf,UAAU,gBACX,gBAACF,EAAD,MACA,gBAACG,EAAD,OAIJ,uBAAKD,UAAU,eACX,uBAAKA,UAAU,gBAEX,gBAACG,EAAD","sources":["webpack://qebal-website/./src/images/hr.png","webpack://qebal-website/./src/images/ss.png","webpack://qebal-website/./src/pages/about-us.tsx"],"sourcesContent":["export default __webpack_public_path__ + \"static/hr-432df96b0cc578135ab827551ed020ff.png\";","export default __webpack_public_path__ + \"static/ss-cce2b8fc02e11a12df9442377b39bc6c.png\";","import * 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\nimport hr from \"../images/hr.png\";\r\nimport ss from \"../images/ss.png\";\r\n\r\n// --------------------------------------------------------------------------------\r\n// Banner\r\n// --------------------------------------------------------------------------------\r\nfunction PageBanner(): JSX.Element {\r\n    const title = <>About us</>;\r\n\r\n    const subtitle = <>\r\n        <p>The Qebal People Analytics Platform is designed and developed by HR-Fundamentals, a private company based in the United Kingdom. We've been established since 2002.</p>\r\n        <p>First and foremost, we're an HR team with a strong understanding of technology and data.</p>\r\n    </>;\r\n\r\n    return <Banner\r\n        title={title}\r\n        subtitle={subtitle}\r\n        action={{ to: \"/contact-us/\", caption: \"Get started\" }}\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>About us</h1>\r\n        <p>The Qebal People Analytics Platform is designed and developed by HR-Fundamentals, a private company based in the United Kingdom. We've been established since 2002.</p>\r\n        <p>First and foremost, we're an HR team with a strong understanding of technology and data.</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// Body\r\n// --------------------------------------------------------------------------------\r\nfunction PageBody(): JSX.Element {\r\n    const body1 = <>\r\n        <h2>Our background</h2>\r\n        <h3>2002 &mdash; A traditional HR services company</h3>\r\n        <p>\r\n            Our roots are traditional HR - supporting the day-to-day of employee behaviour, manager support and operational performance.\r\n            We helped medium sized businesses navigate their people challenges and opportunities.\r\n        </p>\r\n\r\n        <h3>2008 &mdash; A focus on HR technology</h3>\r\n        <p>\r\n            We made a strategic decision to focus on HR technology, building innovative software solutions to help our customers manage their employee performance and communications.\r\n            We were an early adopter of cloud-based software delivery, allowing rapid delivery of new features to\r\n            customers with offices across the world.\r\n        </p>\r\n\r\n        <h3>2018 &mdash; Delivering value from HR data</h3>\r\n        <p>\r\n            More of our clients wanted to improve their strategic decision making and better understand their data. We built new systems\r\n            for our clients to help them deliver their strategic objectives and transformation programmes.\r\n        </p>\r\n        <p>\r\n            We started the process of designing and implementing sophisticated cloud-based software to help organisations of all sizes undertand their data.\r\n            Our early objectives were to help HR people be more strategic, support business leaders and to help them drive their organisations forward.\r\n        </p>\r\n    </>;\r\n\r\n    return <div className=\"row pb-4 gy-4\">\r\n        <div className=\"col px-4\">\r\n            {body1}\r\n        </div>\r\n    </div>;\r\n}\r\n\r\n\r\n// --------------------------------------------------------------------------------\r\n// Leadership\r\n// --------------------------------------------------------------------------------\r\nfunction PageLeadership(): JSX.Element {\r\n    const block1 = <>\r\n        <div className=\"px-0 py-4\">\r\n            <h3>Helen Ramsey <small>FCIPD</small></h3>\r\n            <p>Operations Director</p>\r\n            <img src={hr} className=\"rounded-circle my-0 mb-4\" width=\"100px\" height=\"100x\" alt=\"\" aria-label=\"\" />\r\n\r\n            <p>\r\n                Helen founded the Company in 2002 and is responsible for strategy and operations. She has over 30 years of\r\n                experience helping medium and large organisations get the most out of their employees.\r\n            </p>\r\n            <p>\r\n                Helen's specialist focus within HR is data and technology, helping department heads and business\r\n                leaders make informed decisions.\r\n            </p>\r\n        </div>\r\n    </>;\r\n\r\n    const block2 =\r\n        <div className=\"px-0 py-4\">\r\n            <h3>Stephen Simmons</h3>\r\n            <p>Technical Director</p>\r\n            <img src={ss} className=\"rounded-circle my-0 mb-4\" width=\"100px\" height=\"100x\" alt=\"\" aria-label=\"\" />\r\n\r\n            <p>\r\n                Stephen is responsible for our technical strategy and platform architecture. He also leads the\r\n                software development team.\r\n            </p>\r\n            <p>\r\n                Stephen has over 25 years of experience delivering successful projects in the telecomms,\r\n                pharmaceuticals and insurance sectors. He has advised start-ups, investors and growing businesses in the US and UK.\r\n            </p>\r\n        </div>;\r\n\r\n    return <div className=\"row gx-4\">\r\n        <div className=\"col-12 pt-4 px-4\">\r\n            <h2>Our leadership team</h2>\r\n        </div>\r\n        <div className=\"col-12 col-sm-6 px-4\">{block1}</div>\r\n        <div className=\"col-12 col-sm-6 px-4\">{block2}</div>\r\n    </div>\r\n}\r\n\r\n\r\nconst AboutUs = () => {\r\n    return <>\r\n        <Helmet title=\"Qebal / About us\" htmlAttributes={{ lang: 'en' }} />\r\n        <Navigation />\r\n        <Content>\r\n            <div className=\"container-lg\">\r\n                <PageIntro />\r\n                <PageBody />\r\n            </div>\r\n\r\n\r\n            <div className=\"qbl-block-1\">\r\n                <div className=\"container-lg\">\r\n\r\n                    <PageLeadership />\r\n                </div>\r\n            </div>\r\n        </Content>\r\n    </>\r\n};\r\n\r\nexport default AboutUs;"],"names":["PageIntro","intro","className","PageBody","body1","PageLeadership","block1","src","hr","width","height","alt","block2","ss","Helmet","title","htmlAttributes","lang"],"sourceRoot":""}