{"version":3,"sources":["webpack:///./src/pages/ppsr-payment-success.js","webpack:///./src/components/BestOfBothWorlds/BestOfBothWorlds.js","webpack:///./src/components/Type/Heading2.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/components/Layout/Section/SectionMargin.js"],"names":["ppsrPage","title","description","text","to","Flex","styled","div","ImageBox","BestOfBothWorlds","data","useStaticQuery","bgColor","marginTop","order","onClick","navigate","fluid","placeholderImage","childImageSharp","Heading2","color","children","Heading","h2","props","Grid1","Grid","PageHeader","textColor","marginBottom","breadcrumb","SectionPageMarginGradient","PageTitle","Paragraph1","Spacer","height","IntroBlock","ButtonBlock","IntroMessage","IntroText","StyledBackgroundSection","className","query","render","totalReviews","allContentfulReviews","edges","length","sum","i","node","starRating","avgRating","Math","round","style","backgroundSize","backgroundPosition","backgroundRepeat","width","hideBG","marginLeft","fontSize","Stars","Quote","settings","accessibility","dots","infinite","speed","slidesToShow","slidesToScroll","initialSlide","responsive","breakpoint","styles","margin","padding","border","borderRadius","Slide","Card","fixed","anilImage","QuoteText","NameText","chrisImage","michaelImage","davidImage","simonImage","paulImage","tanerImage","p","SectionMargin","Wrapper","Content","section"],"mappings":"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","file":"component---src-pages-ppsr-payment-success-js-814029d0a8a7c0bcda85.js","sourcesContent":["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 SectionPageMargin from '../components/Layout/Section/SectionPageMargin'\nimport Grid2 from '../components/Layout/Grid2/Grid2'\nimport GridItem from '../components/Layout/GridItem/GridItem'\nimport PageHeader from '../components/Layout/PageHeader/PageHeader'\nimport Paragraph1 from '../components/Type/Paragraph1'\nimport Heading2 from '../components/Type/Heading2'\nimport { Link } from \"gatsby\"\n\nconst ppsrPage = () =>  (\n\n      <Layout>\n        \n        <SEO  title=\"\" \n              description=\"\"\n        />\n\n        <PageHeader\n              title=\"PPSR\"\n              text=\"\"\n            />\n\n        <SectionPageMargin >\n          <Grid2>\n            <GridItem>\n              <Heading2>Payment Successful</Heading2>\n              <Paragraph1>\n                  Thank you for your PPSR check payment. We will email you the PPSR Certificate \n                  within 24 hours (normally sooner). \n              </Paragraph1>\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            </GridItem>\n            <GridItem>\n              \n            </GridItem>\n          </Grid2>\n        </SectionPageMargin>\n\n        <HomeIntro />\n      \n        <Quote />\n\n        <BestOfBothWorlds />\n\n      </Layout>\n\n    )\n\nexport default ppsrPage\n\n\n","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 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 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"],"sourceRoot":""}