{"version":3,"sources":["webpack:///./src/components/common/contentSections/ContentHero.tsx","webpack:///./src/components/common/ImageContentRow.tsx","webpack:///./src/pages/about-us.tsx","webpack:///./src/components/common/ContentImageRow.tsx","webpack:///./src/utils/image.ts"],"names":["ContentHero","heading","desc","buttonText","imageUrl","noGutters","style","backgroundImage","md","lg","paddingLeft","paddingTop","fontSize","color","paddingBottom","src","ImageContentRow","title","paddingRight","textAlign","fontWeight","padding","howItWorksList","teamMembersList","AboutUsContentData","id","AboutUs","xs","map","key","item","marginBottom","height","width","borderRadius","ContentImageRow","Image","styled","img"],"mappings":"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","file":"component---src-pages-about-us-tsx-8c56e454edb343de769d.js","sourcesContent":["import React, { ReactElement } from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { ColoredButton } from '../Buttons';\nimport { Image } from '../../../utils/image';\n\ninterface ContentHeroProps {\n    heading: string;\n    desc: string;\n    buttonText?: string;\n    imageUrl: string;\n}\n\nconst ContentHero = ({\n    heading,\n    desc,\n    buttonText,\n    imageUrl,\n}: ContentHeroProps): ReactElement => (\n    <Row\n        noGutters\n        style={{\n            backgroundImage: `linear-gradient(to bottom, #fffcf9, #fff8f0)`,\n        }}\n    >\n        <Col md=\"12\" lg=\"5\" style={{ paddingLeft: `3rem`, paddingTop: `2rem` }}>\n            <div style={{ fontSize: `3rem`, color: `#2e598f` }}>{heading}</div>\n            <div\n                style={{\n                    paddingTop: `1rem`,\n                    fontSize: `1.05rem`,\n                    color: `#535b6c`,\n                }}\n            >\n                {desc}\n            </div>\n            {buttonText && (\n                <div style={{ paddingTop: `1rem`, paddingBottom: `1rem` }}>\n                    <ColoredButton>{buttonText}</ColoredButton>\n                </div>\n            )}\n        </Col>\n        <Col md=\"12\" lg=\"7\" style={{ paddingLeft: `1rem`, paddingTop: `2rem` }}>\n            <Image src={imageUrl} />\n        </Col>\n    </Row>\n);\n\nexport default ContentHero;\n","import React from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { Image } from '../../utils/image';\n\ninterface ImageContentRowProps {\n    title: string;\n    desc: string;\n    imageUrl: string;\n}\n\nconst ImageContentRow = ({ title, desc, imageUrl }: ImageContentRowProps) => (\n    <Row\n        style={{\n            paddingLeft: `6rem`,\n            paddingRight: `6rem`,\n            paddingTop: `1rem`,\n            paddingBottom: `2rem`,\n        }}\n        noGutters\n    >\n        <Col\n            md=\"12\"\n            lg=\"6\"\n            style={{\n                textAlign: `center`,\n\n                color: `#535b6c`,\n            }}\n        >\n            <Image src={imageUrl} />\n        </Col>\n        <Col\n            md=\"12\"\n            lg=\"6\"\n            style={{\n                textAlign: `center`,\n                // paddingTop: '3rem',\n                color: `#535b6c`,\n                // paddingBottom: '5rem',\n            }}\n        >\n            <div\n                style={{\n                    fontSize: `1.5rem`,\n                    color: `#3c4043`,\n                    fontWeight: `bold`,\n                    paddingTop: `5rem`,\n                    textAlign: `center`,\n                }}\n            >\n                {title}\n            </div>\n            <p\n                style={{\n                    padding: `1rem`,\n                    color: `#535b6c`,\n                    textAlign: `center`,\n                }}\n            >\n                {desc}\n            </p>\n        </Col>\n    </Row>\n);\n\nexport default ImageContentRow;\n","import React, { ReactElement } from 'react';\nimport { Col, Container, Row } from 'react-bootstrap';\nimport { Layout } from '../components/common';\nimport ContentImageRow from '../components/common/ContentImageRow';\nimport ContentHero from '../components/common/contentSections/ContentHero';\nimport ImageContentRow from '../components/common/ImageContentRow';\nimport { ContentData } from '../utils/entities';\nimport { Image } from '../utils/image';\n\nconst howItWorksList: { title: string; desc: string }[] = [\n    {\n        title: `Register User / Company`,\n        desc: `WorkForce / Employee Identity management - Useful Unified view to view all employees and assign them into different groups based on different departments and permission to different resources. `,\n    },\n    {\n        title: `Get Users Onboard`,\n        desc: `WorkForce / Employee Identity management - Useful Unified view to view all employees and assign them into different groups based on different departments and permission to different resources. `,\n    },\n    {\n        title: `Subcribe `,\n        desc: `WorkForce / Employee Identity management - Useful Unified view to view all employees and assign them into different groups based on different departments and permission to different resources. `,\n    },\n];\n\nconst teamMembersList: { title: string; desc: string; imageUrl: string }[] = [\n    {\n        title: `CEO : Mr Williams Charles`,\n        desc: `Reduce the amount of forms to fill for endless applications and provide api\n            interoperability of data between user and company requiring data.`,\n        imageUrl: `http://via.placeholder.com/480x480`,\n    },\n    {\n        title: `COO : Mrs Bola Adenuga`,\n        desc: `Reduce the amount of forms to fill for endless applications and provide api\n            interoperability of data between user and company requiring data.`,\n        imageUrl: `http://via.placeholder.com/480x480`,\n    },\n    {\n        title: `HR : Mr Remi Martins `,\n        desc: `Reduce the amount of forms to fill for endless applications and provide api\n            interoperability of data between user and company requiring data.`,\n        imageUrl: `http://via.placeholder.com/480x480`,\n    },\n];\n\nconst AboutUsContentData: ContentData[] = [\n    {\n        id: 1,\n        title: `Our Vision`,\n        desc: `Our vision is to be the number 1 identity management cloud service in Africa, providing end-users with the means to do their job effectively while having the best user experience throughout their authentication and authorization lifecycle.`,\n        imageUrl: `images/about-us-vision.svg`,\n    },\n    {\n        id: 2,\n        title: `Our Mission`,\n        desc: `Our mission is to automate the interaction between individuals, organizations and identity domains as seamlessly as possible with high level of security assurance`,\n        imageUrl: `images/about-us-mission.svg`,\n    },\n];\n\nconst AboutUs = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"All You Need To Know About Us\"\n                desc=\"StackIAM is a cloud SASS independent Identity Provider, Validation and Management solution designed for customers, governments and businesses.\"\n                imageUrl=\"/images/about-us-hero.svg\"\n            />\n            <Row\n                style={{\n                    paddingLeft: `6rem`,\n                    paddingRight: `6rem`,\n                    paddingTop: `1rem`,\n                    paddingBottom: `2rem`,\n                }}\n                noGutters\n            >\n                <Col\n                    md=\"12\"\n                    lg=\"6\"\n                    style={{\n                        textAlign: `center`,\n                        // paddingTop: '3rem',\n                        color: `#535b6c`,\n                        // paddingBottom: '5rem',\n                    }}\n                >\n                    <div\n                        style={{\n                            fontSize: `1.5rem`,\n                            color: `#3c4043`,\n                            fontWeight: `bold`,\n                            paddingTop: `2rem`,\n                            textAlign: `center`,\n                        }}\n                    >\n                        Company Description\n                    </div>\n                    <p\n                        style={{\n                            padding: `1rem`,\n                            color: `#535b6c`,\n                            textAlign: `center`,\n                        }}\n                    >\n                        Creates a potential marketplace for People where\n                        business can directly meet users. It also provides an\n                        interoperable access to user data across different\n                        industries. Users will be able to use the Service as a\n                        secure single-sign on provider and move their data\n                        across different applications. Also provide a user\n                        Identity Api allowing user data interoperable and\n                        accessible across different platforms. EveryUser in\n                        StackIAM has 1 identity on the platform.\n                    </p>\n                </Col>\n                <Col\n                    md=\"12\"\n                    lg=\"6\"\n                    style={{\n                        textAlign: `center`,\n                        // paddingTop: '3rem',\n                        color: `#535b6c`,\n                        // paddingBottom: '5rem',\n                    }}\n                >\n                    <Image src=\"/images/about-us-company-desc@3x.png\" />\n                </Col>\n            </Row>\n            <Row noGutters>\n                <Col\n                    xs=\"12\"\n                    style={{\n                        textAlign: `center`,\n                        paddingTop: `3rem`,\n                        color: `#2e598f`,\n                        paddingBottom: `3rem`,\n                    }}\n                >\n                    <div\n                        style={{\n                            fontSize: `2rem`,\n                            paddingBottom: `1rem`,\n                        }}\n                    >\n                        How It Works\n                    </div>\n                </Col>\n            </Row>\n            <Row noGutters>\n                {howItWorksList.map(({ title, desc }) => (\n                    <Col\n                        key={title}\n                        md=\"12\"\n                        lg=\"4\"\n                        style={{ textAlign: `center` }}\n                    >\n                        <div\n                            style={{\n                                fontSize: `1.2rem`,\n                                fontWeight: `bold`,\n                                paddingTop: `1rem`,\n                            }}\n                        >\n                            {title}\n                        </div>\n                        <p\n                            style={{\n                                padding: `1rem`,\n                                paddingLeft: `1rem`,\n                                paddingRight: `1rem`,\n                                color: `#535b6c`,\n                            }}\n                        >\n                            {desc}\n                        </p>\n                    </Col>\n                ))}\n            </Row>\n            {AboutUsContentData.map((item) => {\n                if (item.id % 2 === 0) {\n                    return <ContentImageRow key={item.id} {...item} />;\n                } else {\n                    return <ImageContentRow key={item.id} {...item} />;\n                }\n            })}\n            <Row noGutters>\n                <Col\n                    xs=\"12\"\n                    style={{\n                        textAlign: `center`,\n                        paddingTop: `3rem`,\n                        color: `#2e598f`,\n                        paddingBottom: `3rem`,\n                    }}\n                >\n                    <div\n                        style={{\n                            fontSize: `2rem`,\n                            paddingBottom: `1rem`,\n                        }}\n                    >\n                        Our Team Members\n                    </div>\n                </Col>\n            </Row>\n            <Row style={{ marginBottom: `5rem` }} noGutters>\n                {teamMembersList.map(({ title, desc, imageUrl }) => (\n                    <Col\n                        key={title}\n                        md=\"12\"\n                        lg=\"4\"\n                        style={{ textAlign: `center` }}\n                    >\n                        <Image\n                            style={{\n                                height: `16rem`,\n                                width: `16rem`,\n                                borderRadius: `1rem`,\n                            }}\n                            src={imageUrl}\n                        />\n                        <div\n                            style={{\n                                fontSize: `1.2rem`,\n                                fontWeight: `bold`,\n                                paddingTop: `1rem`,\n                            }}\n                        >\n                            {title}\n                        </div>\n                        <p\n                            style={{\n                                padding: `1rem`,\n                                paddingLeft: `1rem`,\n                                paddingRight: `1rem`,\n                                color: `#535b6c`,\n                            }}\n                        >\n                            {desc}\n                        </p>\n                    </Col>\n                ))}\n            </Row>\n        </Container>\n    </Layout>\n);\n\nexport default AboutUs;\n","import React from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { Image } from '../../utils/image';\n\ninterface ContentImageRowProps {\n    title: string;\n    desc: string;\n    imageUrl: string;\n}\n\nconst ContentImageRow = ({ title, desc, imageUrl }: ContentImageRowProps) => (\n    <Row\n        style={{\n            paddingLeft: `6rem`,\n            paddingRight: `6rem`,\n            paddingTop: `1rem`,\n            paddingBottom: `2rem`,\n        }}\n        noGutters\n    >\n        <Col\n            md=\"12\"\n            lg=\"6\"\n            style={{\n                textAlign: `center`,\n                // paddingTop: '3rem',\n                color: `#535b6c`,\n                // paddingBottom: '5rem',\n            }}\n        >\n            <div\n                style={{\n                    fontSize: `1.5rem`,\n                    color: `#3c4043`,\n                    fontWeight: `bold`,\n                    paddingTop: `2rem`,\n                    textAlign: `center`,\n                }}\n            >\n                {title}\n            </div>\n            <p\n                style={{\n                    padding: `1rem`,\n                    color: `#535b6c`,\n                    textAlign: `center`,\n                }}\n            >\n                {desc}\n            </p>\n        </Col>\n        <Col\n            md=\"12\"\n            lg=\"6\"\n            style={{\n                textAlign: `center`,\n                // paddingTop: '3rem',\n                color: `#535b6c`,\n                // paddingBottom: '5rem',\n            }}\n        >\n            <Image src={imageUrl} />\n        </Col>\n    </Row>\n);\n\nexport default ContentImageRow;\n","import styled from '@emotion/styled';\n\nexport const Image = styled.img`\n    object-fit: contain;\n    width: 90%;\n    height: 90%;\n    align-self: center;\n`;\n"],"sourceRoot":""}