{"version":3,"sources":["webpack:///./src/components/common/contentSections/ContentHero.tsx","webpack:///./src/components/common/contentSections/HeadingSection.tsx","webpack:///./node_modules/react-bootstrap/esm/divWithClassName.js","webpack:///./node_modules/react-bootstrap/esm/CardImg.js","webpack:///./node_modules/react-bootstrap/esm/Card.js","webpack:///./src/components/common/productCard.tsx","webpack:///./src/pages/product-packages.tsx","webpack:///./src/utils/image.ts"],"names":["ContentHero","heading","desc","buttonText","imageUrl","noGutters","style","backgroundImage","md","lg","paddingLeft","paddingTop","fontSize","color","paddingBottom","src","HeadingSection","subheading","xs","textAlign","fontWeight","padding","paddingRight","forwardRef","p","ref","createElement","className","CardImg","_ref","bsPrefix","variant","_ref$as","as","Component","props","prefix","displayName","defaultProps","DivStyledAsH5","divWithClassName","DivStyledAsH6","CardBody","createWithBsPrefix","CardTitle","CardSubtitle","CardLink","CardText","CardHeader","CardFooter","CardImgOverlay","Card","bg","text","border","body","children","cardContext","cardHeaderBsPrefix","CardContext","Provider","value","Img","Title","Subtitle","Body","Link","Text","Header","Footer","ImgOverlay","StyledButton","styled","Button","ProductCard","imgUrl","title","description","Col","margin","backgroundColor","height","width","marginTop","marginBottom","ProductPackages","Container","Row","Image","img"],"mappings":"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","file":"component---src-pages-product-packages-tsx-3c938b2a36cd0b400386.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, { 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 _extends from \"@babel/runtime/helpers/esm/extends\";\nimport React from 'react';\nimport classNames from 'classnames';\nexport default (function (className) {\n  return React.forwardRef(function (p, ref) {\n    return /*#__PURE__*/React.createElement(\"div\", _extends({}, p, {\n      ref: ref,\n      className: classNames(p.className, className)\n    }));\n  });\n});","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nvar defaultProps = {\n  variant: null\n};\nvar CardImg = React.forwardRef( // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\nfunction (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      variant = _ref.variant,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'img' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"variant\", \"as\"]);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'card-img');\n  return /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref,\n    className: classNames(variant ? prefix + \"-\" + variant : prefix, className)\n  }, props));\n});\nCardImg.displayName = 'CardImg';\nCardImg.defaultProps = defaultProps;\nexport default CardImg;","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutPropertiesLoose from \"@babel/runtime/helpers/esm/objectWithoutPropertiesLoose\";\nimport classNames from 'classnames';\nimport React, { useMemo } from 'react';\nimport { useBootstrapPrefix } from './ThemeProvider';\nimport createWithBsPrefix from './createWithBsPrefix';\nimport divWithClassName from './divWithClassName';\nimport CardContext from './CardContext';\nimport CardImg from './CardImg';\nvar DivStyledAsH5 = divWithClassName('h5');\nvar DivStyledAsH6 = divWithClassName('h6');\nvar CardBody = createWithBsPrefix('card-body');\nvar CardTitle = createWithBsPrefix('card-title', {\n  Component: DivStyledAsH5\n});\nvar CardSubtitle = createWithBsPrefix('card-subtitle', {\n  Component: DivStyledAsH6\n});\nvar CardLink = createWithBsPrefix('card-link', {\n  Component: 'a'\n});\nvar CardText = createWithBsPrefix('card-text', {\n  Component: 'p'\n});\nvar CardHeader = createWithBsPrefix('card-header');\nvar CardFooter = createWithBsPrefix('card-footer');\nvar CardImgOverlay = createWithBsPrefix('card-img-overlay');\nvar defaultProps = {\n  body: false\n};\nvar Card = React.forwardRef(function (_ref, ref) {\n  var bsPrefix = _ref.bsPrefix,\n      className = _ref.className,\n      bg = _ref.bg,\n      text = _ref.text,\n      border = _ref.border,\n      body = _ref.body,\n      children = _ref.children,\n      _ref$as = _ref.as,\n      Component = _ref$as === void 0 ? 'div' : _ref$as,\n      props = _objectWithoutPropertiesLoose(_ref, [\"bsPrefix\", \"className\", \"bg\", \"text\", \"border\", \"body\", \"children\", \"as\"]);\n\n  var prefix = useBootstrapPrefix(bsPrefix, 'card');\n  var cardContext = useMemo(function () {\n    return {\n      cardHeaderBsPrefix: prefix + \"-header\"\n    };\n  }, [prefix]);\n  return /*#__PURE__*/React.createElement(CardContext.Provider, {\n    value: cardContext\n  }, /*#__PURE__*/React.createElement(Component, _extends({\n    ref: ref\n  }, props, {\n    className: classNames(className, prefix, bg && \"bg-\" + bg, text && \"text-\" + text, border && \"border-\" + border)\n  }), body ?\n  /*#__PURE__*/\n  // @ts-ignore\n  React.createElement(CardBody, null, children) : children));\n});\nCard.displayName = 'Card';\nCard.defaultProps = defaultProps;\nCard.Img = CardImg;\nCard.Title = CardTitle;\nCard.Subtitle = CardSubtitle;\nCard.Body = CardBody;\nCard.Link = CardLink;\nCard.Text = CardText;\nCard.Header = CardHeader;\nCard.Footer = CardFooter;\nCard.ImgOverlay = CardImgOverlay;\nexport default Card;","import styled from '@emotion/styled';\nimport React, { ReactElement } from 'react';\nimport { Col, Card, Button } from 'react-bootstrap';\nimport { productCardData } from '../../utils/entities';\nimport { Image } from '../../utils/image';\n\nconst StyledButton = styled(Button)`\n    border-radius: 100rem;\n    color: #29558c;\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n    margin-right: 2rem;\n    border-style: solid;\n    border-width: 0.5px;\n    border-image-source: linear-gradient(to top, #9ba4d9, #94dfe7);\n    border-image-slice: 1;\n    background-image: linear-gradient(to bottom, #ffffff, #ffffff),\n        linear-gradient(to top, #9ba4d9, #94dfe7);\n    background-origin: border-box;\n    background-clip: content-box, border-box;\n    border: solid 1px transparent;\n    box-shadow: 2px 1000px 1px #fff inset;\n    margin-top: 0.5rem;\n    margin-bottom: 0.5rem;\n    &:hover {\n        color: black;\n    }\n`;\n\nconst ProductCard = ({\n    imgUrl,\n    title,\n    description,\n}: productCardData): ReactElement => (\n    <Col md=\"12\" lg=\"4\">\n        <Card style={{ margin: `1rem` }}>\n            <Card.Body\n                style={{\n                    backgroundColor: `#f7f7f7`,\n                    height: `25rem`,\n                }}\n            >\n                <Image\n                    style={{\n                        height: `4rem`,\n                        width: `4rem`,\n                        marginTop: `1rem`,\n                        marginBottom: `1rem`,\n                    }}\n                    src={imgUrl}\n                />\n                <div\n                    style={{\n                        fontSize: `1.5rem`,\n                        fontWeight: `bold`,\n                    }}\n                >\n                    {title}\n                </div>\n                <p style={{ color: `#535b6c`, height: `7rem` }}>\n                    {description}\n                </p>\n                <div>\n                    <StyledButton>Learn more</StyledButton>\n                </div>\n            </Card.Body>\n        </Card>\n    </Col>\n);\n\nexport default ProductCard;\n","import React, { ReactElement } from 'react';\nimport { Container, Row } from 'react-bootstrap';\nimport { Layout } from '../components/common';\nimport ContentHero from '../components/common/contentSections/ContentHero';\nimport HeadingSection from '../components/common/contentSections/HeadingSection';\nimport ProductCard from '../components/common/productCard';\n\nconst ProductPackages = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"Our Seamless Product Packages\"\n                desc=\"StackIAM is a trusted identity management cloud service that provides secured and seamless interactions between individuals and organizations. With the StackIAM platform, users can connect to all their applications and manage activities from their devices\"\n                imageUrl=\"/images/product-packages-hero@3x.png\"\n            />\n            <HeadingSection\n                heading=\"Products\"\n                subheading=\"Workforce Management\"\n            />\n            <Row noGutters>\n                <ProductCard\n                    title=\"Protect and enable employees\"\n                    description=\"Verify and independently validates data on\n                                platform Allows easy application and\n                                registration to Business services , embassy,\n                                sport etc.\"\n                    imgUrl=\"images/products-user-shield@2x.png\"\n                />\n                <ProductCard\n                    title=\"Contractors\"\n                    description=\"Verify and independently validates data on\n                    platform Allows easy application and\n                    registration to Business services , embassy,\n                    sport etc.\"\n                    imgUrl=\"images/products-worker@2x.png\"\n                />\n                <ProductCard\n                    title=\"Partners\"\n                    description=\"Verify and independently validates data on\n                    platform Allows easy application and\n                    registration to Business services , embassy,\n                    sport etc.\"\n                    imgUrl=\"images/products-meeting-room@2x.png\"\n                />\n            </Row>\n            <Row noGutters>\n                <div\n                    style={{\n                        fontSize: `1.5rem`,\n                        color: `#3c4043`,\n                        fontWeight: `bold`,\n                        margin: `1rem`,\n                    }}\n                >\n                    Customer Management\n                </div>\n            </Row>\n            <Row noGutters>\n                <ProductCard\n                    title=\"Build secure\"\n                    description=\"Verify and independently validates data on\n                                platform Allows easy application and\n                                registration to Business services , embassy,\n                                sport etc.\"\n                    imgUrl=\"images/products-secure@2x.png\"\n                />\n                <ProductCard\n                    title=\"Seamless experiences\"\n                    description=\"Verify and independently validates data on\n                    platform Allows easy application and\n                    registration to Business services , embassy,\n                    sport etc.\"\n                    imgUrl=\"images/products-confirm@2x.png\"\n                />\n            </Row>\n            <Row noGutters>\n                <div\n                    style={{\n                        fontSize: `1.5rem`,\n                        color: `#3c4043`,\n                        fontWeight: `bold`,\n                        margin: `1rem`,\n                    }}\n                >\n                    Identity Verification System\n                </div>\n            </Row>\n            <Row noGutters>\n                <ProductCard\n                    title=\"Verified users information\"\n                    description=\"Verify and independently validates data on\n                                platform Allows easy application and\n                                registration to Business services , embassy,\n                                sport etc.\"\n                    imgUrl=\"images/products-verified@2x.png\"\n                />\n            </Row>\n            <Row noGutters>\n                <div\n                    style={{\n                        fontSize: `1.5rem`,\n                        color: `#3c4043`,\n                        fontWeight: `bold`,\n                        margin: `1rem`,\n                    }}\n                >\n                    Clocker For Employees\n                </div>\n            </Row>\n            <Row noGutters>\n                <ProductCard\n                    title=\"Time tracking for individuals or teams\"\n                    description=\"Verify and independently validates data on\n                    platform Allows easy application and\n                    registration to Business services , embassy,\n                    sport etc.\"\n                    imgUrl=\"images/products-time@2x.png\"\n                />\n            </Row>\n            <Row noGutters>\n                <div\n                    style={{\n                        fontSize: `1.5rem`,\n                        color: `#3c4043`,\n                        fontWeight: `bold`,\n                        margin: `1rem`,\n                    }}\n                >\n                    Multifactor authentication\n                </div>\n            </Row>\n            <Row noGutters>\n                <ProductCard\n                    title=\"Secured two factor authentication protocol\"\n                    description=\"Verify and independently validates data on\n                                platform Allows easy application and\n                                registration\"\n                    imgUrl=\"images/products-authentication@2x.png\"\n                />\n            </Row>\n        </Container>\n    </Layout>\n);\n\nexport default ProductPackages;\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":""}