{"version":3,"sources":["webpack:///./src/components/Type/Heading2.js","webpack:///./src/pages/price.js","webpack:///./src/components/Layout/Grid1/Grid1.js","webpack:///./src/components/Layout/PageHeader/PageHeader.js","webpack:///./src/components/Layout/Spacer/Spacer.js","webpack:///./src/components/Layout/Section/Section.js","webpack:///./src/components/SideDrawer/DrawerToogleButton.js","webpack:///./src/components/Navigation/MainNavigation.js","webpack:///./src/components/SideDrawer/SideDrawer.js","webpack:///./src/components/Backdrop/Backdrop.js","webpack:///./src/components/Header/Header.js","webpack:///./src/components/Type/Heading4.js","webpack:///./src/components/Layout/Section/SectionPageMarginGradient.js","webpack:///./src/components/Type/PageTitle.js","webpack:///./src/components/Footer/Footer.js","webpack:///./src/components/Layout/Layout.js"],"names":["Heading2","color","children","Heading","styled","h2","props","MakePage","location","data","activeMakes","allValuation","distinct","map","item","i","makeElement","MakeLink","key","to","fixed","audiImg","childImageSharp","style","display","bmwImg","landRoverImg","maseratiImg","mercedesBenzImg","porscheImg","teslaImg","toyotaImg","volvoImg","title","description","marginBottom","text","MakeContainter","div","Link","Grid1","Grid","PageHeader","bgColor","textColor","breadcrumb","SectionPageMarginGradient","PageTitle","Paragraph1","Spacer","height","Space","Section","marginTop","Wrapper","Content","section","drawerToggleButton","className","onClick","click","mainNavigation","activeStyles","borderBottom","hideBG","drawClickHandler","width","alt","activeStyle","partiallyActive","sideDrawer","drawerClasses","show","backdrop","aria-label","Header","state","sideDrawerOpen","drawerToggleClickHandler","setState","prevState","backdropClickHandler","render","backDrop","this","Component","Heading4","h3","attrs","Title","h1","handleClick","url","a","document","createElement","href","target","rel","CopyContainer","ACNContainer","StyledLink","IconContainer","footer","SectionPageMargin","Grid2","paddingTop","paddingBottom","GridItem","order","whiteSpace","Date","getFullYear","align","IconButton","event","Layout","Footer"],"mappings":"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","file":"component---src-pages-price-js-5f295c65f2b797a030bf.js","sourcesContent":["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 { graphql, Link } from 'gatsby'\nimport Img from \"gatsby-image\"\nimport styled from 'styled-components'\nimport Layout from \"../components/Layout/Layout\"\nimport PageHeader from '../components/Layout/PageHeader/PageHeader'\nimport SectionPageMargin from '../components/Layout/Section/SectionPageMargin'\nimport Heading2 from '../components/Type/Heading2'\nimport Heading4 from '../components/Type/Heading4'\nimport Paragraph1 from '../components/Type/Paragraph1'\nimport SEO from \"../components/Seo/Seo\"\n\nconst MakePage = ({ location, data }) => {\n\n  const activeMakes = data.allValuation.distinct.map((item, i) => {\n\n      let makeElement = null;\n\n    if (item === \"Audi\") makeElement =\n      <MakeLink key={item+i} to={\"/price/audi/\"}>\n        <Img fixed={data.audiImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>Audi</span>\n      </MakeLink>;\n\n    if (item === \"BMW\") makeElement =\n      <MakeLink to={\"/price/bmw/\"}>\n        <Img fixed={data.bmwImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>BMW</span>\n      </MakeLink>;\n\n    if (item === \"Land Rover\") makeElement =\n      <MakeLink to={\"/price/land-rover/\"}>\n        <Img fixed={data.landRoverImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>Land Rover</span>\n      </MakeLink>;\n\n    if (item === \"Maserati\") makeElement =\n      <MakeLink to={\"/price/maserati/\"}>\n        <Img fixed={data.maseratiImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>Maserati</span>\n      </MakeLink>;\n\n    if (item === \"Mercedes-Benz\") makeElement =\n      <MakeLink to={\"/price/mercedes-benz/\"}>\n        <Img fixed={data.mercedesBenzImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>Mercedes-Benz</span>\n      </MakeLink>;\n\n    if (item === \"Porsche\") makeElement =\n      <MakeLink to={\"/price/porsche/\"}>\n        <Img fixed={data.porscheImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>Porsche</span>\n      </MakeLink>;\n\n    if (item === \"Tesla\") makeElement =\n      <MakeLink to={\"/price/tesla/\"}>\n        <Img fixed={data.teslaImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>Tesla</span>\n      </MakeLink>;\n\n    if (item === \"Toyota\") makeElement =\n      <MakeLink to={\"/price/toyota/\"}>\n        <Img fixed={data.toyotaImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>Toyota</span>\n      </MakeLink>;\n\n    if (item === \"Volvo\") makeElement =\n      <MakeLink to={\"/price/volvo/\"}>\n        <Img fixed={data.volvoImg.childImageSharp.fixed} style={{ display: 'block' }} />\n        <span>Volvo</span>\n      </MakeLink>;\n\n      return makeElement\n  });\n\n  return (\n    <Layout>\n\n      <SEO title=\"Price guide for prestige cars in Australia\"\n        description=\"How much are prestige cars worth in Australia? Find out here.\"\n        location={location}\n      />\n\n      <PageHeader marginBottom=\"10px\"\n        title=\"Price Guide for prestige cars in Australia\"\n        text=\"How much are prestige cars worth in Australia? Find out here.\"\n      />\n\n      <SectionPageMargin marginBottom=\"40px\">\n\n        <Heading2>Valuations</Heading2>\n\n        <Paragraph1>\n          At Summon we deal with a wider range of car brands than shown below. However, the following\n          car makes have sufficient volumes of sales to provide a useful price guide.  We have omitted\n          vehicles (make-model-badge-series-year combination) where we have less than 8 sample sales\n          in the last 12 months.\n      </Paragraph1>\n\n        <Heading4>\n          Please select a make\n      </Heading4>\n\n        <MakeContainter>\n\n          {activeMakes}\n\n        </MakeContainter>\n\n      </SectionPageMargin>\n\n\n    </Layout>\n  )\n}\n\nexport default MakePage\n\nconst MakeContainter = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  margin-bottom: 40px;\n\n  @media (max-width: 600px) {\n    justify-content: center;\n  }\n`;\n\nconst MakeLink = styled(Link)`\n\tborder: 1px solid #CCCCCC;\n\tborder-radius: 5px;\n\ttext-align: center;\n\tpadding: 10px;\n\tbackground: white;\n\tmargin: 10px;\n\n\t&:hover {\n\t\tbox-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);\n\t  }\n`\n\nexport const PageQuery = graphql`\n  query {\n\n    allValuation {\n      distinct(field: make)\n    }\n\n    audiImg: file(relativePath: { eq: \"car-logos/audi.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n\n    bmwImg: file(relativePath: { eq: \"car-logos/bmw.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n\n    landRoverImg: file(relativePath: { eq: \"car-logos/land-rover.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n\n    maseratiImg: file(relativePath: { eq: \"car-logos/maserati.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n\n    mercedesBenzImg: file(relativePath: { eq: \"car-logos/mercedes-benz.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n\n    porscheImg: file(relativePath: { eq: \"car-logos/porsche.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n    \n    teslaImg: file(relativePath: { eq: \"car-logos/tesla.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n\n    toyotaImg: file(relativePath: { eq: \"car-logos/toyota.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n\n    volvoImg: file(relativePath: { eq: \"car-logos/volvo.png\" }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\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 styled from 'styled-components'\n\nconst Spacer = ({ height }) => {\n  return (\n        <Space height={height}></Space>\n  )\n} \nexport default Spacer\n\nconst Space = styled.div`\n    display: block;\n    width: 100%;\n    height: ${props => props.height};\n`;\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst Section = ({ 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 Section\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\nconst Content = styled.div`\n    margin-left: 10px;\n    margin-right: 10px;\n\n    @media (max-width: 800px) {\n      margin-left: 30px;\n      margin-right: 30px;\n    }\n`;\n","import React from 'react'\n\nimport './DrawerToggleButton.css'\n\nconst drawerToggleButton = props => (\n  <button className=\"toggle-button\" title=\"navigation\" onClick={props.click}>\n    <div className=\"toggle-button__line\" />\n    <div className=\"toggle-button__line\" />\n    <div className=\"toggle-button__line\" />\n  </button>\n)\n\nexport default drawerToggleButton","import React from 'react';\nimport { Link } from \"gatsby\"\nimport Section from \"../Layout/Section/Section\"\nimport '../SideDrawer/DrawerToogleButton';\nimport Logo from \"./assets/summon-logo-white.svg\";\n\nimport './MainNavigation.css';\nimport DrawerToggleButton from '../SideDrawer/DrawerToogleButton';\n\nconst mainNavigation = props => {\n    \n    const activeStyles ={\n        borderBottom: '2px solid white'\n    }\n\n\n    return (\n    \n    <Section bgColor={props.hideBG? \"\" : \"#3988c4\"} marginBottom=\"0px\">\n        <div className=\"main-navigation\">\n        \n            <div className=\"toolbar__toggle-button\"><DrawerToggleButton click={props.drawClickHandler}/></div>\n            <div className=\"main-navigation__logo\">\n                <Link title=\"Summon Home\" to=\"/\"><Logo width=\"170px\" alt=\"Summon\"/></Link>            \n            </div>\n            <div className=\"spacer\"></div>\n        \n            <nav className=\"main-navigation__items\">\n                <ul>\n                    \n                    <li><Link to=\"https://value.summon.com.au//\"  activeStyle={activeStyles} partiallyActive={true}>Free valuation</Link></li>\n                    <li><Link to=\"/articles/\" activeStyle={activeStyles} partiallyActive={true}>Articles</Link></li>\n                    <li><Link to=\"/sell-with-summon/\" activeStyle={activeStyles} partiallyActive={true}>Sell your car</Link></li>\n                    <li><Link to=\"/recent-listings/\"  activeStyle={activeStyles} partiallyActive={true}>Listings</Link></li>\n                    <li><Link to=\"/reviews/\" activeStyle={activeStyles} partiallyActive={true}>Reviews</Link></li>\n                    <li><Link to=\"/faq/\" activeStyle={activeStyles} partiallyActive={true}>FAQ</Link></li> \n                    <li><Link to=\"/about/\" activeStyle={activeStyles} partiallyActive={true}>About</Link></li>\n                    {/* <li><Link to=\"/contact\" activeStyle={activeStyles} partiallyActive={true}>Contact</Link></li> */}\n                </ul>\n            </nav>\n        </div>\n        \n    </Section>\n\n    );\n}\n\nexport default mainNavigation;","import React from 'react'\nimport { Link } from \"gatsby\"\n\n\nimport './SideDrawer.css';\n\nconst sideDrawer = props => {\n\n            \n    let drawerClasses = 'side-drawer';\n    if (props.show) {\n        drawerClasses = 'side-drawer open'; \n    }\n\n    return (\n        \n        <nav className={drawerClasses}>\n            <ul>\n                <li><Link onClick={props.click} to=\"/\">Home</Link></li>\n                <li><Link onClick={props.click} to=\"https://value.summon.com.au//\">Free valuation</Link></li>\n                <li><Link onClick={props.click} to=\"/articles/\">Articles</Link></li>\n                <li><Link onClick={props.click} to=\"/sell-with-summon/\">Sell your car</Link></li>\n                <li><Link onClick={props.click} to=\"/recent-listings/\">Listings</Link></li>\n                <li><Link onClick={props.click} to=\"/reviews/\">Reviews</Link></li>\n                <li><Link onClick={props.click} to=\"/faq/\">FAQ</Link></li> \n                <li><Link onClick={props.click} to=\"/about/\">About</Link></li>\n                <li><Link onClick={props.click} to=\"/contact/\">Contact</Link></li> \n            </ul>\n        </nav>\n\n    );\n       \n};\n\nexport default sideDrawer","import React from 'react';\n\nimport './Backdrop.css';\n\nconst backdrop = props => (\n    <button className=\"backdrop\" aria-label=\"back drop\" onClick={props.click}/>\n);\n\nexport default backdrop;","import React, { Component } from \"react\";\n\nimport MainNavigation from \"../Navigation/MainNavigation\";\nimport SideDrawer from \"../SideDrawer/SideDrawer\";\nimport Backdrop from \"../Backdrop/Backdrop\";\n\nclass Header extends Component {\n\n    state = {sideDrawerOpen: false };\n\n    drawerToggleClickHandler = () => {\n\t\tthis.setState(prevState => {\n\t\t\treturn { sideDrawerOpen: !prevState.sideDrawerOpen };\n\t\t});\n\t};\n\n\tbackdropClickHandler = () => {\n\t\tthis.setState({ sideDrawerOpen: false });\n    };\n    \n\n    render() {\n\n        let backDrop;\n\t\tif (this.state.sideDrawerOpen) {\n\t\t\tbackDrop = <Backdrop click={this.backdropClickHandler} />;\n        }\n        \n        return (\n            <header>\n                <MainNavigation\n\t\t\t\tdrawClickHandler={this.drawerToggleClickHandler}\n                hideBG={this.props.hideBG}\n                />\n                <SideDrawer\n                    show={this.state.sideDrawerOpen}\n                    click={this.backdropClickHandler}\n                />\n                {backDrop}\n            </header>                 \n        );\n\n    }\n\n}\n\nexport default Header;\n","import styled from 'styled-components'\n\nconst Heading4 = styled.h3.attrs(props => ({\n    color: props.color || 'black'\n  }))`\n  color: ${props => props.color};\n  font-size: 1.6rem;\n  line-height: 3rem;\n  font-weight: 600;\n  letter-spacing: -0.1rem;\n  margin-bottom: 20px;\n  `\n  export default Heading4;\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst SectionPageMarginGradient = ({ 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 SectionPageMarginGradient\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: rgb(57,136,196);\n    background: linear-gradient(180deg, rgba(57,136,196,1) 0%, rgba(49,117,169,1) 100%);\n    justify-content: center;\n`;\n\nconst Content = styled.div`\n    margin-left: 100px;\n    margin-right: 100px;\n\n    @media (max-width: 800px) {\n      justify-content: center;\n      margin-left: 30px;\n      margin-right: 30px;\n    }\n`;\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst PageTitle = ({ color, children }) => {\n   if(!color) {\n       color = \"black\";  \n   }\n    return (\n        <Title color={color}>{children}</Title>\n  )\n} \n\nexport default PageTitle;\n\nconst Title = styled.h1`\n    margin-top: 30px;\n    font-weight: 600;\n    color: ${props => props.color};\n    font-size: 3rem;\n    line-height: 3rem;\n    letter-spacing: -0.1rem;\n`\n","import React from 'react';\nimport { Link } from \"gatsby\"\nimport SectionPageMargin from '../Layout/Section/SectionPageMargin'\nimport Grid2 from '../Layout/Grid2/Grid2'\nimport GridItem from '../Layout/GridItem/GridItem'\nimport styled from 'styled-components'\nimport FacebookIcon from '../../images/assets/facebook.svg'\nimport TwitterIcon from '../../images/assets/twitter.svg'\nimport InstagramIcon from '../../images/assets/instagram.svg'\nimport IconButton from '../Layout/Button/IconButton'\n\n\nconst footer = props => (\n\n         <SectionPageMargin bgColor=\"#3479ae\" marginTop=\"0px\" marginBottom=\"0px\">\n       \n                <Grid2 style={{paddingTop: '50px', paddingBottom: '50px'}}>\n                    <GridItem order=\"2\">\n                        <StyledLink to=\"/terms/\"><span style={{whiteSpace: \"nowrap\"}}>Terms and conditions</span></StyledLink>\n                        <StyledLink to=\"/privacy/\"><span style={{whiteSpace: \"nowrap\"}}>Privacy policy</span></StyledLink>\n                        <StyledLink to=\"/contact/\">Contact</StyledLink>\n                        <StyledLink to=\"/covid-safe-measures/\"><span style={{whiteSpace: \"nowrap\"}}>Covid Measures</span></StyledLink>\t\n                        <CopyContainer>\n                            {'Copyright © Summon IO Pty Ltd'}\n                                {' '}\n                                {new Date().getFullYear()}\n                                {'.'} <br/>\n                            <ACNContainer>ACN: 640 473 463</ACNContainer>\n                        </CopyContainer>\n                    </GridItem>\n                    <GridItem order=\"1\" align=\"right\">\n                        <IconContainer>\n                            <IconButton onClick={(event) => handleClick(\"https://www.facebook.com/summoncars\")}>\n                                <FacebookIcon/> \n                            </IconButton>\n                            <IconButton onClick={(event) => handleClick(\"https://www.twitter.com/summon_cars\")}>\n                                <TwitterIcon/> \n                            </IconButton>\n                            <IconButton onClick={(event) => handleClick(\"https://www.instagram.com/summoncars\")}>\n                                <InstagramIcon/> \n                            </IconButton>\n                        </IconContainer>\n                    </GridItem>\n                </Grid2>\n    \n         </SectionPageMargin>\n   \n);\n\nconst handleClick = (url) => {\n    const a = document.createElement(\"a\");\n    a.href = url;\n    a.target = \"_blank\";\n    a.rel = \"noopener\";\n    a.click();\n}\n\n\nconst CopyContainer = styled.div`\n    padding-top: 10px;\n    padding-bottom: 20px;\n    color: white;\n`;\n\nconst ACNContainer = styled.div`\n    padding-top: 5px;\n    color: white;\n`;\n\n\nconst StyledLink = styled(Link)`\n\n font-weight: bold;\n text-decoration: none;\n color: white;\n margin-right: 30px;\n line-height: 2rem;\n\n &:hover {\n    color: #c7edfb;\n  }\n\n\n @media (max-width: 800px) {\n    display: block;\n    margin-bottom: 10px; \n  }\n\n`\n\nconst IconContainer = styled.div`\n\n    padding-bottom: 20px;\n`;\n\n\n\nexport default footer;","/**\n * Layout component that queries for data\n * with Gatsby's useStaticQuery component\n *\n * See: https://www.gatsbyjs.org/docs/use-static-query/\n */\n\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\n\nimport Footer from \"../Footer/Footer\"\nimport Header from \"../Header/Header\"\nimport \"./Layout.css\"\n\nconst Layout = ({ children }) => {\n  \n  return (\n    <>\n        <Header />\n      \n          <main>{children}</main>\n\n        <Footer />\n      \n    </>\n  )\n} \n\nLayout.propTypes = {\n  children: PropTypes.node.isRequired,\n}\n\nexport default Layout\n"],"sourceRoot":""}