{"version":3,"sources":["webpack://QuickSense/./src/components/Breadcrumb/breadcrumb.js","webpack://QuickSense/./src/components/GetStarted/getStarted.js","webpack://QuickSense/./src/components/SEO/seo.js","webpack://QuickSense/./src/components/Section/section.js","webpack://QuickSense/./src/components/Pricing/pricingItem.js","webpack://QuickSense/./src/pages/pricing.js"],"names":["Breadcrumb","render","aria-label","className","this","props","hideHomeLink","listItemClasses","Link","to","linkClasses","links","map","link","index","length","last","aria-current","key","style","textTransform","name","destination","React","GetStarted","background","center","lg","superImage","data-srcset","superImageWebp","type","width","superImageWidth","height","superImageHeight","data-src","loading","superImageClass","alt","superImageAlt","title","dangerouslySetInnerHTML","__html","description","classes","href","event","eventValues","buttonText","bookButton","secondary","secondaryButton","isInternal","secondaryButtonType","secondaryButtonDestination","secondaryButtonEvent","secondaryButtonText","defaultProps","buttonVariant","location","SEO","lang","meta","keywords","ldJsonData","children","StaticQuery","query","detailsQuery","data","metaDescription","site","siteMetadata","htmlAttributes","titleTemplate","content","property","author","concat","join","JSON","stringify","Section","ref","refProp","spacing","containerClasses","data-sal","animation","animationType","data-sal-duration","animationDuration","data-sal-delay","animationDelay","data-sal-easing","animationEasing","fluid","rowClasses","as","breadcrumbs","src","superTitle","titleClasses","listContent","contentImage","contentImageWebp","contentImageWidth","contentImageHeight","contentImageClass","contentImageAlt","plan","price","benefits","SIGN_UP_LINK","page","__renderPricing","IG_PRICING_DATA"],"mappings":"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","file":"component---src-pages-pricing-js-cbbdd52af25dc9532835.js","sourcesContent":["import React from 'react'\nimport { Link } from 'gatsby'\nimport { PropTypes } from 'prop-types'\n\nclass Breadcrumb extends React.Component {\n    render(){\n        return <nav aria-label='breadcrumb'>\n            <ol className='breadcrumb mb-0'>\n                {\n                    !this.props.hideHomeLink && <li className={`breadcrumb-item ${this.props.listItemClasses}`}>\n                        <Link to={'/'} className={`${this.props.linkClasses}`}>\n                    Home\n                        </Link>\n                    </li>\n                }\n\n                {\n                    this.props.links.map((link, index) => (\n                        (index.length == index) || link.last ? \n                            <li aria-current={'page'} className={`active breadcrumb-item ${this.props.listItemClasses && this.props.listItemClasses}`} key={index} style={{textTransform: 'capitalize'}}>\n                                {link.name}\n                            </li>:\n                            <li className={`breadcrumb-item ${this.props.listItemClasses && this.props.listItemClasses}`} key={index} style={{textTransform: 'capitalize'}}>\n                                <Link to={link.destination} className={`${this.props.linkClasses}`}>{link.name}</Link>\n                            </li>\n                    ))\n                }\n            </ol>\n        </nav>\n    }\n}\n\nBreadcrumb.propTypes = {\n    links: PropTypes.array,\n    linkClasses: PropTypes.string,\n    listClasses: PropTypes.string,\n    listItemClasses: PropTypes.string,\n    hideHomeLink: PropTypes.bool,\n}\n\nexport default Breadcrumb\n","import React from 'react'\nimport PropTypes from 'prop-types'\n//Components\nimport Col from 'react-bootstrap/Col'\nimport Button from '../Button/button'\nimport Section from '../Section/section'\n\nclass GetStarted extends React.Component {\n\n    render(){\n        return <Section background={this.props.background} center={true}>\n            <Col className='d-flex flex-column justify-content-center align-items-center text-center' lg={8}>\n                {\n                    !!this.props.superImage && \n                    <figure>\n                        <picture>\n                            <source data-srcset={this.props.superImageWebp} type='image/webp'/>\n                            <img \n                                width={this.props.superImageWidth} \n                                height={this.props.superImageHeight} \n                                data-src={this.props.superImage}\n                                loading={'lazy'}\n                                className={`rounded lazyload ${this.props.superImageClass}`}\n                                alt={this.props.superImageAlt} />\n                        </picture>\n                    </figure>\n                }\n                <h2 className='h1 mb-3'>{this.props.title}</h2>\n                <p dangerouslySetInnerHTML={{__html: this.props.description}}/>\n                <div className='d-flex flex-column flex-sm-row justify-content-around align-items-center'>\n                    <Button classes='mt-3 mb-3 px-5 btn btn-primary' href='https://app.quicksense.org/signup' event={this.props.event} eventValues={this.props.eventValues}>{this.props.buttonText}</Button>\n                    {!!this.props.bookButton && <Button secondary to={'/contact?book'} classes={'mt-3 mb-3 px-5 ml-3'}>Book a call</Button>}\n                </div>\n                {!!this.props.secondaryButton \n                  && <Button link\n                      isInternal={this.props.secondaryButtonType == 'internal'}\n                      to={this.props.secondaryButtonDestination}\n                      href={this.props.secondaryButtonDestination}\n                      event={this.props.secondaryButtonEvent} \n                      eventValues={this.props.eventValues} \n                      classes={`mt-0 ${this.props.secondaryButtonType =='internal' ? '--underline': ''}`}>\n                      {this.props.secondaryButtonText}\n                  </Button>\n                }\n            </Col>\n        </Section>\n    }\n}\n\nGetStarted.propTypes = {\n    background: PropTypes.string,\n    title: PropTypes.string,\n    description: PropTypes.string,\n    buttonText: PropTypes.string,\n    buttonVariant: PropTypes.string,\n    bookButton: PropTypes.bool,\n    secondaryButton: PropTypes.bool,\n    secondaryButtonText: PropTypes.string,\n    secondaryButtonType: PropTypes.string,\n    secondaryButtonDestination: PropTypes.string,\n    superImage: PropTypes.string,\n    superImageWebp: PropTypes.string,\n    superImageWidth: PropTypes.string,\n    superImageHeight: PropTypes.string,\n    superImageClass: PropTypes.string,\n    superImageAlt: PropTypes.string,\n    event: PropTypes.string,\n    eventValues: PropTypes.object,\n    secondaryButtonEvent: PropTypes.string,\n    secondaryButtonEventValues: PropTypes.object\n}\n\nGetStarted.defaultProps = {\n    background: 'bg-light-pink',\n    title: 'Try QuickSense for free!',\n    description: 'Everything you need to get an A / 7+ in IGCSE, GCSE and O-Level Maths.',\n    buttonText: 'Try for free',\n    buttonVariant: 'outline-primary',\n    event: 'website_sign_up_button_clicked',\n    secondaryButton: true,\n    secondaryButtonText: 'Unsure? Checkout our A/7+ Guarantee.',\n    secondaryButtonType: 'internal',\n    secondaryButtonDestination: '/guarantee',\n    secondaryButtonEvent: 'website_guarantee_button_clicked',\n    eventValues: {\n        location: 'Footer'\n    }\n\n}\n\nexport default GetStarted","import React from 'react'\nimport PropTypes from 'prop-types'\nimport Helmet from 'react-helmet'\nimport { StaticQuery, graphql } from 'gatsby'\n\nfunction SEO({ description, lang, meta, keywords, title, ldJsonData, children }) {\n    return (\n        <StaticQuery\n            query={detailsQuery}\n            render={data => {\n                const metaDescription =\n          description || data.site.siteMetadata.description\n                return (\n                    <Helmet\n                        htmlAttributes={{\n                            lang,\n                        }}\n                        title={title}\n                        titleTemplate={`%s | ${data.site.siteMetadata.title}`}\n                        meta={[\n                            {\n                                name: 'description',\n                                content: metaDescription,\n                            },\n                            {\n                                property: 'og:title',\n                                content: title,\n                            },\n                            {\n                                property: 'og:description',\n                                content: metaDescription,\n                            },\n                            {\n                                property: 'og:type',\n                                content: 'website',\n                            },\n                            {\n                                name: 'twitter:card',\n                                content: 'summary',\n                            },\n                            {\n                                name: 'twitter:creator',\n                                content: data.site.siteMetadata.author,\n                            },\n                            {\n                                name: 'twitter:title',\n                                content: title,\n                            },\n                            {\n                                name: 'twitter:description',\n                                content: metaDescription,\n                            },\n                        ]\n                            .concat(\n                                keywords.length > 0\n                                    ? {\n                                        name: 'keywords',\n                                        content: keywords.join(', '),\n                                    }\n                                    : []\n                            )\n                            .concat(meta)}\n                    >\n                        { ldJsonData && <script type='application/ld+json' dangerouslySetInnerHTML={{__html: JSON.stringify(ldJsonData)}}></script> }\n                        { children }\n                    </Helmet>\n                )\n            }}\n        />\n    )\n}\n\nSEO.defaultProps = {\n    lang: 'en',\n    meta: [],\n    keywords: [],\n    description: 'Everything you need to get an A+ in IGCSE, GCSE and O Level Maths. Questions, Explanations, 24/7 Tutoring, Notes & Analytics included. Shown to increase student test scores by over 20%',\n}\n\nSEO.propTypes = {\n    description: PropTypes.string,\n    lang: PropTypes.string,\n    meta: PropTypes.array,\n    keywords: PropTypes.arrayOf(PropTypes.string),\n    title: PropTypes.string.isRequired,\n    ldJsonData: PropTypes.string,\n    children: PropTypes.node\n}\n\nexport default SEO\n\nconst detailsQuery = graphql`\n  query DefaultSEOQuery {\n    site {\n      siteMetadata {\n        title\n        description\n        author,\n        siteUrl\n      }\n    }\n  }\n`\n","import React from 'react'\nimport PropTypes from 'prop-types'\n\nimport Container from 'react-bootstrap/Container'\nimport Row from 'react-bootstrap/Row'\nimport Col from 'react-bootstrap/Col'\n\nimport Breadcrumb from '../../components/Breadcrumb/breadcrumb'\n\nclass Section extends React.Component {\n    render() {\n        return <div ref={this.props.refProp} className={`${this.props.spacing} ${this.props.background} ${this.props.containerClasses}`} data-sal={this.props.animation && this.props.animationType} data-sal-duration={this.props.animation && this.props.animationDuration} data-sal-delay={this.props.animation && this.props.animationDelay} data-sal-easing={this.props.animation && this.props.animationEasing}>\n            <Container className={` ${this.props.spacing}`} fluid={this.props.fluid}>\n                <Row className={`${this.props.spacing} ${this.props.rowClasses} ${(this.props.center || this.props.title) && 'd-flex justify-content-center align-items-center'}`}>\n                    {\n                        this.props.title ?\n                            <Col className='col-lg-8' as='section' lg={8}>\n                                {\n                                    !!this.props.breadcrumbs &&\n                                        <Breadcrumb links={this.props.breadcrumbs}/>\n                                }\n                                {\n                                    !!this.props.superImage && \n                                    <figure>\n                                        <picture>\n                                            <source data-srcset={this.props.superImageWebp} type='image/webp'/>\n                                            <img \n                                                width={this.props.superImageWidth} \n                                                height={this.props.superImageHeight} \n                                                data-src={this.props.superImage}\n                                                loading={'lazy'}\n                                                className={` lazyload ${this.props.superImageClass}`}\n                                                alt={this.props.superImageAlt} />\n                                        </picture>\n                                        <noscript>\n                                            <img \n                                                width={this.props.superImageWidth} \n                                                height={this.props.superImageHeight} \n                                                src={this.props.superImage}\n                                                loading={'lazy'}\n                                                className={` ${this.props.superImageClass}`}\n                                                alt={this.props.superImageAlt} />\n                                        </noscript>\n                                    </figure>\n                                }\n                                {!!this.props.superTitle && <strong className='text-secondary text-uppercase'>{this.props.superTitle}</strong>}\n                                <h2 className={`h1 mb-4 ${this.props.titleClasses} `}>{this.props.title}</h2>\n                                {\n                                    !!this.props.content &&\n                                        this.props.content.map((data, index) => (\n                                            <p key={index} dangerouslySetInnerHTML={{__html: data}}/>\n                                        ))\n                                }\n                                {\n                                    !!this.props.listContent &&\n                                    <ol>\n                                        {\n                                            this.props.listContent.map((data,index) => (\n                                                <li key={index} className={`${this.props.listItemClasses}`} dangerouslySetInnerHTML={{__html: data}}/>\n                                            )) \n                                        }\n                                    </ol>\n                                }\n                                {\n                                    this.props.contentImage && <figure className='d-flex align-items-center justify-content-center'>\n                                        <picture>\n                                            <source data-srcset={this.props.contentImageWebp} type='image/webp'/>\n                                            <img \n                                                width={this.props.contentImageWidth} \n                                                height={this.props.contentImageHeight} \n                                                data-src={this.props.contentImage}\n                                                loading={'lazy'}\n                                                className={`rounded shadow-1 lazyload ${this.props.contentImageClass}`}\n                                                alt={this.props.contentImageAlt} />\n                                        </picture>\n                                        <noscript>\n                                            <img \n                                                width={this.props.contentImageWidth} \n                                                height={this.props.contentImageHeight} \n                                                src={this.props.contentImage}\n                                                className={`rounded shadow-1 ${this.props.contentImageClass}`}\n                                                loading={'lazy'}\n                                                alt={this.props.contentImageAlt} />\n                                        </noscript>\n                                    </figure>\n                                }\n                            </Col>: null\n                    }\n                    {this.props.children}\n                </Row>\n            </Container>\n        </div>\n    }\n\n}\n\nSection.propTypes = {\n    children: PropTypes.node,\n    fluid: PropTypes.bool,\n    background: PropTypes.string,\n    breadcrumbs: PropTypes.array,\n    title: PropTypes.string,\n    titleClasses: PropTypes.string,\n    superTitle: PropTypes.string,\n    superImageWebp: PropTypes.string,\n    superImageWidth: PropTypes.string,\n    superImageHeight: PropTypes.string,\n    superImage: PropTypes.string,\n    superImageClass: PropTypes.string,\n    superImageAlt: PropTypes.string,\n    listContent: PropTypes.array,\n    listItemClasses: PropTypes.string,\n    content: PropTypes.array,\n    contentImage: PropTypes.string,\n    contentImageWidth: PropTypes.string,\n    contentImageHeight: PropTypes.string,\n    contentImageClass: PropTypes.string,\n    contentImageWebp: PropTypes.string,\n    contentImageAlt: PropTypes.string,\n    animation: PropTypes.bool,\n    animationType: PropTypes.string,\n    animationDuration: PropTypes.string,\n    animationDelay: PropTypes.string,\n    animationEasing: PropTypes.string,\n    spacing: PropTypes.string,\n    center: PropTypes.bool,\n    containerClasses: PropTypes.string,\n    rowClasses: PropTypes.string,\n    refProp: PropTypes.object\n}\n\nSection.defaultProps = {\n    animation: true,\n    animationType: 'fade',\n    animationDuration: '2000',\n    animationDelay: '200',\n    animationEasing: 'ease-out-quart',\n    spacing: 'py-4 py-sm-5',\n    contentImageWidth: '400',\n    contentImageHeight: '400',\n    fluid: false\n}\n\nexport default Section","import React from 'react'\nimport PropTypes from 'prop-types'\n\n//Components\nimport Button from '../Button/button'\n\n//utils\nimport { SIGN_UP_LINK } from '../../utils/constants'\n\nconst PricingItem = ({plan, price, benefits}) => (\n    <div className='website__pricing'>\n        <div className='website__pricing-header'>\n            <p className='website__pricing-plan'>{plan}</p>\n        </div>\n\n        <div className='website__pricing-amount'>\n            <p className='website__pricing-dollar'>£<span>{price} </span></p>\n            <p className='website__pricing-header'>{price>0 ? 'one-off payment' : <span>&nbsp;</span>}</p>\n        </div>\n\n        <ul className='website__pricing-benefits'>\n            {\n                benefits.map((data,index)=>(\n                    <li className='website__pricing-benefits-item' key={index}>{data}</li>\n                ))\n            }\n        </ul>\n\n        <div className='website__pricing-footer d-flex flex-column'>\n            <Button href={SIGN_UP_LINK} eventValues={{location: `${price > 0 ? 'Paid Pricing' : 'Free Pricing'}`, page: 'Pricing'}} classes={`btn ${price > 0 ? 'btn-primary' : 'btn-outline-primary'} website__pricing-action `}>Try for free</Button>\n            <small className='website__pricing-header mt-3'>No credit card required</small>\n        </div>\n    </div>\n)\n\nexport default PricingItem\n\nPricingItem.propTypes = {\n    plan: PropTypes.string,\n    price: PropTypes.number,\n    benefits: PropTypes.array\n}","import React from 'react'\n\n//Components\nimport SEO from '../components/SEO/seo'\nimport Layout from '../components/Layout/layout'\nimport Section from '../components/Section/section'\nimport GetStarted from  '../components/GetStarted/getStarted'\nimport PricingItem from '../components/Pricing/pricingItem'\n\n//utils\nimport {IG_PRICING_DATA} from '../utils/constants'\n\nclass PricingPage extends React.Component {\n\n    __renderPricing () {\n        return <div className='container website__vp text-center py-5 rounded' style={{background: '#feeecd'}}>\n            <div className='row'>\n                <article className='col-12'>\n                    <h2 className='h1 website__vp-title mb-0'>Guarantee your A today</h2>\n                    <p className='mb-3'>Start mastering IGCSE Maths now</p>\n                    <p>All our content is specifically written for Cambridge IGCSE, GCSE and O-Levels Maths.<br/>Learn exactly everything you need to know.</p>\n                </article>\n                <div className='col-12'>\n                    <div className='row justify-content-center text-center'>\n                        {\n                            IG_PRICING_DATA.map((data,index)=>(\n                                <PricingItem {...data} key={index}/>\n                            ))\n                        }\n                    </div>\n                    <p className='mt-4 text-small mb-1'>To unlock the rest of the course upgrade within the app.</p>\n                    <p className='text-small'>Having trouble? Contact us at <a href='mailTo:support@quicksense.org'>support@quicksense.org</a></p>\n                </div>\n            </div>\n        </div>\n    }\n\n    render(){\n        return <>\n            <SEO title='Pricing'/>\n            <Layout classes='fw-landing-page'>\n                <Section >\n                    {this.__renderPricing()}\n                </Section>\n                <GetStarted/>\n            </Layout>\n        </>\n    }\n}\n\nexport default PricingPage"],"sourceRoot":""}