{"version":3,"sources":["webpack:///./src/components/common/contentSections/ContentHero.tsx","webpack:///./src/components/common/ImageContentRow.tsx","webpack:///./src/components/common/contentSections/HeadingSection.tsx","webpack:///./src/pages/lifecycle.tsx","webpack:///./src/components/common/contentSections/BannerSection.tsx","webpack:///./src/components/common/contentSections/VideoSection.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","HeadingSection","subheading","xs","ClockerContentData","id","Clocker","map","item","key","BannerSection","background","objectFit","display","alignItems","justifyContent","verticalAlign","Video","styled","video","VideoSection","width","height","controls","ContentImageRow","Image","img"],"mappings":"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","file":"component---src-pages-lifecycle-tsx-aefc36b66e53cf902fdd.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 { Row, Col } from 'react-bootstrap';\n\ninterface HeadingSectionProps {\n    heading: string;\n    subheading?: string;\n    desc?: string;\n}\n\nconst HeadingSection = ({\n    heading,\n    subheading,\n    desc,\n}: HeadingSectionProps): ReactElement => (\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                {heading}\n            </div>\n            {subheading && (\n                <div\n                    style={{\n                        fontSize: `1.5rem`,\n                        color: `#3c4043`,\n                        fontWeight: `bold`,\n                    }}\n                >\n                    {subheading}\n                </div>\n            )}\n            {desc && (\n                <p\n                    style={{\n                        padding: `1rem`,\n                        paddingLeft: `5rem`,\n                        paddingRight: `5rem`,\n                        color: `#535b6c`,\n                    }}\n                >\n                    {desc}\n                </p>\n            )}\n        </Col>\n    </Row>\n);\n\nexport default HeadingSection;\n","import React, { ReactElement } from 'react';\nimport { Container } from 'react-bootstrap';\nimport { Layout } from '../components/common';\nimport ContentImageRow from '../components/common/ContentImageRow';\nimport BannerSection from '../components/common/contentSections/BannerSection';\nimport ContentHero from '../components/common/contentSections/ContentHero';\nimport HeadingSection from '../components/common/contentSections/HeadingSection';\nimport VideoSection from '../components/common/contentSections/VideoSection';\nimport ImageContentRow from '../components/common/ImageContentRow';\nimport { ContentData } from '../utils/entities';\n\nconst ClockerContentData: ContentData[] = [\n    {\n        id: 1,\n        title: `Universal directory`,\n        desc: `Integrate with apps with our directory and meta directory made to ease up lifecycle management. Customize your user directory by user profile, contacts, devices, groups users and more.`,\n        imageUrl: `images/lifecycle-universal-directory.svg`,\n    },\n    {\n        id: 2,\n        title: `App Integration`,\n        desc: ` Integrate with over a 100 applications. Create user groups and synchronize with your preferred HR system or application including G Suite, Bamboo HR, and more. `,\n        imageUrl: `images/lifecycle-app-integration.svg`,\n    },\n    {\n        id: 3,\n        title: `Onboarding/Offboarding and provision`,\n        desc: `Add and remove users, grant access or revoke entitlement to users, create a quick custom onboarding and process while monitoring their activities. Deauthorize and off board users within seconds to prevent security breach & unauthorized access to data from previous employees.`,\n        imageUrl: `images/lifecycle-on-off-provision.svg`,\n    },\n];\n\nconst Clocker = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"Lifecycle \n                Management\"\n                desc=\"Manage and automate the lifecycle of your work process with real time synchronization. Use our StackIAM to coordinate and restrict the identification, access and governance of identities for access to your business tools and information.\"\n                buttonText=\"Get Started\"\n                imageUrl=\"/images/lifecycle-hero@3x.png\"\n            />\n            <HeadingSection\n                heading=\"Features\"\n                subheading=\"Lifecycle \n                Management\"\n            />\n            {ClockerContentData.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            <VideoSection />\n            <BannerSection />\n        </Container>\n    </Layout>\n);\n\nexport default Clocker;\n","import React, { ReactElement } from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { BlueColoredButton } from '../Buttons';\n\nconst BannerSection = (): ReactElement => (\n    <Row\n        noGutters\n        style={{\n            background:\n                `transparent url(\"images/banner@3x.png\") no-repeat center center /cover`,\n            objectFit: `contain`,\n        }}\n    >\n        <Col\n            md=\"12\"\n            lg=\"9\"\n            style={{\n                paddingTop: `2rem`,\n                paddingBottom: `2rem`,\n                paddingLeft: `3rem`,\n                paddingRight: `3rem`,\n            }}\n        >\n            <p style={{ color: `#dbdbdb` }}>\n                We Creates a potential marketplace for People where business can\n                directly meet users. It also provides an interoperable access to\n                user data across different industries. Users will be able to use\n                the Service as a secure single-sign on provider and move their\n                data across different applications.\n            </p>\n        </Col>\n        <Col\n            md=\"12\"\n            lg=\"3\"\n            style={{\n                display: `flex`,\n                alignItems: `center`,\n                justifyContent: `center`,\n                paddingBottom: `1rem`,\n            }}\n        >\n            <div\n                style={{\n                    textAlign: `center`,\n                    verticalAlign: `center`,\n                }}\n            >\n                <BlueColoredButton>Get Started</BlueColoredButton>\n            </div>\n        </Col>\n    </Row>\n);\n\nexport default BannerSection;\n","import styled from '@emotion/styled';\nimport React, { ReactElement } from 'react';\nimport { Row, Col } from 'react-bootstrap';\n\nconst Video = styled.video``;\n\nconst VideoSection = (): ReactElement => (\n    <Row noGutters>\n        <Col\n            xs=\"12\"\n            style={{\n                textAlign: `center`,\n                paddingTop: `3rem`,\n                color: `#2e598f`,\n                paddingBottom: `5rem`,\n            }}\n        >\n            <div\n                style={{\n                    fontSize: `2rem`,\n                    paddingBottom: `2rem`,\n                }}\n            >\n                Watch Video\n            </div>\n            <div>\n                <Video\n                    width=\"75%\"\n                    height=\"100%\"\n                    src=\"/videos/placeholder.mov\"\n                    controls\n                ></Video>\n            </div>\n        </Col>\n    </Row>\n);\n\nexport default VideoSection;\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":""}