{"version":3,"sources":["webpack:///./src/components/BestOfBothWorlds/BestOfBothWorlds.js","webpack:///./src/components/Type/Heading2.js","webpack:///./src/components/FreePPSR/Form.js","webpack:///./src/components/FreePPSR/FreePPSR.js","webpack:///./src/components/Form/Checkbox.js","webpack:///./src/components/ContactTracker/ContactTracker.js","webpack:///./src/components/Layout/Grid1/Grid1.js","webpack:///./src/components/Layout/PageHeader/PageHeader.js","webpack:///./src/components/HomeIntro/HomeIntro.js","webpack:///./src/components/Quotes/Quotes.js","webpack:///./src/pages/free-ppsr-check.js","webpack:///./src/components/Layout/Section/SectionMargin.js","webpack:///./src/components/Form/Select.js"],"names":["Flex","styled","div","ImageBox","BestOfBothWorlds","data","useStaticQuery","bgColor","marginTop","order","onClick","navigate","fluid","placeholderImage","childImageSharp","Heading2","color","children","Heading","h2","props","ppsrForm","onChangeCaptcha","value","setState","isVerified","capatchaValue","formError","resetForm","processingError","formSubmissionSuccessful","processing","submitHandler","event","preventDefault","email","state","make","regVin","valuation","errors","validate","emailValidation","makeValidation","regVinValidation","stateValidation","trackCustomEvent","category","action","label","formBody","regoVIN","source","fetch","credentials","method","body","JSON","stringify","headers","then","res","status","window","grecaptcha","reset","Error","json","resData","error","success","catch","err","console","log","validation","fieldValue","errMessage","match","trim","length","required","regVinEl","React","createRef","emailEl","stateEl","makeEl","recaptchaRef","regVinError","emailError","stateError","makeError","selectedOption","bind","handleInputChange","target","name","this","render","errorMessage","Paragraph1","InputError","ContactTracker","trackAction","trackLabel","hrefType","hrefTo","Button","type","confirmationMessage","backLink","to","carAlt","href","text","processingMessage","pageHTML","onSubmit","FormControl","LabelContainer","LabelBold","for","Select","id","ref","onBlur","e","onChange","aria-label","style","LabelNote","Input","pattern","display","marginRight","Checkbox","fontSize","sitekey","theme","size","ActionControl","FormError","Component","span","TextBlock","freePPSR","query","SectionPageMargin","marginBottom","Grid2","paddingTop","paddingBottom","GridItem","Form","align","fixed","whatsincludedImage","governmentImage","ppsrImage","paddingLeft","input","attrs","title","a","document","createElement","click","handleClick","button","Grid1","Grid","PageHeader","textColor","breadcrumb","SectionPageMarginGradient","PageTitle","Spacer","height","IntroBlock","ButtonBlock","IntroMessage","IntroText","StyledBackgroundSection","className","totalReviews","allContentfulReviews","edges","sum","i","node","starRating","avgRating","Math","round","backgroundSize","backgroundPosition","backgroundRepeat","width","hideBG","marginLeft","Stars","Quote","settings","accessibility","dots","infinite","speed","slidesToShow","slidesToScroll","initialSlide","responsive","breakpoint","styles","margin","padding","border","borderRadius","Slide","Card","anilImage","QuoteText","NameText","chrisImage","michaelImage","davidImage","simonImage","paulImage","tanerImage","p","ppsrPage","location","description","SectionMargin","Wrapper","Content","section","select"],"mappings":"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","file":"component---src-pages-free-ppsr-check-js-bc2b2bed5a7f5d1b6a7b.js","sourcesContent":["import React from \"react\"\nimport SectionMargin from '../Layout/Section/SectionMargin'\nimport Grid2 from '../Layout/Grid2/Grid2'\nimport GridItem from '../Layout/GridItem/GridItem'\nimport {useStaticQuery, graphql, navigate } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport styled from 'styled-components'\nimport Heading1 from '../Type/Heading1'\nimport Paragraph1 from '../Type/Paragraph1'\nimport Button from '../Layout/Button/Button'\n//import StyledLink from '../Type/StyledLink'\n\nconst BestOfBothWorlds = () => {\n    const data = useStaticQuery(graphql`\n    query {\n      placeholderImage: file(relativePath: { eq: \"best-of-both-worlds.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 478) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  const handleClick = () => {\n    navigate('https://value.summon.com.au//');\n  };\n\n    return (\n        <SectionMargin bgColor=\"white\" marginTop=\"60px\">\n            <Grid2>\n                <GridItem order=\"1\">\n                    <Heading1>Yes, the best of both worlds</Heading1>\n                    <Paragraph1>\n                        Finally it’s possible to combine the ease of selling your car to \n                        a dealer, with the value you get from selling privately. Why compromise, \n                        when you can summon us?\n                    </Paragraph1>\n  \n                      <Flex>\n                        <Button onClick={handleClick}>Request valuation</Button>\n                        {/* <Spacer />\n                        <StyledLink to=\"/articles/calculator/\">\n                          Calculate <span style={{whiteSpace: \"nowrap\"}}>your savings</span>\n                        </StyledLink> */}\n                      </Flex>\n                </GridItem>\n                <GridItem order=\"2\">\n                  <ImageBox>\n                    <Img fluid={data.placeholderImage.childImageSharp.fluid} />\n                  </ImageBox>\n                    \n                </GridItem>\n            </Grid2>\n        </SectionMargin> \n    )\n}\n\nconst Flex = styled.div`\n    display: flex;\n    align-items: center;\n`;\n\n// const Spacer = styled.div`\n//     width: 25px;\n// `;\n\nconst ImageBox = styled.div`\n  margin-top: 0px;\n  @media (max-width: 800px) {\n    margin-top: 40px;\n  }\n`\n\nexport default BestOfBothWorlds","import React from \"react\"\nimport styled from 'styled-components'\n\nconst Heading2 = ({ color, children }) => {\n   if(!color) {\n       color = \"black\";  \n   }\n    return (\n        <Heading color={color}>{children}</Heading>\n  )\n} \n\nexport default Heading2;\n\nconst Heading = styled.h2`\n    color: ${props => props.color};\n    font-size: 2.5rem;\n    line-height: 3rem;\n    font-weight: 600;\n    letter-spacing: -0.1rem;\n    margin-bottom: 0px;\n`\n","import React, { Component } from 'react';\nimport ReCAPTCHA from \"react-google-recaptcha\";\nimport { trackCustomEvent } from 'gatsby-plugin-google-analytics';\nimport FormControl from '../Form/FormControl';\nimport ActionControl from '../Form/ActionControl';\n\nimport Input from '../Form/Input';\nimport Select from '../Form/Select';\nimport Checkbox from '../Form/Checkbox';\nimport InputError from '../Form/InputError';\nimport Button from '../Layout/Button/Button';\nimport Paragraph1 from '../Type/Paragraph1';\nimport styled from 'styled-components';\nimport { Link } from \"gatsby\";\nimport ContactTracker from '../ContactTracker/ContactTracker';\n\n\nclass ppsrForm extends Component {\n\n    constructor(props) {\n        super(props);\n\n        this.regVinEl = React.createRef();\n        this.emailEl = React.createRef();\n        this.stateEl = React.createRef();\n        this.makeEl = React.createRef();\n\n        //this.buySellEl = React.createRef();\n        this.recaptchaRef = React.createRef();\n\n        //this.carType = props.carType;\n        //this.closePop = props.closePop;\n\n        this.state = {\n            formSubmissionSuccessful: false,\n            make: \"\",\n            state: \"\",\n            email: \"\",\n            regVin: \"\",\n            formError: \"\",\n            regVinError: \"\",\n            emailError: \"\",\n            stateError: \"\",\n            makeError: \"\",\n            isVerified: false,\n            capatchaValue: \"\",\n            selectedOption: \"\",\n            processing: false,\n            processingError: null,\n        }\n\n        this.regVinValidation = [\"regVinError\",\n            { required: \"Enter a Rego or VIN\" }];\n\n        this.emailValidation = [\"emailError\",\n            {\n                required: \"Enter your email address\",\n                email: \"Enter a valid email address\"\n            }];\n\n        this.makeValidation = [\"makeError\",\n            { required: \"Select a Make\" }];\n\n        this.stateValidation = [\"stateError\",\n            { required: \"Select a State\" }];\n\n\n        this.submitHandler = this.submitHandler.bind(this);\n        this.handleInputChange = this.handleInputChange.bind(this);\n    }\n\n    handleInputChange(event) {\n        const target = event.target;\n        const value = target.value;\n        const name = target.name;\n        this.setState({\n            [name]: value\n        });\n    }\n\n\n    // handleOptionChange = changeEvent => {\n    //     this.setState({\n    //         selectedOption: changeEvent.target.value\n    //     });\n    //     this.validate(changeEvent.target.value, this.buySellValidation);\n    // };\n\n\n    onChangeCaptcha = (value) => {\n        if (value !== null) {\n            this.setState({ isVerified: true, capatchaValue: value });\n        } else {\n            this.setState({ isVerified: false, capatchaValue: null, formError: \"\" });\n        }\n    }\n\n    resetForm = () => {\n        this.setState({\n            isVerified: false, \n            capatchaValue: null, \n            formError: \"\",\n            processingError: null,\n            formSubmissionSuccessful: false, \n            processing: false\n        })\n    }\n\n    submitHandler = (event) => {\n\n        event.preventDefault(); // stop form loading new page\n\n        const email = this.state.email\n        const make = this.state.make;\n        const regVin = this.state.regVin;\n        const state = this.state.state;\n        const valuation = this.state.valuation;\n\n        var errors = 0;\n        errors += this.validate(email, this.emailValidation);\n        errors += this.validate(make, this.makeValidation);\n        errors += this.validate(regVin, this.regVinValidation);\n        errors += this.validate(state, this.stateValidation);\n\n        if (errors !== 0) return errors;\n\n        if (!this.state.isVerified) return; // reCaptacha\n        trackCustomEvent({\n            category: \"Conversion\",  // how to we want to track this in GA?\n            action: \"Form Submission\",\n            label: \"PPSR: \" + this.make\n        });\n\n        let formBody = {\n            email: email,\n            make: make,\n            regoVIN: regVin,\n            state: state,\n            valuation: valuation,\n            source: this.props.source\n        }\n\n\n        this.setState({ formSubmissionSuccessful: false, processing: true, processingError: null }); // shoud add a spinner\n\n        fetch(`https://carxapi.com/ppsr/free`, {\n        //fetch(`http://172.16.16.210:8081/ppsr/free`, {\n            credentials: 'include',\n            method: 'POST',\n            body: JSON.stringify(formBody),\n            headers: {\n                'Capatcha': this.state.capatchaValue,\n                'Content-Type': 'application/json'\n            }\n        }).then(res => {\n            if (res.status !== 200 && res.status !== 201) {\n                this.setState({ formError: \"Unfortunately we were unable to send your request.\" })\n                window.grecaptcha.reset();\n\n                throw new Error('Failed!');\n            }\n            return res.json();\n        })\n            .then(resData => {\n\n                if(resData.error) {\n                   \n                    this.setState({ \n                        processingError: resData.error,\n                        formSubmissionSuccessful: true, \n                        processing: false\n                     });\n                }\n                if(resData.success) {\n\n                    this.setState({ \n                        processingError: null,\n                        formSubmissionSuccessful: true, \n                        processing: false\n                     });\n                }\n            })\n            .catch(err => {\n                console.log(err);\n            });\n\n    };\n\n    validate = (value, validation) => {\n        var fieldValue = value;\n        var errMessage = \"\";\n\n        if ('email' in validation[1]) {\n            let emailValid = fieldValue.match(/^([\\w.%+-]+)@([\\w-]+\\.)+([\\w]{2,})$/i);\n            if (!emailValid) {\n                errMessage = validation[1].email;\n            }\n        }\n        if ('required' in validation[1]) {\n            if (fieldValue.trim().length === 0) {\n                errMessage = validation[1].required;\n            }\n        }\n\n        this.setState({ [validation[0]]: errMessage });\n        return (errMessage === \"\") ? 0 : 1;\n    }\n\n    render() {\n\n\n        const errorMessage = (\n            <>\n            <Paragraph1>\n                <strong>OPPS! Something went wrong.</strong>\n            </Paragraph1>\n           \n            <Paragraph1>\n                <InputError>{this.state.processingError}</InputError>\n            </Paragraph1>\n\n            <Paragraph1>\n                For a successful search:\n                <ol>\n                    <li>Make and State must match NEDVIS database.</li>\n                    <li>Registration or VIN must match PPSR database.</li>\n                    <li>You must be under our search limit threshold. Continuous failed attempts count.</li>\n                    <li>You must enter a valid email address to receive the report.</li>\n                </ol>\n            </Paragraph1>\n\n            <Paragraph1>\n                If you having problems, please contact us at: <br />   \n                <ContactTracker\n                    trackAction=\"Contact\"\n                    trackLabel=\"Email Support\"\n                    hrefType=\"mailto:\"\n                    hrefTo=\"hello@summon.com.au\" >\n                    hello@summon.com.au\n                </ContactTracker>\n            </Paragraph1>\n\n            <Button type=\"button\" onClick={this.resetForm}>Try Again</Button>\n\n\n            </>\n        );\n\n        let confirmationMessage = (\n            <>\n                <Paragraph1>\n                    <strong>Request submitted</strong>\n                </Paragraph1>\n                <Paragraph1>\n                    Thank you for your PPSR request. You will receive an email within the next few minutes with the PPSR certificate.\n                </Paragraph1>\n\n                <Paragraph1>\n                    If you do not receive the email, please check your spam and junk folders.\n                </Paragraph1>\n\n                <Paragraph1>\n                    For assistance, please email&nbsp;  \n                    <ContactTracker\n                        trackAction=\"Contact\"\n                        trackLabel=\"Email Support\"\n                        hrefType=\"mailto:\"\n                        hrefTo=\"hello@summon.com.au\" >\n                        hello@summon.com.au\n                    </ContactTracker>\n                    &nbsp;and include details of your submission (e.g. the registration or VIN) so that we can assist you.\n                </Paragraph1>\n\n                {!this.props.backLink &&\n                    <Paragraph1>\n                        Are you selling a prestige car soon? Request a <Link to=\"https://value.summon.com.au//\">Free Valuation</Link> or learn more\n                        about Summon and our <Link to=\"/sell-with-summon/\">unique service</Link> for getting you the best price for your car.\n                    </Paragraph1>\n                }\n\n                {this.props.backLink && \n                    <>\n                        <Paragraph1>\n                            For more information about how Summon can help you to sell \n                            your {this.props.carAlt ? this.props.carAlt : 'car'}, please visit <Link to=\"/\">www.summon.com</Link>\n                        </Paragraph1>\n                        <Paragraph1>\n                            <a href={\"https://\" + this.props.backLink}>{this.props.backLink.text}</a>\n                        </Paragraph1>\n                    </>\n                }\n                 \n\n            </>\n        );\n\n        if(this.state.processingError) confirmationMessage = errorMessage;\n\n        const processingMessage = (\n            <>\n            <Paragraph1>\n                Please wait a minute, we are checking a few things:\n                <ol>\n                    <li>Make</li>\n                    <li>State</li>\n                    <li>Registration / VIN</li>\n                    <li>NEDVIS Database</li>\n                    <li>PPSR Database</li>\n                    <li>Sending Certificate</li>\n                </ol>\n            </Paragraph1>\n            </>);\n\n\n\n        const pageHTML = (\n\n            <form onSubmit={this.submitHandler}>\n\n                <FormControl>\n                    <LabelContainer>\n                        <LabelBold for=\"make\">Car Make</LabelBold>\n                    </LabelContainer>\n                    <Select\n                        type=\"select\"\n                        id=\"make\"\n                        name=\"make\"\n                        ref={this.emailEl}\n                        onBlur={(e) => this.validate(e.target.value, this.makeValidation)}\n                        onChange={this.handleInputChange}\n                        aria-label=\"Make\"\n                    >\n                        <option value=\"\">Please select</option>\n                        <option value=\"Aston Martin\">Aston Martin</option>\n                        <option value=\"Audi\">Audi</option>\n                        <option value=\"Bentley\">Bentley</option>\n                        <option value=\"BMW\">BMW</option>\n                        <option value=\"Ferrari\">Ferrari</option>\n                        <option value=\"Lamborghini\">Lamborghini</option>\n                        <option value=\"Land Rover\">Land Rover / Range Rover</option>\n                        <option value=\"Maserati\">Maserati</option>\n                        <option value=\"McLaren\">McLaren</option>\n                        <option value=\"Mercedes-Benz\">Mercedes-Benz</option>\n                        <option value=\"Porsche\">Porsche</option>\n                        <option value=\"Rolls Royce\">Rolls Royce</option>\n                        <option value=\"Tesla\">Tesla</option>\n                    </Select>\n                    <InputError style={{ marginTop: '5px' }}>{this.state.makeError}</InputError>\n                </FormControl>\n\n\n                <FormControl>\n                    <LabelContainer>\n                        <LabelBold for=\"regVin\">Rego or Vin</LabelBold><LabelNote>Either way it's still free</LabelNote>\n                    </LabelContainer>\n                    <Input\n                        type=\"text\"\n                        id=\"regVin\"\n                        name=\"regVin\"\n                        onBlur={(e) => this.validate(e.target.value, this.regVinValidation)}\n                        onChange={this.handleInputChange}\n                        aria-label=\"Rego or VIN\"\n                       \n                    />\n                    <InputError>{this.state.regVinError}</InputError>\n                </FormControl>\n\n                <FormControl>\n                    <LabelContainer>\n                        <LabelBold for=\"state\">State of Registration</LabelBold>\n                    </LabelContainer>\n                    <Select\n                        type=\"select\"\n                        id=\"state\"\n                        name=\"state\"\n                        ref={this.stateEl}\n                        onBlur={(e) => this.validate(e.target.value, this.stateValidation)}\n                        onChange={this.handleInputChange}\n                        aria-label=\"State of Registration\"\n                    >\n                        <option value=\"\">Please select</option>\n                        <option value=\"NSW\">New South Wales</option>\n                        <option value=\"QLD\">Queensland</option>\n                        <option value=\"VIC\">Victoria</option>\n                    </Select>\n                    <InputError style={{ marginTop: '5px' }}>{this.state.stateError}</InputError>\n                </FormControl>\n\n                <FormControl>\n                    <LabelContainer>\n                        <LabelBold for=\"email\">Your email</LabelBold><LabelNote> We will email you the results</LabelNote>\n                    </LabelContainer>\n                    <Input\n                        type=\"email\"\n                        id=\"email\"\n                        name=\"email\"\n                        pattern=\"[a-z0-9._%+-]+@[a-z0-9.-]+\\.[a-z]{2,63}$\"\n                        onBlur={(e) => this.validate(e.target.value, this.emailValidation)}\n                        onChange={this.handleInputChange}\n                        aria-label=\"Email\"\n                         />\n                    <InputError>{this.state.emailError}</InputError>\n                </FormControl>\n\n                <FormControl>\n                    <LabelContainer>\n                        <LabelBold for=\"valuation\">Are you selling soon?</LabelBold>\n                    </LabelContainer>\n                    <p>\n                        If you are selling this car, or another prestige car, there is now an \n                        alternative to accepting a low trade-in price or the hassles of selling \n                        privately. Summon can sell your car for you, for a great price.\n                    </p>\n\n                    <div style={{display: 'flex'}}>\n                        <div style={{marginTop:'5px', marginRight: '10px'}}>\n                            <Checkbox\n                                type=\"checkbox\"\n                                id=\"valuation\"\n                                name=\"valuation\"\n                                //onBlur={(e) => this.validate(e.target.value, this.regVinValidation)}\n                                onChange={this.handleInputChange}\n                                aria-label=\"Request valuation\"\n                                />\n                        </div>\n                        <div>\n                            Yes, I own a prestige car ($30k+) and would like to request a <strong>free valuation report</strong> from Summon. <br />\n                            <div style={{fontSize: '0.8rem', color: '#333333', marginTop:'10px'}}>A Summon team member will contact you to request details about your car.</div>\n                        </div>\n                    </div>\n                </FormControl>\n\n\n\n                <div>\n                    <ReCAPTCHA\n                        ref={this.recaptchaRef}\n                        sitekey=\"6LcJvbYUAAAAAIMoSZgsxjjb69wAQ9OhaIoND4nC\"\n                        onChange={this.onChangeCaptcha}\n                        theme=\"light\"\n                        size=\"normal\"\n                    />\n                </div>\n\n                <ActionControl>\n                    <Button type=\"submit\">Submit</Button>\n                    <InputError>{this.state.FormError}</InputError>\n                </ActionControl>\n\n            </form>\n        )\n\n        return (\n\n            <>\n                {!this.state.formSubmissionSuccessful && !this.state.processing && pageHTML}\n                {!this.state.formSubmissionSuccessful && this.state.processing && processingMessage}\n                {this.state.formSubmissionSuccessful && !this.state.processing && confirmationMessage}\n            </>\n\n        );\n    }\n\n}\n\nexport default ppsrForm;\n\nconst LabelContainer = styled.div`\n    margin-bottom: 10px;\n`;\n\nconst LabelBold = styled.label`\n    font-weight: 600;\n    font-size: 1.2rem;\n    margin-right: 10px;\n`;\nconst LabelNote = styled.span`\n    font-weight: 400;\n    font-size: .8rem;\n`;\n\n\n\n\n\n\n\n","import React from 'react';\nimport SectionPageMargin from '../Layout/Section/SectionPageMargin'\nimport Grid2 from '../Layout/Grid2/Grid2'\nimport GridItem from '../Layout/GridItem/GridItem'\nimport Paragraph1 from '../Type/Paragraph1'\nimport { StaticQuery, graphql } from \"gatsby\"\nimport styled from 'styled-components'\nimport Img from \"gatsby-image\"\nimport Form from './Form'\n\nconst freePPSR = (props) => (\n    <StaticQuery\n        query={graphql`\n            query  {\n\n                governmentImage: file(relativePath: { eq: \"ppsr/australian-government-afsa.png\" }) {\n                childImageSharp {\n                    fixed(width: 333, height: 80) {\n                    ...GatsbyImageSharpFixed\n                    }\n                }\n                }\n\n                ppsrImage: file(relativePath: { eq: \"ppsr/ppsr.png\" }) {\n                childImageSharp {\n                    fixed(width: 173, height: 80) {\n                    ...GatsbyImageSharpFixed\n                    }\n                }\n                }\n\n                whatsincludedImage: file(relativePath: { eq: \"ppsr/whats-included.png\" }) {\n                childImageSharp {\n                    fixed(width: 355, height: 217) {\n                    ...GatsbyImageSharpFixed\n                    }\n                }\n                }\n\n            }\n        `}\n        render={data => {\n\n            return (\n                <>\n                    <SectionPageMargin marginBottom=\"0px\">\n                        <TextBlock>\n                            <Paragraph1>\n                                Our car verification check shows the latest information from the official Government PPSR &\n                                NEVDIS databases. We show you the stolen vehicle check, finance check, write-off history\n                                and also provide your with the official PPSR certificate (PDF).\n                            </Paragraph1>\n                            <Paragraph1>\n                                The service is currently only available for VIC, NSW and QLD registered cars. Free searches\n                                are limited to 2 searches per person / email address.\n                            </Paragraph1>\n                        </TextBlock>\n                    </SectionPageMargin>\n\n                    <SectionPageMargin marginTop=\"0px\">\n                        <Grid2 style={{ paddingTop: '40px', paddingBottom: '30px' }}>\n                            <GridItem order=\"2\">\n                                <Form source={props.source} carAlt={props.carAlt} backLink={props.backLink}/>\n                            </GridItem>\n                            <GridItem order=\"1\" align=\"left\">\n                                <Img fixed={data.whatsincludedImage.childImageSharp.fixed} /><br />\n                                <Img fixed={data.governmentImage.childImageSharp.fixed} /><br />\n                                <Img fixed={data.ppsrImage.childImageSharp.fixed} /><br />\n                                <p style={{ paddingLeft: '10px' }}>\n                                    Our free PPSR check service is currently available for the following brands:\n                                    Aston Martin, Audi, Bentley, BMW, Ferrari, Lamborghini, Land Rover / Range Rover,\n                                    Mercedes-Benz, Porsche, Maserati, McLaren, Rolls Royce and Tesla.\n                                </p>\n                            </GridItem>\n                        </Grid2>\n                    </SectionPageMargin>\n                </>\n            )\n        }}\n    />\n)\n\n\nexport default freePPSR;\n\nconst TextBlock = styled.div`\n  max-width: 800px;\n`;\n","import styled from 'styled-components'\n\nconst Checkbox = styled.input.attrs(props => ({\n  type: props.type || 'checkbox'\n}))`\n  outline: none;\n  transform:scale(1.5, 1.5);\n\n  // font-size: 2rem;\n  // background-color: white;\n  // color:  black;\n  // padding: 5px 5px 5px 12px;\n  // border: #CCCCCC solid 1px;\n  // margin-bottom: 0.5rem;\n`\nexport default Checkbox;\n","import React from 'react';\nimport { trackCustomEvent } from 'gatsby-plugin-google-analytics';\nimport styled from 'styled-components';\n\n\nconst ContactTracker = ({ trackAction, trackLabel, hrefTo, children, hrefType }) => {\n\n    const handleClick = () => {\n\n        trackCustomEvent({\n            category: \"Conversion\",\n            action: trackAction,\n            label: trackLabel\n        });\n\n        const a = document.createElement(\"a\");\n        a.href = hrefType + hrefTo;\n        a.click();\n\n    }\n\n     return (\n         <Button title={hrefType + \" \" + hrefTo} onClick={() => handleClick()}>{children}</Button>\n   )\n } \n \n export default ContactTracker;\n\n const Button = styled.button`\n\n    display: inline-block;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    background: none;\n    font-weight: normal;\n    font-size: 1rem;\n\n\n    letter-spacing: -0.05rem;\n    &:hover {\n        opacity: 0.9;\n    }\n  `\n\n\n\n\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst Grid1 = ({children }) => {\n  return (\n    <>\n        <Grid>\n            {children}\n        </Grid>\n    </>\n  )\n} \n\nexport default Grid1\n\nconst Grid = styled.div`\n    display: block;\n    max-width: 800px;\n`;\n","import React from \"react\"\nimport SectionPageMarginGradient from '../Section/SectionPageMarginGradient'\nimport Grid1 from '../Grid1/Grid1'\nimport PageTitle from '../../Type/PageTitle'\nimport Paragraph1 from '../../Type/Paragraph1'\nimport Spacer from '../Spacer/Spacer'\n\nconst PageHeader = ({ bgColor, title, text, textColor, marginBottom, breadcrumb }) => {\n    if(!bgColor) bgColor = \"#3479ae\";\n    if(!textColor) textColor = \"white\";\n    \n  return (\n    <>\n       <SectionPageMarginGradient marginBottom={marginBottom} >\n            <Grid1>\n                <PageTitle color={textColor}>{title}</PageTitle>\n                <Paragraph1 color={textColor}>\n                    {text}\n                </Paragraph1>\n                {breadcrumb}\n                <Spacer height=\"40px\" />\n            </Grid1>\n        </SectionPageMarginGradient>\n    </>\n  )\n} \n\nexport default PageHeader\n\n\n\n","import React from \"react\"\nimport { StaticQuery, graphql, navigate, Link } from \"gatsby\"\nimport styled from 'styled-components'\nimport BackgroundImage from 'gatsby-background-image'\nimport Heading2 from '../Type/Heading2'\nimport Header from \"../Header/Header\"\nimport SectionMargin from '../Layout/Section/SectionMargin'\nimport Button from '../Layout/Button/Button'\n\nconst BackgroundSection = ({ className }) => (\n\t<StaticQuery\n\t\tquery={graphql`\n\t\t\tquery {\n\t\t\t\tplaceholderImage: file(relativePath: { eq: \"intro_background_dark.png\" }) {\n\t\t\t\t\tchildImageSharp {\n\t\t\t\t\tfluid(maxWidth: 1650, quality: 80) {\n\t\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tallContentfulReviews(sort: {fields: date, order: DESC}) {\n\t\t\t\t\tedges {\n\t\t\t\t\t  node {\n\t\t\t\t\t\tstarRating\n\t\t\t\t\t  }\n\t\t\t\t\t}\n\t\t\t\t  }\n\n\t\t\t}\n    \t`}\n\t\trender={data => {\n\n\t\t\tconst handleClick = () => {\n\t\t\t\tnavigate('/sell-with-summon/');\n\t\t\t};\n\n\t\t\tlet totalReviews = data.allContentfulReviews.edges.length;\n\t\t\tlet sum = 0;\n\t\t\tfor (var i = 0; i < totalReviews; i++) {\n\t\t\t\tsum += data.allContentfulReviews.edges[i].node.starRating;\n\t\t\t\tdata.allContentfulReviews.edges[i].node.order = i;\n\t\t\t}\n\t\t\tlet avgRating = sum / totalReviews;\n\t\t\tavgRating = Math.round(avgRating * 10) / 10;\n\n\n\n\t\t\treturn (\n\n\t\t\t\t<IntroBlock>\n\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\tfluid={data.placeholderImage.childImageSharp.fluid}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\twidth: '100%',\n\t\t\t\t\t\t\theight: '100%'\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t<Header hideBG={true}/>\n\n\t\t\t\t\t\t<SectionMargin>\n\t\t\t\t\t\t\t<div style={{ width: '100%' }}>\n\t\t\t\t\t\t\t\t<IntroMessage>\n\t\t\t\t\t\t\t\t\t<Heading2 color=\"white\">\n\t\t\t\t\t\t\t\t\t\tSell your prestige car\n\t\t\t\t\t\t\t\t\t\twith our concierge service.<br />\n\t\t\t\t\t\t\t\t\t\tGreat value, no hassles.\n\t\t\t\t\t\t\t\t\t</Heading2>\n\t\t\t\t\t\t\t\t</IntroMessage>\n\t\t\t\t\t\t\t\t<IntroText>\n\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\tToo busy to sell your prestige car, but don’t want to accept a low dealer trade-in price?\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<p>\n\t\t\t\t\t\t\t\t\t\tSummon removes the hassle of selling privately, and you could get a much better price than selling to a dealer.\n\t\t\t\t\t\t\t\t\t</p>\n\t\t\t\t\t\t\t\t\t<ButtonBlock>\n\t\t\t\t\t\t\t\t\t\t<Button onClick={handleClick}>Get Started</Button>\n\t\t\t\t\t\t\t\t\t\t<div style={{ marginLeft: '20px', fontSize: '.9rem' }}>\n\t\t\t\t\t\t\t\t\t\t\t<Stars style={{ '--rating': avgRating }} /><br />\n\t\t   \t\t\t\t\t\t\t\t\t{avgRating}/5 in <Link to=\"/reviews/\" style={{ color: 'white' }}>customer reviews</Link>\n\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t</ButtonBlock>\n\n\n\n\t\t\t\t\t\t\t\t</IntroText>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</SectionMargin>\n\t\t\t\t\t</BackgroundImage>\n\t\t\t\t</IntroBlock>\n\t\t\t)\n\t\t}}\n\t/>\n)\n\nconst IntroBlock = styled.div`\n\twidth: 100%;\n\theight: 650px; \n\tbackground: black;\n\tdisplay: flex; \n\tjustify-content: center;\n\tmargin-top: -72px;\n\n\t@media (max-width: 850px) {\n\t\theight: 750px; \n\t} \n\n\t@media (max-width: 500px) {\n\t\theight: 800px; \n\t} \n\n`;\n\n\nconst ButtonBlock = styled.div`\n\tdisplay: flex;\n\tmargin-top: 30px;\n`;\n\nconst IntroMessage = styled.div`\n\tpadding-top: 50px;\n\tmargin-bottom: 10px;\n\tmargin-top: 0px;\n\tmax-width: 500px;\n\n`;\n\nconst IntroText = styled.div`\n\tfont-size: 1.5rem;\n\tcolor: white;\n\tletter-spacing: -1px;\n\tmax-width: 670px;\n`\n\nconst StyledBackgroundSection = styled(BackgroundSection)`\n    margin: 0px;\n`\nconst Stars = styled.div`\n  --percent: calc(var(--rating) / 5 * 100%);\n  \n  display: inline-block;\n  font-size: 1.5rem;\n  font-family: Times; // make sure ★ appears correctly\n  line-height: 1;\n  // fa8870 orange\n  // #3479ae blue\n\n  &::before {\n    content: '★★★★★';\n    letter-spacing: 1px;\n    background: linear-gradient(90deg, #fbbb04 var(--percent), #d6d6d6 var(--percent));\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n`;\n\nexport default StyledBackgroundSection\n","import React from \"react\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport styled from 'styled-components'\nimport SectionMargin from '../Layout/Section/SectionMargin'\nimport Img from \"gatsby-image\"\nimport Slider from \"react-slick\";\nimport \"slick-carousel/slick/slick.css\";\nimport \"slick-carousel/slick/slick-theme.css\";\nimport \"./quote.css\";\n\nconst Quote = () => (\n  <StaticQuery\n    query={graphql`\n      query  {\n\n        anilImage: file(relativePath: { eq: \"quotes/anil.jpg\" }) {\n          childImageSharp {\n            fixed(width: 105, height: 105) {\n            ...GatsbyImageSharpFixed\n            }\n          }\n        }\n\n\n        davidImage: file(relativePath: { eq: \"quotes/david.jpg\" }) {\n          childImageSharp {\n            fixed(width: 105, height: 105) {\n            ...GatsbyImageSharpFixed\n            }\n          }\n        }\n\n        michaelImage: file(relativePath: { eq: \"quotes/michael.jpg\" }) {\n          childImageSharp {\n            fixed(width: 105, height: 105) {\n            ...GatsbyImageSharpFixed\n            }\n          }\n        }\n\n       simonImage: file(relativePath: { eq: \"quotes/simon.jpg\" }) {\n          childImageSharp {\n            fixed(width: 105, height: 105) {\n            ...GatsbyImageSharpFixed\n            }\n          }\n        }\n\n       paulImage: file(relativePath: { eq: \"quotes/paul.jpg\" }) {\n          childImageSharp {\n            fixed(width: 105, height: 105) {\n            ...GatsbyImageSharpFixed\n            }\n          }\n        }\n\n        tanerImage: file(relativePath: { eq: \"quotes/taner.jpg\" }) {\n          childImageSharp {\n            fixed(width: 105, height: 105) {\n            ...GatsbyImageSharpFixed\n            }\n          }\n        }\n\n        chrisImage: file(relativePath: { eq: \"quotes/chris.jpg\" }) {\n          childImageSharp {\n            fixed(width: 105, height: 105) {\n            ...GatsbyImageSharpFixed\n            }\n          }\n        }\n\n      }\n    `}\n    render={data => {\n\n      var settings = {\n        accessibility: false,\n        dots: true,\n        infinite: true,\n        speed: 500,\n        slidesToShow: 3,\n        slidesToScroll: 1,\n        initialSlide: 0,\n        responsive: [\n          {\n            breakpoint: 1220,\n            settings: {\n              slidesToShow: 2,\n              slidesToScroll: 1,\n              infinite: true,\n              dots: true\n            }\n          },\n          {\n            breakpoint: 940,\n            settings: {\n              slidesToShow: 1,\n              slidesToScroll: 1,\n              infinite: true,\n              dots: true\n            }\n          },\n\n        ]\n      };\n\n      const styles = {\n        margin: '0px',\n        padding: '0px',\n        border: '2px solid #3988c4',\n        borderRadius: '50%',\n      }\n\n\n      return (\n\n        <SectionMargin>\n\n          <div style={{ width: '95%' }}>\n\n            <Slider {...settings}>\n\n            <div>\n                <Slide>\n                  <Card>\n                    <Img style={styles} fixed={data.anilImage.childImageSharp.fixed} />\n                    <QuoteText>\n                        I will never sell a car any other way. Using Summon was incredibly \n                        convenient and easy. The team was responsive, worked around my \n                        schedule, and were able to sell my car for a great price.\n                      <NameText>\n                        - Anil. Audi Q7\n                      </NameText>\n                    </QuoteText>\n                  </Card>\n                </Slide>\n              </div>\n\n              <div>\n                <Slide>\n                  <Card>\n                    <Img style={styles} fixed={data.chrisImage.childImageSharp.fixed} />\n                    <QuoteText>\n                      From the outset, the communication from\n                      the team at Summon has been first class.\n                      The bespoke professional photography\n                      truly sets the listing apart from others.\n                      I would highly recommend the services of\n                      Summon.\n                      <NameText>\n                        - Chris. Mercedes AMG C63\n                      </NameText>\n                    </QuoteText>\n                  </Card>\n                </Slide>\n              </div>\n\n\n              <div>\n                <Slide>\n                  <Card>\n                    <Img style={styles} fixed={data.michaelImage.childImageSharp.fixed} />\n                    <QuoteText>\n                      Summon made the sale of my car easy. Every step\n                       along the way was stress free. Communication \n                       and the quality of the advice were both excellent!\n                      <NameText>\n                        - Michael. Porsche Cayman\n                      </NameText>\n                    </QuoteText>\n                  </Card>\n                </Slide>\n              </div>\n\n            <div>\n                <Slide>\n                  <Card>\n                    <Img style={styles} fixed={data.davidImage.childImageSharp.fixed} />\n                    <QuoteText>\n                      Despite the initial thoughts of its too good\n                       to be true, they were able to provide the \n                       full service and achieve above what they \n                       valued the vehicle at.\n                      <NameText>\n                        - David. Audi Q7\n                      </NameText>\n                    </QuoteText>\n                  </Card>\n                </Slide>\n              </div>\n\n              <div>\n                <Slide>\n                  <Card>\n                    <Img style={styles} fixed={data.simonImage.childImageSharp.fixed} />\n                    <QuoteText>\n                      You guys have been outstanding to\n                      work with, I still can’t believe you\n                      got it away in the middle of this\n                      lockdown!  It is a great idea for a\n                      business and the execution is faultless.\n                      <NameText>\n                        - Simon. Audi RS Q3\n                      </NameText>\n                    </QuoteText>\n                  </Card>\n                </Slide>\n              </div>\n\n              <div>\n                <Slide>\n                  <Card>\n                    <Img style={styles} fixed={data.paulImage.childImageSharp.fixed} />\n                    <QuoteText>\n                      I was delighted from the first encounter.\n                      The process for preparing the car for sale,\n                      negotiation, pick up and collection upon\n                      settlement, was extremely easy.\n                      Being time poor, a highly valued service.\n                      <NameText>\n                        - Paul. Porsche Macan GTS\n                      </NameText>\n                    </QuoteText>\n                  </Card>\n                </Slide>\n              </div>\n\n              <div>\n                <Slide>\n                  <Card>\n                    <Img style={styles} fixed={data.tanerImage.childImageSharp.fixed} />\n                    <QuoteText>\n                      It was an excellent process that exceeded\n                      my expectations. I will strongly suggest\n                      your services to all of my friends.\n                      <NameText>\n                        - Taner. BMW M850i\n                      </NameText>\n                    </QuoteText>\n                  </Card>\n                </Slide>\n              </div>\n\n            </Slider>\n          </div>\n\n        </SectionMargin>\n      )\n    }}\n  />\n)\n\nexport default Quote\n\nconst Slide = styled.div`\n    display: flex;\n    justify-content: center;\n    align-items: center; \n    height: 400px;\n`;\n\nconst Card = styled.div`\n  position: relative;\n  align-self: center;\n  text-align: center;\n  padding: 30px;\n  width: 200px;\n  height: 300px;\n  border: 1px solid #cecece;\n  border-radius: 4px;\n  background: white;\n  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);\n`;\n\nconst QuoteText = styled.div`\n  font-size: 0.9rem;\n  line-height: 1.2rem;\n  letter-spacing: -0.05rem;\n  margin-top: 20px;\n  margin-bottom: 10px;\n  text-align: left;\n`\nconst NameText = styled.p`\n  text-align: center;\n  margin: 10px 0px 10px 0px;\n`\n\n\n\n","import React from 'react';\nimport Layout from \"../components/Layout/Layout\"\nimport SEO from \"../components/Seo/Seo\"\nimport HomeIntro from '../components/HomeIntro/HomeIntro'\nimport Quote from '../components/Quotes/Quotes'\nimport BestOfBothWorlds from '../components/BestOfBothWorlds/BestOfBothWorlds'\nimport PageHeader from '../components/Layout/PageHeader/PageHeader'\nimport FreePPSR from '../components/FreePPSR/FreePPSR'\n\nconst ppsrPage = ({location}) => (\n\n      <Layout>\n        \n        <SEO  title=\"Free PPSR check for prestige cars\" \n              description=\"For a limited time only we are offering free PPSR / VIN checks and PPSR Certificates for a selection of prestige car brands.\"\n              location={location}\n        />\n        <PageHeader\n              title=\"Free PPSR check for prestige cars\"\n              text=\"Sorry, this service is no longer available.\"\n            />\n{/* \n        <FreePPSR \n          source={'Summon'}\n        /> */}\n\n        {/* <HomeIntro />  */}\n      \n        <Quote />\n\n        <BestOfBothWorlds />\n\n      </Layout>\n\n    );\n\n\nexport default ppsrPage\n\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst SectionMargin  = ({ bgColor, children, marginTop, marginBottom }) => {\n  if(!marginTop) marginTop = \"0px\";\n  if(!marginBottom) marginBottom = \"100px\";\n\n  return (\n    <>\n        <Wrapper bgColor={bgColor} marginTop={marginTop} marginBottom={marginBottom}>\n            <Content>{children}</Content>\n        </Wrapper>\n    </>\n  )\n} \n\nexport default SectionMargin\n\nconst Wrapper = styled.section`\n    display: grid;\n    margin-top:  ${props => props.marginTop};\n    margin-bottom:  ${props => props.marginBottom};\n    grid-template-columns: minmax(400px, 1300px);\n    background-color: ${props => props.bgColor};\n    justify-content: center;\n\n`;\n\nconst Content = styled.div`\n    margin-left: 200px;\n    margin-right: 200px;\n    display: flex;\n    justify-content: center;\n\n    @media (max-width: 800px) {\n      margin-left: 30px;\n      margin-right: 30px;\n    }\n`;\n","import styled from 'styled-components'\n\nconst Select = styled.select`\n    display: block;\n    font-size: 16px;\n    //font-size: 1 rem;\n    //font-family: sans-serif; \n    font-weight: 400;\n    color: #444;\n    line-height: 1.3;\n    padding: .3em 1.4em .3em .8em;\n    width: 300px;\n    max-width: 100%;  /* useful when width is set to anything other than 100% */\n    box-sizing: border-box;\n    margin: 0;\n    border: 1px solid #aaa;\n    border-radius: 0px; \n    -moz-appearance: none;\n    -webkit-appearance: none;\n    appearance: none;\n    background-color: #fff;\n    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');\n    background-repeat: no-repeat, repeat;\n    background-position: right .7em top 50%, 0 0;\n    background-size: .65em auto, 100%;\n\n    &:-ms-expand {\n        display: none;\n    }\n\n    &:hover {\n        border-color: #888;\n    }\n\n    &:focus {\n        border-color: #aaa;\n        box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);\n        box-shadow: 0 0 0 3px -moz-mac-focusring;\n        color: #222; \n        outline: none;\n    }\n    \n    option {\n        font-weight:normal;\n    }\n\n  `\n  export default Select;\n  "],"sourceRoot":""}