{"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/utils/pages/qsAboutPageData.js","webpack://QuickSense/./src/pages/about.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","QS_ABOUT_PAGE_DATA","super","section","Col"],"mappings":"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","file":"component---src-pages-about-js-98444db41ca43049640b.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","\nexport const QS_ABOUT_PAGE_DATA = [\n    {\n        title: 'We wanted to make getting A*- A in IGCSE fool proof and stress free. ',\n        super: 'About QuickSense',\n        spacing: 'pt-5 pb-3',\n        content: [\n            'Studying and exams can bring a lot of feelings of stress and anxiety. It\\'s hard to know when to start studying, what to study and even how to study — especially because this would probably be your first set of external exams.',\n            'You want to learn and get good grades for your future but it can be a bit overwhelming with 5+ subjects to study for all at once.',\n            'What happens most of the time is you end up not doing anything, feeling guilty about it and end up cramming before the exam - the exact opposite of what everyone tells you to do! Plus, cramming means you just forget everything you learnt right after the exam and have to re-learn everything for next year — except now it\\'s much harder.',\n            'We felt the exact same way when were studying and it\\'s the main reason we created QuickSense. '\n        ]\n    },\n    {\n        title: 'Everyone keeps using the old school learning methods we know are inefficient ',\n        super: 'Utilise the latest research',\n        background: 'bg-light-green',\n        spacing: 'pt-4 pb-3',\n        content: [\n            'The best methods and techniques of learning math based on neuroscience have been known for decades and have been proven time and time again by many studies. But no one seems to use these them!',\n            'We\\'re not saying traditional methods are bad — they do get some students A*- As and we can\\'t argue with that. What we\\'re saying is they are inefficient and waste a lot of time (and money). They can cause unnecessary stress and can cause you to miss out and fall behind.',\n            'Part of the reason we believe is that the more effective methods can be quite hard to implement — it takes a lot of planning and organisation to do. ',\n            'But with technology this has become much more viable — algorithms can do the background thinking, planning and organisation. It takes a lot of time, money and effort to set up (It took us several years!) but once done, it\\'s much easier for us to scale this for everyone '\n        ]\n    },\n    {\n        title: 'We made something we wish we had during school ',\n        background: 'bg-light-blue',\n        spacing: 'pt-4 pb-3',\n        content: [\n            'For our Founder and CEO Vivek, QuickSense is a deeply personal product — it was born from his own experience in school and IGCSE.',\n            'Here is what he had to say: <br/>',\n            '<em>I failed maths. I think I was the only one in my class — it was embarrassing. It\\'s not like I was a bad student, I got decent grades in all my other subjects. I studied a lot, but something didn\\'t work. </em>',\n            '<em>I now know what that something was. It was the way I was studying. When I didn\\'t know how to do a math problem I approached it like my other subjects — tried to memorise the steps without actually understanding how to do it. I think it\\'s because when I couldn\\'t figure out how to get to the right answer I just moved on to doing the questions I knew I could do.  It was easier and in my head, and I was still putting in the work and \\'studying\\'. </em>',\n            '<em>Fast forward a few years, I took a first-year psychology paper in university. There was a module on \\'how we learn\\' and it blew my goddamn mind. It went over these widely accepted techniques and methods like the forgetting curve, the spacing effect, the testing effect and many others (see our How It Works page for details) that people could use to make learning way more effective. I was hooked, I read everything I could about learning and even changed my major to Cognitive Psychology with a focus on Learning Science. </em>',\n            '<em>It was crazy to me that these methods weren\\'t used in school or university! So I took matters into my own hands and started my own tutoring company that would use these psychological and neuroscientific methods. </em>',\n            '<em>It actually worked out amazingly, almost all of our students got A*- As in most of their subjects and they did it without having to waste hours and hours doing inefficient study and being stressed out. But this didn\\'t scale. Because we had to manually implement a lot of these techniques, our tutors could work only with a few students at a time.</em>',\n            '<em>I started looking for scalable solutions online and couldn\\'t really find anything that worked — they had some parts but not all. So I managed to convince two of my friends (Vinny and Hamish) to become co-founders with me and build our own learning platform from scratch. We thought it would take 6 months. It ended up taking 4 years. But it was worth it. </em>',\n            '<em>Through the process, we hired and consulted with PhD\\'s, teachers, school principals, artificial intelligence programmers and even game developers. It wasn\\'t easy, but we wanted to make something amazing. </em>',\n            '<em>So now we have QuickSense which is focused on maths (my white whale) — the culmination of all our learnings so far, the most effective and efficient way to learn IGCSE maths in the world. </em>',\n            '<em>It is so satisfying to see students using QuickSense to ace their exams without the stress or anxiety that is associated with learning. It kind of makes me a bit jealous — I wish I had this when I was doing IG maths. </em>',\n            '— Vivek Kumar, Co-Founder and CEO of QuickSense. ',\n        ]\n    }\n]","import React from 'react'\nimport { Link } from 'gatsby'\n\n//components\nimport SEO from '../components/SEO/seo'\nimport Col from 'react-bootstrap/Col'\nimport Layout from '../components/Layout/layout'\nimport Section from '../components/Section/section'\nimport GetStarted from  '../components/GetStarted/getStarted'\n\n// utils\nimport {QS_ABOUT_PAGE_DATA} from '../utils/pages/qsAboutPageData'\n\nclass AboutPage extends React.Component {\n    render(){\n        return <>\n            <SEO title='About Us'/>\n            <Layout classes='fw-landing-page'>\n                {\n                    QS_ABOUT_PAGE_DATA.map((section, index) => (\n                        <Section\n                            animation={false}\n                            key={index} \n                            spacing={section.spacing}\n                            background={section.background}\n                            title={section.title}\n                            titleClasses={section.titleClasses}\n                            superTitle={section.super}\n                            content={section.content}\n                        >\n                        </Section>\n                    ))\n                }\n                <Section spacing={'pt-4 pb-3'} background={'bg-light-green'} center>\n                    <Col className='col-lg-8' as='section' lg={8}>\n                        <h2 className={'h1 mb-4 '}>Learn more about us</h2>\n                        <p>You can find out more about the methods and techniques we use on our <Link to={'/how-it-works'}><strong>How It Works page.</strong></Link></p>\n                        <p>We are 100% sure that if you follow the program you or your child will get the grade they want - <Link to={'/gaurantee'}><strong>see our A* - A guarantee.</strong></Link></p>\n                        <p>If you have any unanswered questions check out our <Link to={'/faq'}><strong>FAQ page</strong></Link> or email us at <a href={'mailTo:hello@quicksense.org'}><strong>hello@quicksense.org</strong></a></p>\n                        <p>{`We've`} also created a comprehensive {`'Learning how to Learn'`} guide which will cover in detail all the strategies and techniques we know about learning and how to apply them (to all your subjects).</p>\n                        <p>We will be releasing this early and for free to anyone who signs up to our email list. Fill out the <Link to={'/contact'}><strong>contact form</strong></Link> if {`you're`} interested</p>\n                    </Col>\n                </Section>\n                <GetStarted description={'Try it for yourself. No credit card info is required until you\\'re ready to buy. If you\\'re ready to secure your A* then you unlock the rest of the course by upgrading to the paid version in the app. '}/>\n            </Layout>\n        </>\n    }\n}\n\nexport default AboutPage"],"sourceRoot":""}