{"version":3,"sources":["webpack:///./src/components/common/contentSections/FeaturesSection.tsx","webpack:///./src/pages/easy-application.tsx","webpack:///./src/components/common/contentSections/ContentHero.tsx","webpack:///./src/components/common/contentSections/HeadingSection.tsx","webpack:///./src/components/common/contentSections/BannerSection.tsx","webpack:///./src/components/common/contentSections/VideoSection.tsx","webpack:///./src/utils/image.ts"],"names":["FeaturesSection","featureList","Row","noGutters","map","title","desc","imageUrl","Col","key","md","lg","style","textAlign","height","width","src","fontSize","fontWeight","paddingTop","padding","paddingLeft","paddingRight","color","FeaturesList","EasyApplication","Container","ContentHero","heading","buttonText","HeadingSection","subheading","VideoSection","BannerSection","backgroundImage","paddingBottom","xs","background","objectFit","display","alignItems","justifyContent","verticalAlign","Video","styled","video","controls","Image","img"],"mappings":"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","file":"component---src-pages-easy-application-tsx-f6fd0bb4a00fa2d78cd9.js","sourcesContent":["import React, { ReactElement } from 'react';\nimport { Row, Col } from 'react-bootstrap';\nimport { Feature } from '../../../utils/entities';\nimport { Image } from '../../../utils/image';\n\ninterface FeaturesSectionProps {\n    featureList: Feature[];\n}\n\nconst FeaturesSection = ({\n    featureList,\n}: FeaturesSectionProps): ReactElement => (\n    <Row noGutters>\n        {featureList.map(({ title, desc, imageUrl }) => (\n            <Col key={title} md=\"12\" lg=\"4\" style={{ textAlign: `center` }}>\n                <div style={{ textAlign: `center` }}>\n                    <Image\n                        style={{ height: `4rem`, width: `4rem` }}\n                        src={imageUrl}\n                    />\n                </div>\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: `5rem`,\n                        paddingRight: `5rem`,\n                        color: `#535b6c`,\n                    }}\n                >\n                    {desc}\n                </p>\n            </Col>\n        ))}\n    </Row>\n);\n\nexport default FeaturesSection;\n","import React, { ReactElement } from 'react';\nimport { Container } from 'react-bootstrap';\nimport { Layout } from '../components/common';\nimport BannerSection from '../components/common/contentSections/BannerSection';\nimport ContentHero from '../components/common/contentSections/ContentHero';\nimport FeaturesSection from '../components/common/contentSections/FeaturesSection';\nimport HeadingSection from '../components/common/contentSections/HeadingSection';\nimport VideoSection from '../components/common/contentSections/VideoSection';\nimport { Feature } from '../utils/entities';\n\nconst FeaturesList: Feature[] = [\n    {\n        title: `No manual form filling`,\n        imageUrl: `/images/easy-form-filling@3x.png`,\n        desc: `A multi-factor authentication solution for employees, partners, and customers accessing apps, systems, and devices`,\n    },\n    {\n        title: `Saves time`,\n        imageUrl: `/images/easy-time@3x.png`,\n        desc: `Admins can implement multi-factor authentication easily, without impacting end user productivity`,\n    },\n    {\n        title: `Verified access`,\n        imageUrl: `/images/easy-verified@3x.png`,\n        desc: `Create intelligent policies based on login context that limit identity challenges to risky login attempts`,\n    },\n    {\n        title: `Control entitlement`,\n        imageUrl: `/images/easy-control@3x.png`,\n        desc: `A multi-factor authentication solution for employees, partners, and customers accessing apps, systems, and devices`,\n    },\n    {\n        title: `Social  Authentication`,\n        imageUrl: `/images/easy-social@3x.png`,\n        desc: `Admins can implement multi-factor authentication easily, without impacting end user productivity`,\n    },\n    {\n        title: `Device Flexibility`,\n        imageUrl: `/images/easy-device@3x.png`,\n        desc: `Create intelligent policies based on login context that limit identity challenges to risky login attempts`,\n    },\n];\n\nconst EasyApplication = (): ReactElement => (\n    <Layout>\n        <Container>\n            <ContentHero\n                heading=\"Easy Application\"\n                desc=\"Apply easily to any company or any other form of application including travel visa, international passport and other government/national applications with your already aggregated verified information. By using your unique and  secured login credentials, you do not have to worry about having to fill any more forms ever again.\"\n                buttonText=\"Get Started\"\n                imageUrl=\"/images/easy-application-hero.svg\"\n            />\n            <HeadingSection heading=\"Features\" subheading=\"Easy Application\" />\n            <FeaturesSection featureList={FeaturesList} />\n            <VideoSection />\n            <BannerSection />\n        </Container>\n    </Layout>\n);\n\nexport default EasyApplication;\n","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 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 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":""}