{"version":3,"sources":["webpack:///./src/components/Type/Heading2.js","webpack:///./src/templates/valuation-make-model-badge.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","MakeModelBadgeCarPage","location","data","pageContext","slugger","part","replace","toLowerCase","badgeTxt","badge","carList","allValuation","edges","map","edge","i","carSlug","node","carName","key","ButtonLink","to","breadcrumb","style","make","model","title","description","marginBottom","text","Containter","MakeLink","alignSelf","fixed","logoImg","childImageSharp","SelectBox","margin","listStyleType","padding","div","Link","Grid1","Grid","PageHeader","bgColor","textColor","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-templates-valuation-make-model-badge-js-68e356e679f25f7c81f6.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 Layout from \"../components/Layout/Layout\"\nimport PageHeader from '../components/Layout/PageHeader/PageHeader'\nimport SectionPageMargin from '../components/Layout/Section/SectionPageMargin'\nimport SEO from \"../components/Seo/Seo\"\nimport styled from 'styled-components'\nimport Heading2 from '../components/Type/Heading2'\nimport Heading4 from '../components/Type/Heading4'\nimport Paragraph1 from \"../components/Type/Paragraph1\"\n\nconst MakeModelBadgeCarPage = ({ location, data, pageContext }) => {\n\n  const slugger = (part) => {\n    return part.replace(/\\s+/g, '-').toLowerCase();\n  }\n\n  let badgeTxt = (pageContext.badge !== \"(No Badge)\") ? pageContext.badge : \"\";\n\n  const carList = data.allValuation.edges.map((edge, i) => {\n    let carSlug = edge.node.carName.replace(/\\s+/g, '-').toLowerCase();\n    return (\n      <li key={i}><ButtonLink to={\"/price/\" + carSlug + \"/\"}>{edge.node.carName}</ButtonLink></li>\n    );\n  });\n\n  let breadcrumb = <div style={{ color: 'white' }}>\n    Valuations: &nbsp;\n    <Link style={{ color: 'white' }} to=\"/price/\">Make</Link> &nbsp; / &nbsp;\n    <Link style={{ color: 'white' }} to={slugger(\"/price/\" + pageContext.make + \"/\")}>{pageContext.make}</Link> &nbsp; / &nbsp;\n    <Link style={{ color: 'white' }} to={slugger(\"/price/\" + pageContext.make + \"/\" + pageContext.model + \"/\")}>{pageContext.model}</Link> &nbsp; / &nbsp; {pageContext.badge}\n  </div>\n\n  return (\n    <Layout>\n\n      <SEO title={\"Price guide for \" + pageContext.make + \" \" + pageContext.model + \" \" + badgeTxt + \" cars in Australia\"}\n        description={\"How much are \" + pageContext.make + \" \" + pageContext.model + \" \" + badgeTxt + \" cars worth in Australia? Find out here.\"}\n        location={location}\n      />\n\n      <PageHeader marginBottom=\"10px\"\n        title={\"Price guide for \" + pageContext.make + \" \" + pageContext.model + \" \" + badgeTxt + \" cars in Australia\"}\n        text={\"How much are \" + pageContext.make + \" \" + pageContext.model + \" \" + badgeTxt + \" cars worth in Australia? Find out here.\"}\n        breadcrumb={breadcrumb}\n      />\n\n      <SectionPageMargin marginBottom=\"40px\">\n\n        <Heading2>{pageContext.make} {pageContext.model} {badgeTxt}</Heading2>\n\n        <Containter>\n          <div>\n            <MakeLink to={\"/price/\"} >\n              <div style={{ alignSelf: 'center' }}>\n                <Img fixed={data.logoImg.childImageSharp.fixed} />\n              </div>\n            </MakeLink>\n          </div>\n\n          <SelectBox>\n            <Heading4 color=\"#3479ae\" style={{ margin: '0px' }}>Select a Car</Heading4>\n            <ul style={{ listStyleType: 'none', padding: '0', margin: '0' }}>\n              {carList}\n            </ul>\n          </SelectBox>\n        </Containter>\n\n        <Paragraph1>\n          If we are missing the car you're looking for, it is due to a lack of \n          data in our valuations database to provide a confident valuation. \n          Please make an <Link to=\"https://value.summon.com.au/\">enquiry with us</Link>, and we'll provide a custom \n          Valuation Report for your car.\n        </Paragraph1>\n        \n\n      </SectionPageMargin>\n\n    </Layout>\n  )\n}\n\nexport default MakeModelBadgeCarPage\n\nconst Containter = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  width: 100%;\n  margin-top: 20px;\n  margin-bottom: 40px;\n`;\n\nconst SelectBox = styled.div`\n\n`;\n\nconst MakeLink = styled(Link)`\n  display: block;\n\tborder: 1px solid #CCCCCC;\n\tborder-radius: 5px;\n\ttext-align: center;\n\tpadding: 10px;\n\tbackground: white;\n  margin-right: 30px;\n  margin-bottom: 10px;\n\n  @media (max-width: 600px) {\n    width: 300px;\n  }\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`\n\nconst ButtonLink = styled(Link)`\n  display: block;\n\tborder: 1px solid #CCCCCC;\n\tborder-radius: 5px;\n\ttext-align: center;\n\tpadding: 10px;\n  width: 300px;\n\tbackground: #f8f8f9;\n  margin-bottom: 8px;\n  text-decoration: none;\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    background: #3479ae;\n    color: white;\n\t}\n\n`\n\nexport const PageQuery = graphql`\n  query($make: String!, $model: String!, $badge: String!, $logo: String!) {\n\n      allValuation(filter: {make: {eq: $make}, model: {eq: $model}, badge: {eq: $badge}}, sort: {order: DESC, fields: year}) {\n        edges {\n          node {\n            carName\n            year\n            my\n          }\n        }\n      }\n\n      logoImg: file(relativePath: { eq: $logo }) {\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":""}