{"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/pages/pricing.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","DivContainer","styled","div","MonthlyButton","button","AnnuallyButton","StyledHeaderDiv","StyledH5","h5","Pricing","marginTop","marginBottom","backgroundColor","height","marginRight","transform","zIndex","width","Image","img"],"mappings":"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","file":"component---src-pages-pricing-tsx-2235325bb23a87652f39.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 { Card, Col, Container, Row } from 'react-bootstrap';\nimport { Layout } from '../components/common';\nimport { ColoredButton, StyledButton } from '../components/common/Buttons';\nimport ContentHero from '../components/common/contentSections/ContentHero';\nimport HeadingSection from '../components/common/contentSections/HeadingSection';\nimport { Image } from '../utils/image';\n\nconst DivContainer = styled.div`\n    display: flex;\n    justify-content: center;\n`;\n\nconst MonthlyButton = styled.button`\n    border-top-left-radius: 50px;\n    border-bottom-left-radius: 50px;\n    border: solid 0.5px #e6e6e6;\n    border-right: none;\n    padding: 0.75rem;\n    padding-left: 3rem;\n    padding-right: 3rem;\n    color: #29558c;\n    background-color: #fffefe;\n    &:hover {\n        color: black;\n    }\n`;\n\nconst AnnuallyButton = styled.button`\n    border-top-right-radius: 50px;\n    border-bottom-right-radius: 50px;\n    border: solid 0.5px transparent;\n    border-left: none;\n    padding: 0.75rem;\n    padding-right: 3rem;\n    padding-left: 3rem;\n    color: #ffffff;\n    background-image: linear-gradient(91deg, #ffa66d 21%, #f8528d 107%);\n    &:hover {\n        color: black;\n    }\n`;\n\nconst StyledHeaderDiv = styled.div`\n    font-weight: bold;\n    margin-top: 1rem;\n`;\n\nconst StyledH5 = styled.h5`\n    font-size: 2rem;\n    color: #2e598f;\n    padding: 0.5rem;\n    padding-bottom: 2rem;\n`;\n\nconst Pricing = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"Flexible Pricing For Businesses And Individuals\"\n                desc=\"Browse our products for the best suited solution for your business then contact our sales team\"\n                imageUrl=\"/images/pricing-hero@3x.png\"\n            />\n            <HeadingSection\n                heading=\"Pricing\"\n                desc=\"Sign up in less than 30 seconds. Try out our 7 day risk free trial, upgrade at anytime, \nno questions, no hassle.\"\n            />\n            <Row noGutters>\n                <Col xs=\"12\">\n                    <DivContainer>\n                        <MonthlyButton>Monthly</MonthlyButton>\n                        <AnnuallyButton>Annually</AnnuallyButton>\n                    </DivContainer>\n                </Col>\n            </Row>\n            <Row noGutters style={{ marginTop: `8rem`, marginBottom: `5rem` }}>\n                <Col lg=\"3\" md=\"12\">\n                    <Card\n                        style={{\n                            color: `#535b6c`,\n                            backgroundColor: `#fff9f2`,\n                        }}\n                    >\n                        <Card.Body\n                            style={{\n                                textAlign: `center`,\n                                height: `30rem`,\n                            }}\n                        >\n                            <StyledHeaderDiv>Basics</StyledHeaderDiv>\n                            <StyledH5>₦1,500</StyledH5>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <div style={{ marginTop: `5rem` }}>\n                                <StyledButton style={{ marginRight: 0 }}>\n                                    Sign up Today\n                                </StyledButton>\n                            </div>\n                        </Card.Body>\n                    </Card>\n                </Col>\n                <Col lg=\"3\" md=\"12\">\n                    <Card\n                        style={{\n                            color: `#535b6c`,\n                            backgroundColor: `#fff9f2`,\n                        }}\n                    >\n                        <Card.Body\n                            style={{\n                                textAlign: `center`,\n                                height: `30rem`,\n                            }}\n                        >\n                            <StyledHeaderDiv>Small Business</StyledHeaderDiv>\n                            <StyledH5>₦2,500</StyledH5>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <div style={{ marginTop: `5rem` }}>\n                                <StyledButton style={{ marginRight: 0 }}>\n                                    Sign up Today\n                                </StyledButton>\n                            </div>\n                        </Card.Body>\n                    </Card>\n                </Col>\n                <Col lg=\"3\" md=\"12\">\n                    <Card\n                        style={{\n                            color: `#535b6c`,\n                            transform: `scale(1.1)`,\n                            zIndex: 1,\n                        }}\n                    >\n                        <Card.Body\n                            style={{\n                                textAlign: `center`,\n                                height: `30rem`,\n                            }}\n                        >\n                            <div>\n                                <StyledButton\n                                    style={{\n                                        fontSize: `.75rem`,\n                                        marginRight: 0,\n                                    }}\n                                >\n                                    Recommended\n                                </StyledButton>\n                            </div>\n                            <div style={{ fontWeight: `bold` }}>\n                                Professional\n                            </div>\n                            <StyledH5>₦3,000</StyledH5>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <div style={{ marginTop: `5rem` }}>\n                                <ColoredButton style={{ marginRight: 0 }}>\n                                    Sign up Today\n                                </ColoredButton>\n                            </div>\n                        </Card.Body>\n                    </Card>\n                </Col>\n                <Col lg=\"3\" md=\"12\">\n                    <Card\n                        style={{\n                            color: `#535b6c`,\n                            backgroundColor: `#fff9f2`,\n                        }}\n                    >\n                        <Card.Body\n                            style={{\n                                textAlign: `center`,\n                                height: `30rem`,\n                            }}\n                        >\n                            <StyledHeaderDiv>Enterprise</StyledHeaderDiv>\n                            <StyledH5>₦2,000</StyledH5>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <p>StackIAM is a cloud SASS </p>\n                            <div style={{ marginTop: `5rem` }}>\n                                <StyledButton style={{ marginRight: 0 }}>\n                                    Sign up Today\n                                </StyledButton>\n                            </div>\n                        </Card.Body>\n                    </Card>\n                </Col>\n            </Row>\n            <Row noGutters>\n                <Col lg=\"6\" md=\"12\">\n                    <div>\n                        <Image\n                            style={{ height: `5rem`, width: `5rem` }}\n                            src=\"/images/pricing-user-account@3x.png\"\n                        />\n                    </div>\n                    <div\n                        style={{\n                            fontSize: `2rem`,\n                            paddingBottom: `1rem`,\n                            color: `#2e598f`,\n                        }}\n                    >\n                        Users (Everyday People)\n                    </div>\n                    <ul style={{ color: `#535b6c`, paddingRight: `1rem` }}>\n                        <li>\n                            Help reduce the drudgery of filling endless forms to\n                            register for every new service or product. Aggregate\n                            and verify your personal data once and securely.\n                        </li>\n                        <li>\n                            Provide centralised management of personal\n                            information and documents.\n                        </li>\n                        <li>\n                            Provides access control, revoke, permission on\n                            document assessments and information sharing.\n                        </li>\n                        <li>\n                            Reduce the amount of forms to fill for endless\n                            applications and provide api interoperability of\n                            data between user and company requiring data.\n                        </li>\n                        <li>\n                            Verify and independently validates data on platform\n                        </li>\n                        <li>\n                            Allows easy application and registration to Business\n                            services , embassy, sports etc.\n                        </li>\n                        <li>\n                            Provide convenient Single-sign in integration with\n                            multiple users apps.\n                        </li>\n                        <li>\n                            If unverified, you lose access to many features.\n                        </li>\n                    </ul>\n                </Col>\n                <Col lg=\"6\" md=\"12\">\n                    <div>\n                        <Image\n                            style={{ height: `5rem`, width: `5rem` }}\n                            src=\"/images/pricing-organization@3x.png\"\n                        />\n                    </div>\n                    <div\n                        style={{\n                            fontSize: `2rem`,\n                            paddingBottom: `1rem`,\n                            color: `#2e598f`,\n                        }}\n                    >\n                        Business /Corporates\n                    </div>\n                    <ul style={{ color: `#535b6c`, paddingRight: `1rem` }}>\n                        <li>\n                            Businesses (Banks, Corporates) - provides single\n                            sign on and easy login and registration for\n                            services.\n                        </li>\n                        <li>\n                            Integrates with corporate and provides a seamless\n                            way to define data needed for profile creation on\n                            platforms. Allows users created via the platform to\n                            be able to login thorough single sign on\n                        </li>\n                        <li>\n                            WorkForce / Employee Identity management - Useful\n                            Unified view to view all your employees and assign\n                            them into different groups based on different\n                            departments and permission to different resources.\n                            Configuration will be available via api for custom\n                            internal workflow applications.\n                        </li>\n                        <li>\n                            Customer Identity Management - Sign in/ sign up\n                            workflow for your customers. Unified view of\n                        </li>\n                    </ul>\n                </Col>\n            </Row>\n        </Container>\n    </Layout>\n);\n\nexport default Pricing;\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":""}