{"version":3,"sources":["webpack:///./src/components/Type/Heading2.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/templates/valuation-make.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","Grid1","Grid","div","PageHeader","bgColor","title","text","textColor","marginBottom","breadcrumb","SectionPageMarginGradient","PageTitle","Paragraph1","Spacer","height","Space","Section","marginTop","Wrapper","Content","section","drawerToggleButton","className","onClick","click","mainNavigation","activeStyles","borderBottom","hideBG","drawClickHandler","to","width","alt","activeStyle","partiallyActive","sideDrawer","drawerClasses","show","backdrop","aria-label","Header","state","sideDrawerOpen","drawerToggleClickHandler","setState","prevState","backdropClickHandler","render","backDrop","this","Component","MakeModelPage","location","data","pageContext","makeSlug","make","replace","toLowerCase","modelList","allValuation","distinct","map","model","i","modelSlug","key","ButtonLink","style","description","Containter","MakeLink","alignSelf","fixed","logoImg","childImageSharp","SelectBox","margin","listStyleType","padding","Link","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":"uHAAA,qCAYeA,IATE,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SAIvB,OAHGD,IACAA,EAAQ,SAGP,kBAACE,EAAD,CAASF,MAAOA,GAAQC,IAMhC,IAAMC,EAAUC,IAAOC,GAAV,oEAAGD,CAAH,2GACA,SAAAE,GAAK,OAAIA,EAAML,U,mICFbM,EAVD,SAAC,GAAiB,IAAhBL,EAAe,EAAfA,SACd,OACE,oCACI,kBAACM,EAAD,KACKN,KAQPM,EAAOJ,IAAOK,IAAV,iEAAGL,CAAH,oC,oCCYKM,IApBI,SAAC,GAAmE,IAAjEC,EAAgE,EAAhEA,QAASC,EAAuD,EAAvDA,MAAOC,EAAgD,EAAhDA,KAAMC,EAA0C,EAA1CA,UAAWC,EAA+B,EAA/BA,aAAcC,EAAiB,EAAjBA,WAInE,OAHML,IAASA,EAAU,WACnBG,IAAWA,EAAY,SAG3B,oCACG,kBAACG,EAAA,EAAD,CAA2BF,aAAcA,GACpC,kBAAC,EAAD,KACI,kBAACG,EAAA,EAAD,CAAWjB,MAAOa,GAAYF,GAC9B,kBAACO,EAAA,EAAD,CAAYlB,MAAOa,GACdD,GAEJG,EACD,kBAACI,EAAA,EAAD,CAAQC,OAAO,c,yDCpB/B,qCAQeD,IALA,SAAC,GAAgB,IAAdC,EAAa,EAAbA,OAChB,OACM,kBAACC,EAAD,CAAOD,OAAQA,KAKvB,IAAMC,EAAQlB,IAAOK,IAAV,oEAAGL,CAAH,0CAGG,SAAAE,GAAK,OAAIA,EAAMe,W,+FCGdE,EAbC,SAAC,GAAoD,IAAlDZ,EAAiD,EAAjDA,QAAST,EAAwC,EAAxCA,SAAUsB,EAA8B,EAA9BA,UAAWT,EAAmB,EAAnBA,aAI/C,OAHIS,IAAWA,EAAY,OACvBT,IAAcA,EAAe,SAG/B,oCACI,kBAACU,EAAD,CAASd,QAASA,EAASa,UAAWA,EAAWT,aAAcA,GAC3D,kBAACW,EAAD,KAAUxB,MAQhBuB,EAAUrB,IAAOuB,QAAV,uEAAGvB,CAAH,2IAEM,SAAAE,GAAK,OAAIA,EAAMkB,aACZ,SAAAlB,GAAK,OAAIA,EAAMS,gBAEb,SAAAT,GAAK,OAAIA,EAAMK,WAIjCe,EAAUtB,IAAOK,IAAV,uEAAGL,CAAH,sGCfEwB,G,UARY,SAAAtB,GAAK,OAC9B,4BAAQuB,UAAU,gBAAgBjB,MAAM,aAAakB,QAASxB,EAAMyB,OAClE,yBAAKF,UAAU,wBACf,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2B,qBCuCJG,G,UAtCQ,SAAA1B,GAEnB,IAAM2B,EAAc,CAChBC,aAAc,mBAIlB,OAEA,kBAAC,EAAD,CAASvB,QAASL,EAAM6B,OAAQ,GAAK,UAAWpB,aAAa,OACzD,yBAAKc,UAAU,mBAEX,yBAAKA,UAAU,0BAAyB,kBAAC,EAAD,CAAoBE,MAAOzB,EAAM8B,oBACzE,yBAAKP,UAAU,yBACX,kBAAC,OAAD,CAAMjB,MAAM,cAAcyB,GAAG,KAAI,kBAAC,IAAD,CAAMC,MAAM,QAAQC,IAAI,aAE7D,yBAAKV,UAAU,WAEf,yBAAKA,UAAU,0BACX,4BAEI,4BAAI,kBAAC,OAAD,CAAMQ,GAAG,gCAAiCG,YAAaP,EAAcQ,iBAAiB,GAAtF,mBACJ,4BAAI,kBAAC,OAAD,CAAMJ,GAAG,aAAaG,YAAaP,EAAcQ,iBAAiB,GAAlE,aACJ,4BAAI,kBAAC,OAAD,CAAMJ,GAAG,qBAAqBG,YAAaP,EAAcQ,iBAAiB,GAA1E,kBACJ,4BAAI,kBAAC,OAAD,CAAMJ,GAAG,oBAAqBG,YAAaP,EAAcQ,iBAAiB,GAA1E,aACJ,4BAAI,kBAAC,OAAD,CAAMJ,GAAG,YAAYG,YAAaP,EAAcQ,iBAAiB,GAAjE,YACJ,4BAAI,kBAAC,OAAD,CAAMJ,GAAG,QAAQG,YAAaP,EAAcQ,iBAAiB,GAA7D,QACJ,4BAAI,kBAAC,OAAD,CAAMJ,GAAG,UAAUG,YAAaP,EAAcQ,iBAAiB,GAA/D,gBCFTC,G,UA5BI,SAAApC,GAGf,IAAIqC,EAAgB,cAKpB,OAJIrC,EAAMsC,OACND,EAAgB,oBAKhB,yBAAKd,UAAWc,GACZ,4BACI,4BAAI,kBAAC,OAAD,CAAMb,QAASxB,EAAMyB,MAAOM,GAAG,KAA/B,SACJ,4BAAI,kBAAC,OAAD,CAAMP,QAASxB,EAAMyB,MAAOM,GAAG,iCAA/B,mBACJ,4BAAI,kBAAC,OAAD,CAAMP,QAASxB,EAAMyB,MAAOM,GAAG,cAA/B,aACJ,4BAAI,kBAAC,OAAD,CAAMP,QAASxB,EAAMyB,MAAOM,GAAG,sBAA/B,kBACJ,4BAAI,kBAAC,OAAD,CAAMP,QAASxB,EAAMyB,MAAOM,GAAG,qBAA/B,aACJ,4BAAI,kBAAC,OAAD,CAAMP,QAASxB,EAAMyB,MAAOM,GAAG,aAA/B,YACJ,4BAAI,kBAAC,OAAD,CAAMP,QAASxB,EAAMyB,MAAOM,GAAG,SAA/B,QACJ,4BAAI,kBAAC,OAAD,CAAMP,QAASxB,EAAMyB,MAAOM,GAAG,WAA/B,UACJ,4BAAI,kBAAC,OAAD,CAAMP,QAASxB,EAAMyB,MAAOM,GAAG,aAA/B,gBClBLQ,G,UAJE,SAAAvC,GAAK,OAClB,4BAAQuB,UAAU,WAAWiB,aAAW,YAAYhB,QAASxB,EAAMyB,UCCjEgB,E,oJAEFC,MAAQ,CAACC,gBAAgB,G,EAEzBC,yBAA2B,WAC7B,EAAKC,UAAS,SAAAC,GACb,MAAO,CAAEH,gBAAiBG,EAAUH,oB,EAItCI,qBAAuB,WACtB,EAAKF,SAAS,CAAEF,gBAAgB,K,sCAI9BK,OAAA,WAEI,IAAIC,EAKJ,OAJFC,KAAKR,MAAMC,iBACdM,EAAW,kBAAC,EAAD,CAAUxB,MAAOyB,KAAKH,wBAIxB,gCACI,kBAAC,EAAD,CACZjB,iBAAkBoB,KAAKN,yBACXf,OAAQqB,KAAKlD,MAAM6B,SAEnB,kBAAC,EAAD,CACIS,KAAMY,KAAKR,MAAMC,eACjBlB,MAAOyB,KAAKH,uBAEfE,I,GAhCIE,aAwCNV,O,kCC9Cf,iKA8EeW,UAhEO,SAAC,GAAqC,IAAnCC,EAAkC,EAAlCA,SAAUC,EAAwB,EAAxBA,KAAMC,EAAkB,EAAlBA,YAEjCC,EAAWD,EAAYE,KAAKC,QAAQ,OAAQ,KAAKC,cAEjDC,EAAYN,EAAKO,aAAaC,SAASC,KAAI,SAACC,EAAOC,GACvD,IAAIC,EAAYF,EAAMN,QAAQ,OAAQ,KAAKC,cAC3C,OACE,wBAAIQ,IAAKF,GAAG,kBAACG,EAAD,CAAYrC,GAAI,UAAYyB,EAAW,IAAMU,EAAY,KAAMF,OAI3EtD,EAAa,yBAAK2D,MAAO,CAAE1E,MAAO,UAArB,gBAEf,kBAAC,OAAD,CAAM0E,MAAO,CAAE1E,MAAO,SAAWoC,GAAG,WAApC,QAFe,UAE4DwB,EAAYE,MAGzF,OACE,kBAAC,IAAD,KAEE,kBAAC,IAAD,CAAKnD,MAAO,mBAAqBiD,EAAYE,KAAO,qBAClDa,YAAa,gBAAkBf,EAAYE,KAAO,2CAClDJ,SAAUA,IAGZ,kBAAC,IAAD,CAAY5C,aAAa,OACvBH,MAAO,mBAAqBiD,EAAYE,KAAO,qBAC/ClD,KAAM,gBAAkBgD,EAAYE,KAAO,4BAC3C/C,WAAYA,IAGd,kBAAC,IAAD,CAAmBD,aAAa,QAE9B,kBAAC,IAAD,KAAW8C,EAAYE,MAEvB,kBAACc,EAAD,KACE,6BACE,kBAACC,EAAD,CAAUzC,GAAI,WACZ,yBAAKsC,MAAO,CAAEI,UAAW,WACvB,kBAAC,IAAD,CAAKC,MAAOpB,EAAKqB,QAAQC,gBAAgBF,WAK/C,kBAACG,EAAD,KACE,kBAAC,IAAD,CAAUlF,MAAM,UAAU0E,MAAO,CAACS,OAAQ,QAA1C,kBACA,wBAAIT,MAAO,CAAEU,cAAe,OAAQC,QAAS,IAAKF,OAAQ,MACvDlB,KAKP,kBAAC,IAAD,8JAGiB,kBAAC,OAAD,CAAM7B,GAAG,gCAAT,mBAHjB,kEAgBR,IAAMwC,EAAazE,IAAOK,IAAV,6EAAGL,CAAH,gFAQV+E,EAAY/E,IAAOK,IAAV,4EAAGL,CAAH,MAIT0E,EAAW1E,YAAOmF,QAAV,2EAAGnF,CAAH,4QAoBRsE,EAAatE,YAAOmF,QAAV,6EAAGnF,CAAH,sR,kCCjHhB,IAEMoF,EAFN,UAEiBpF,EAAOqF,GAAGC,OAAM,SAAApF,GAAK,MAAK,CACvCL,MAAOK,EAAML,OAAS,YADZ,+DAAGG,CAAH,4GAGH,SAAAE,GAAK,OAAIA,EAAML,SAOTuF,O,kCCZjB,qCAgBevE,IAbmB,SAAC,GAAoD,IAAlDN,EAAiD,EAAjDA,QAAST,EAAwC,EAAxCA,SAAUsB,EAA8B,EAA9BA,UAAWT,EAAmB,EAAnBA,aAIjE,OAHIS,IAAWA,EAAY,OACvBT,IAAcA,EAAe,SAG/B,oCACI,kBAACU,EAAD,CAASd,QAASA,EAASa,UAAWA,EAAWT,aAAcA,GAC3D,kBAACW,EAAD,KAAUxB,MAQtB,IAAMuB,EAAUrB,IAAOuB,QAAV,yFAAGvB,CAAH,kOAEM,SAAAE,GAAK,OAAIA,EAAMkB,aACZ,SAAAlB,GAAK,OAAIA,EAAMS,gBAO/BW,EAAUtB,IAAOK,IAAV,yFAAGL,CAAH,gI,oCC5Bb,qCAYec,IATG,SAAC,GAAyB,IAAvBjB,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SAIxB,OAHGD,IACAA,EAAQ,SAGP,kBAAC0F,EAAD,CAAO1F,MAAOA,GAAQC,IAM9B,IAAMyF,EAAQvF,IAAOwF,GAAV,uEAAGxF,CAAH,uGAGE,SAAAE,GAAK,OAAIA,EAAML,U,kMCgCtB4F,EAAc,SAACC,GACjB,IAAMC,EAAIC,SAASC,cAAc,KACjCF,EAAEG,KAAOJ,EACTC,EAAEI,OAAS,SACXJ,EAAEK,IAAM,WACRL,EAAEhE,SAIAsE,EAAgBjG,IAAOK,IAAV,4EAAGL,CAAH,uDAMbkG,EAAelG,IAAOK,IAAV,2EAAGL,CAAH,kCAMZmG,EAAanG,YAAOmF,QAAV,yEAAGnF,CAAH,6KAoBVoG,EAAgBpG,IAAOK,IAAV,4EAAGL,CAAH,0BAOJqG,EArFA,SAAAnG,GAAK,OAEX,kBAACoG,EAAA,EAAD,CAAmB/F,QAAQ,UAAUa,UAAU,MAAMT,aAAa,OAE3D,kBAAC4F,EAAA,EAAD,CAAOhC,MAAO,CAACiC,WAAY,OAAQC,cAAe,SAC9C,kBAACC,EAAA,EAAD,CAAUC,MAAM,KACZ,kBAACR,EAAD,CAAYlE,GAAG,WAAU,0BAAMsC,MAAO,CAACqC,WAAY,WAA1B,yBACzB,kBAACT,EAAD,CAAYlE,GAAG,aAAY,0BAAMsC,MAAO,CAACqC,WAAY,WAA1B,mBAC3B,kBAACT,EAAD,CAAYlE,GAAG,aAAf,WACA,kBAACkE,EAAD,CAAYlE,GAAG,yBAAwB,0BAAMsC,MAAO,CAACqC,WAAY,WAA1B,mBACvC,kBAACX,EAAD,KACK,gCACI,KACA,IAAIY,MAAOC,cACX,IAJT,IAIc,6BACV,kBAACZ,EAAD,2BAGR,kBAACQ,EAAA,EAAD,CAAUC,MAAM,IAAII,MAAM,SACtB,kBAACX,EAAD,KACI,kBAACY,EAAA,EAAD,CAAYtF,QAAS,SAACuF,GAAD,OAAWxB,EAAY,yCACxC,kBAAC,IAAD,OAEJ,kBAACuB,EAAA,EAAD,CAAYtF,QAAS,SAACuF,GAAD,OAAWxB,EAAY,yCACxC,kBAAC,IAAD,OAEJ,kBAACuB,EAAA,EAAD,CAAYtF,QAAS,SAACuF,GAAD,OAAWxB,EAAY,0CACxC,kBAAC,IAAD,Y,sBCPjByB,IAlBA,SAAC,GAAkB,IAAhBpH,EAAe,EAAfA,SAEhB,OACE,oCACI,kBAAC6C,EAAA,EAAD,MAEE,8BAAO7C,GAET,kBAACqH,EAAD","file":"component---src-templates-valuation-make-js-663bbd05997e754e1aaa.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 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 React from \"react\"\n\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 SEO from \"../components/Seo/Seo\"\nimport Paragraph1 from \"../components/Type/Paragraph1\"\n\n\nconst MakeModelPage = ({ location, data, pageContext }) => {\n\n  const makeSlug = pageContext.make.replace(/\\s+/g, '-').toLowerCase();\n\n  const modelList = data.allValuation.distinct.map((model, i) => {\n    let modelSlug = model.replace(/\\s+/g, '-').toLowerCase();\n    return (\n      <li key={i}><ButtonLink to={\"/price/\" + makeSlug + \"/\" + modelSlug + \"/\"}>{model}</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; {pageContext.make}\n  </div>\n\n  return (\n    <Layout>\n\n      <SEO title={\"Price guide for \" + pageContext.make + \" cars in Australia\"}\n        description={\"How much are \" + pageContext.make + \" cars worth in Australia? Find out here.\"}\n        location={location}\n      />\n\n      <PageHeader marginBottom=\"10px\"\n        title={\"Price guide for \" + pageContext.make + \" cars in Australia\"}\n        text={\"How much are \" + pageContext.make + \" cars worth in Australia?\"}\n        breadcrumb={breadcrumb}\n      />\n\n      <SectionPageMargin marginBottom=\"40px\">\n\n        <Heading2>{pageContext.make}</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 Model</Heading4>\n            <ul style={{ listStyleType: 'none', padding: '0', margin: '0' }}>\n              {modelList}\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      </SectionPageMargin>\n\n    </Layout>\n  )\n}\n\nexport default MakeModelPage\n\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\n\n\n\n\n\n\n\nexport const PageQuery = graphql`\n  query($make: String!, $logo: String!) {\n\n    allValuation(filter: {make: {eq: $make}}) {\n      distinct(field: model)\n    }\n    \n    logoImg: file(relativePath: { eq: $logo }) {\n      childImageSharp {\n        fixed(width: 150) {\n        ...GatsbyImageSharpFixed\n        }\n      }\n    }\n\n\n  }`\n\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":""}