{"version":3,"sources":["webpack:///./src/components/Type/Heading2.js","webpack:///./src/components/Layout/Button/ImageRoundButton.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/pages/articles.js","webpack:///./src/components/Layout/Section/SectionPageMarginGradient.js","webpack:///./src/components/Type/PageTitle.js","webpack:///./src/components/Type/Paragraph1.js","webpack:///./src/components/Footer/Footer.js","webpack:///./src/components/Layout/Layout.js","webpack:///./src/components/Layout/Grid2/Grid2Auto.js"],"names":["Heading2","color","children","Heading","styled","h2","props","ImageRoundButton","size","url","Btn","onClick","path","navigate","div","Grid1","Grid","PageHeader","bgColor","title","text","textColor","marginBottom","breadcrumb","SectionPageMarginGradient","PageTitle","Paragraph1","Spacer","height","Space","Section","marginTop","Wrapper","Content","section","drawerToggleButton","className","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","articlesPage","location","data","description","order","align","HeadingLink","fluid","consignment","childImageSharp","style","gridColumnStart","backgroundSize","backgroundPosition","backgroundRepeat","clipPath","cursor","ondaLogo","caPartner","buyingGuides","goodDesignAwards","ecommerceLaunch","lockdownSales","lockdown","awardWinning","summon100","porsche911","fastestSelling","photoGuide","freePPSR","tradeIn","rollercoaster","dreamGarage","guideChecklist","calculator","howMuch","Link","Title","h1","Paragraph","p","handleClick","a","document","createElement","href","target","rel","CopyContainer","ACNContainer","StyledLink","IconContainer","footer","SectionPageMargin","Grid2","paddingTop","paddingBottom","GridItem","whiteSpace","Date","getFullYear","IconButton","event","Layout","Footer","Grid2Auto"],"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,kFCf5B,iDAaeM,IATU,SAAC,GAA4B,IAA3BC,EAA0B,EAA1BA,KAAMC,EAAoB,EAApBA,IAAKP,EAAe,EAAfA,SAKpC,OACE,kBAACQ,EAAD,CAAKC,QAAS,kBALFC,EAKYH,OAJxBI,mBAASD,GADE,IAACA,GAKkBJ,KAAMA,GAAON,IAK/C,IAAMQ,EAAMN,IAAOU,IAAV,wEAAGV,CAAH,gPAGK,SAAAE,GAAK,OAAIA,EAAME,QACf,SAAAF,GAAK,OAAIA,EAAME,S,mFCNdO,EAVD,SAAC,GAAiB,IAAhBb,EAAe,EAAfA,SACd,OACE,oCACI,kBAACc,EAAD,KACKd,KAQPc,EAAOZ,IAAOU,IAAV,iEAAGV,CAAH,oC,oCCYKa,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,CAAWxB,MAAOoB,GAAYF,GAC9B,kBAACO,EAAA,EAAD,CAAYzB,MAAOoB,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,EAAQzB,IAAOU,IAAV,oEAAGV,CAAH,0CAGG,SAAAE,GAAK,OAAIA,EAAMsB,W,+FCGdE,EAbC,SAAC,GAAoD,IAAlDZ,EAAiD,EAAjDA,QAAShB,EAAwC,EAAxCA,SAAU6B,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,KAAU/B,MAQhB8B,EAAU5B,IAAO8B,QAAV,uEAAG9B,CAAH,2IAEM,SAAAE,GAAK,OAAIA,EAAMyB,aACZ,SAAAzB,GAAK,OAAIA,EAAMgB,gBAEb,SAAAhB,GAAK,OAAIA,EAAMY,WAIjCe,EAAU7B,IAAOU,IAAV,uEAAGV,CAAH,sGCfE+B,G,UARY,SAAA7B,GAAK,OAC9B,4BAAQ8B,UAAU,gBAAgBjB,MAAM,aAAaR,QAASL,EAAM+B,OAClE,yBAAKD,UAAU,wBACf,yBAAKA,UAAU,wBACf,yBAAKA,UAAU,2B,qBCuCJE,G,UAtCQ,SAAAhC,GAEnB,IAAMiC,EAAc,CAChBC,aAAc,mBAIlB,OAEA,kBAAC,EAAD,CAAStB,QAASZ,EAAMmC,OAAQ,GAAK,UAAWnB,aAAa,OACzD,yBAAKc,UAAU,mBAEX,yBAAKA,UAAU,0BAAyB,kBAAC,EAAD,CAAoBC,MAAO/B,EAAMoC,oBACzE,yBAAKN,UAAU,yBACX,kBAAC,OAAD,CAAMjB,MAAM,cAAcwB,GAAG,KAAI,kBAAC,IAAD,CAAMC,MAAM,QAAQC,IAAI,aAE7D,yBAAKT,UAAU,WAEf,yBAAKA,UAAU,0BACX,4BAEI,4BAAI,kBAAC,OAAD,CAAMO,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,SAAA1C,GAGf,IAAI2C,EAAgB,cAKpB,OAJI3C,EAAM4C,OACND,EAAgB,oBAKhB,yBAAKb,UAAWa,GACZ,4BACI,4BAAI,kBAAC,OAAD,CAAMtC,QAASL,EAAM+B,MAAOM,GAAG,KAA/B,SACJ,4BAAI,kBAAC,OAAD,CAAMhC,QAASL,EAAM+B,MAAOM,GAAG,iCAA/B,mBACJ,4BAAI,kBAAC,OAAD,CAAMhC,QAASL,EAAM+B,MAAOM,GAAG,cAA/B,aACJ,4BAAI,kBAAC,OAAD,CAAMhC,QAASL,EAAM+B,MAAOM,GAAG,sBAA/B,kBACJ,4BAAI,kBAAC,OAAD,CAAMhC,QAASL,EAAM+B,MAAOM,GAAG,qBAA/B,aACJ,4BAAI,kBAAC,OAAD,CAAMhC,QAASL,EAAM+B,MAAOM,GAAG,aAA/B,YACJ,4BAAI,kBAAC,OAAD,CAAMhC,QAASL,EAAM+B,MAAOM,GAAG,SAA/B,QACJ,4BAAI,kBAAC,OAAD,CAAMhC,QAASL,EAAM+B,MAAOM,GAAG,WAA/B,UACJ,4BAAI,kBAAC,OAAD,CAAMhC,QAASL,EAAM+B,MAAOM,GAAG,aAA/B,gBClBLQ,G,UAJE,SAAA7C,GAAK,OAClB,4BAAQ8B,UAAU,WAAWgB,aAAW,YAAYzC,QAASL,EAAM+B,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,KAAKxD,MAAMmC,SAEnB,kBAAC,EAAD,CACIS,KAAMY,KAAKR,MAAMC,eACjBlB,MAAOyB,KAAKH,uBAEfE,I,GAhCIE,aAwCNV,O,kCC9Cf,yLAwtBeW,UA1sBM,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAUC,EAAb,EAAaA,KAAb,OAEpB,kBAAC,IAAD,KAEC,kBAAC,IAAD,CAAK/C,MAAM,kBACVgD,YAAY,sJAEZF,SAAUA,IAGX,kBAAC,IAAD,CACC9C,MAAM,WACNC,KAAK,mZAQN,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUgD,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,+CAAhB,qCAID,kBAAC,IAAD,6EAKD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,+CAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKM,YAAYC,gBAAgBF,MACxCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBASd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,mBAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKe,SAASR,gBAAgBF,MACrCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,mBAAhB,kDAID,kBAAC,IAAD,wKAQH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,8DAAhB,6EAID,kBAAC,IAAD,8IAKD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,8DAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKgB,UAAUT,gBAAgBF,MACtCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBAYd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,0BAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKiB,aAAaV,gBAAgBF,MACzCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,0BAAhB,sGAID,kBAAC,IAAD,kLAQH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,wCAAhB,4FAID,kBAAC,IAAD,kKAKD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,wCAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKkB,iBAAiBX,gBAAgBF,MAC7CG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBAUd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,+BAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKmB,gBAAgBZ,gBAAgBF,MAC5CG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,+BAAhB,gFAID,kBAAC,IAAD,kLAQH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,yCAAhB,oDAID,kBAAC,IAAD,kJAKD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,yCAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKoB,cAAcb,gBAAgBF,MAC1CG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBAUd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,0DAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKqB,SAASd,gBAAgBF,MACrCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,0DAAhB,gDAID,kBAAC,IAAD,qIASH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,oCAAhB,0BAID,kBAAC,IAAD,0KAKD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,oCAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKsB,aAAaf,gBAAgBF,MACzCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBAUd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,oDAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKuB,UAAUhB,gBAAgBF,MACtCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,oDAAhB,0CAID,kBAAC,IAAD,+QASH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,kCAAhB,gDAID,kBAAC,IAAD,oPAKD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,kCAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKwB,WAAWjB,gBAAgBF,MACvCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBAUd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,gDAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKyB,eAAelB,gBAAgBF,MAC3CG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,gDAAhB,qDAID,kBAAC,IAAD,2SAQH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,0BAAhB,mEAID,kBAAC,IAAD,uNAKD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,0BAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAK0B,WAAWnB,gBAAgBF,MACvCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBASd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,qBAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAK2B,SAASpB,gBAAgBF,MACrCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,qBAAhB,sCAID,kBAAC,IAAD,sQAUH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,QACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,6CAAhB,6DAED,kBAAC,IAAD,qNAMD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,6CAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAK4B,QAAQrB,gBAAgBF,MACpCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBASd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,iDAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAK6B,cAActB,gBAAgBF,MAC1CG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,iDAAhB,gDAID,kBAAC,IAAD,yVAWH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,QACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,0BAAhB,kCAED,kBAAC,IAAD,oWAQD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,0BAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAK8B,YAAYvB,gBAAgBF,MACxCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBAQd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,mCAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAK+B,eAAexB,gBAAgBF,MAC3CG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,mCAAhB,yCAID,kBAAC,IAAD,6XAWH,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUyB,MAAM,IAAIC,MAAM,QACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,yBAAhB,0CAID,kBAAC,IAAD,uXAQD,kBAAC,IAAD,CAAUyB,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,yBAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKgC,WAAWzB,gBAAgBF,MACvCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,iBAQd,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAUZ,MAAM,KACf,kBAAC,IAAD,CAAkB5D,KAAK,QAAQC,IAAI,6BAClC,kBAAC,IAAD,CACC8D,MAAOL,EAAKiC,QAAQ1B,gBAAgBF,MACpCG,MAAO,CACNC,gBAAiB,IACjBC,eAAgB,QAChBC,mBAAoB,SACpBC,iBAAkB,YAClBlC,MAAO,QACPhB,OAAQ,QACRmD,SAAU,0BACVC,OAAQ,eAKZ,kBAAC,IAAD,CAAUZ,MAAM,IAAIC,MAAM,SACzB,kBAAC,IAAD,KACC,kBAACC,EAAD,CAAa3B,GAAG,6BAAhB,gEAKD,kBAAC,IAAD,uRAeL,IAAM2B,EAAclE,YAAOgG,QAAV,wEAAGhG,CAAH,4B,kCC1tBjB,qCAgBeoB,IAbmB,SAAC,GAAoD,IAAlDN,EAAiD,EAAjDA,QAAShB,EAAwC,EAAxCA,SAAU6B,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,KAAU/B,MAQtB,IAAM8B,EAAU5B,IAAO8B,QAAV,yFAAG9B,CAAH,kOAEM,SAAAE,GAAK,OAAIA,EAAMyB,aACZ,SAAAzB,GAAK,OAAIA,EAAMgB,gBAO/BW,EAAU7B,IAAOU,IAAV,yFAAGV,CAAH,gI,oCC5Bb,qCAYeqB,IATG,SAAC,GAAyB,IAAvBxB,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SAIxB,OAHGD,IACAA,EAAQ,SAGP,kBAACoG,EAAD,CAAOpG,MAAOA,GAAQC,IAM9B,IAAMmG,EAAQjG,IAAOkG,GAAV,uEAAGlG,CAAH,uGAGE,SAAAE,GAAK,OAAIA,EAAML,U,kCCjB5B,qCAYeyB,IATI,SAAC,GAAyB,IAAvBzB,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SAIzB,OAHGD,IACAA,EAAQ,SAGP,kBAACsG,EAAD,CAAWtG,MAAOA,GAAQC,IAMlC,IAAMqG,EAAYnG,IAAOoG,EAAV,4EAAGpG,CAAH,4FACF,SAAAE,GAAK,OAAIA,EAAML,U,kMCkCtBwG,EAAc,SAAChG,GACjB,IAAMiG,EAAIC,SAASC,cAAc,KACjCF,EAAEG,KAAOpG,EACTiG,EAAEI,OAAS,SACXJ,EAAEK,IAAM,WACRL,EAAErE,SAIA2E,EAAgB5G,IAAOU,IAAV,4EAAGV,CAAH,uDAMb6G,EAAe7G,IAAOU,IAAV,2EAAGV,CAAH,kCAMZ8G,EAAa9G,YAAOgG,QAAV,yEAAGhG,CAAH,6KAoBV+G,EAAgB/G,IAAOU,IAAV,4EAAGV,CAAH,0BAOJgH,EArFA,SAAA9G,GAAK,OAEX,kBAAC+G,EAAA,EAAD,CAAmBnG,QAAQ,UAAUa,UAAU,MAAMT,aAAa,OAE3D,kBAACgG,EAAA,EAAD,CAAO5C,MAAO,CAAC6C,WAAY,OAAQC,cAAe,SAC9C,kBAACC,EAAA,EAAD,CAAUrD,MAAM,KACZ,kBAAC8C,EAAD,CAAYvE,GAAG,WAAU,0BAAM+B,MAAO,CAACgD,WAAY,WAA1B,yBACzB,kBAACR,EAAD,CAAYvE,GAAG,aAAY,0BAAM+B,MAAO,CAACgD,WAAY,WAA1B,mBAC3B,kBAACR,EAAD,CAAYvE,GAAG,aAAf,WACA,kBAACuE,EAAD,CAAYvE,GAAG,yBAAwB,0BAAM+B,MAAO,CAACgD,WAAY,WAA1B,mBACvC,kBAACV,EAAD,KACK,gCACI,KACA,IAAIW,MAAOC,cACX,IAJT,IAIc,6BACV,kBAACX,EAAD,2BAGR,kBAACQ,EAAA,EAAD,CAAUrD,MAAM,IAAIC,MAAM,SACtB,kBAAC8C,EAAD,KACI,kBAACU,EAAA,EAAD,CAAYlH,QAAS,SAACmH,GAAD,OAAWrB,EAAY,yCACxC,kBAAC,IAAD,OAEJ,kBAACoB,EAAA,EAAD,CAAYlH,QAAS,SAACmH,GAAD,OAAWrB,EAAY,yCACxC,kBAAC,IAAD,OAEJ,kBAACoB,EAAA,EAAD,CAAYlH,QAAS,SAACmH,GAAD,OAAWrB,EAAY,0CACxC,kBAAC,IAAD,Y,sBCPjBsB,IAlBA,SAAC,GAAkB,IAAhB7H,EAAe,EAAfA,SAEhB,OACE,oCACI,kBAACmD,EAAA,EAAD,MAEE,8BAAOnD,GAET,kBAAC8H,EAAD,S,kCCtBR,IA8BMC,EA9BN,UA8BkB7H,EAAOU,IAAV,gEAAGV,CAAH,0KAaA6H","file":"component---src-pages-articles-js-a720765108c9a9e9ca2c.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'\nimport { navigate } from \"gatsby\"\n\nconst ImageRoundButton = ({size, url, children }) => {\n  const goTo = (path) => {\n    navigate(path);\n  }\n\n  return (\n    <Btn onClick={()=> goTo(url)} size={size}>{children}</Btn>\n  )\n} \nexport default ImageRoundButton\n\nconst Btn = styled.div`\n    display: flex;\n    padding: 12px;\n    width:  ${props => props.size};\n    height: ${props => props.size};\n    cursor: pointer;\n    border-radius: 50%;\n    overflow: visible;\n    align-items: center;\n    justify-content: center;\n\n    &:hover {\n      background-color: rgba(0,0,0,0.10);\n      @media (hover: none): {\n        background-color: transparent;\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 React from \"react\"\nimport { graphql, Link } from \"gatsby\"\nimport Layout from \"../components/Layout/Layout\"\nimport SEO from \"../components/Seo/Seo\"\nimport styled from 'styled-components'\nimport BackgroundImage from 'gatsby-background-image'\nimport PageHeader from '../components/Layout/PageHeader/PageHeader'\nimport SectionPageMargin from '../components/Layout/Section/SectionPageMargin'\nimport Grid2Auto from '../components/Layout/Grid2/Grid2Auto'\nimport GridItem from '../components/Layout/GridItem/GridItem'\nimport Heading2 from '../components/Type/Heading2'\nimport Paragraph1 from '../components/Type/Paragraph1'\nimport ImageRoundButton from '../components/Layout/Button/ImageRoundButton'\n\nconst articlesPage = ({ location, data }) =>\n(\n\t<Layout>\n\n\t\t<SEO title=\"Summon Articles\"\n\t\t\tdescription=\"The articles, guides and resources below we hope can help to make selling your \n\t\t\t\tprestige used car, or any car for that matter, a joyful experience.\"\n\t\t\tlocation={location}\n\t\t/>\n\n\t\t<PageHeader\n\t\t\ttitle=\"Articles\"\n\t\t\ttext=\"Whether you are planning to sell your car privately, sell to a dealer or get help \n\t\t\t\t\t\tfrom Summon, we want to give you the best tools and advice to help make the process as \n\t\t\t\t\t\tpain-free as possible and ensure you get the most value for your prestige car. \n\t\t\t\t\t\tThe articles, guides and resources below we hope can help to make selling your \n\t\t\t\t\t\tprestige used car, or any car for that matter, a joyful experience.\"\n\t\t/>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/how-to-sell-a-car-on-consignment/\">\n\t\t\t\t\t\tHow to sell a car on consignment\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\tThinking about selling your car on consignment? Read our tips first\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/how-to-sell-a-car-on-consignment/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.consignment.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/onda/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.ondaLogo.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/onda/\">\n\t\t\t\t\t\t\tSummon launch exclusive partnership with ONDA\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tSummon are pleased to announce our exclusive partnership with ONDA, providing financial administration services for busy Australian individuals and families\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/chartered-accountants-law-institute-of-victoria/\">\n\t\t\t\t\t\t\tSummon partners with Chartered Accountants and Law Institute of Victoria\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tSummon have partnered with Chartered Accountants ANZ and Law Institute of Victoria to offer exclusive concierge services for members\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/chartered-accountants-law-institute-of-victoria/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.caPartner.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/buying-guides/guides/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.buyingGuides.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/buying-guides/guides/\">\n\t\t\t\t\t\t\tBuying a prestige car? Read our Buyer Guides for tips on getting the best price and the right car\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tSummon have launched Australia’s first full ecommerce service for prestige cars, offering enthusiasts a completely contactless way to buy and sell vehicles privately.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/good-design-awards-winner/\">\n\t\t\t\t\t\t\tSummon recognised in Australia’s International Good Design Awards for Design Excellence\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tSummon has received a prestigious Good Design Award Winner Accolade in the Service Design category in recognition for outstanding design and innovation.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/good-design-awards-winner/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.goodDesignAwards.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/ecommerce-launch/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.ecommerceLaunch.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/ecommerce-launch/\">\n\t\t\t\t\t\t\tSummon launches Australia’s first eCommerce service for prestige car owners\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tSummon have launched Australia’s first full ecommerce service for prestige cars, offering enthusiasts a completely contactless way to buy and sell vehicles privately.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/used-car-sales-in-lockdown/\">\n\t\t\t\t\t\t\tUsed car sales in lockdown, turning the corner?\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tWith strict lockdowns in place in Australia’s two largest car markets, what has been the impact on how long it takes to sell a used car?\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/used-car-sales-in-lockdown/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.lockdownSales.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/selling-your-car-privately-during-lockdowns/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.lockdown.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/selling-your-car-privately-during-lockdowns/\">\n\t\t\t\t\t\t\tSelling your car privately during lockdowns\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tWith rolling lockdowns seemingly a part of life in Australia for the next six months, how do you sell your car privately?\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/award-winning-service/\">\n\t\t\t\t\t\t\tAward-winning service\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tIn the past month Summon have been recognised in two industry award programs for the quality of our service to customers, and our differentiation in the market.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/award-winning-service/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.awardWinning.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/celebrating-100-customers-with-summon/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.summon100.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/celebrating-100-customers-with-summon/\">\n\t\t\t\t\t\t\tCelebrating 100 customers with Summon\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tWe're celebrating a major milestone for Summon this month - we just signed up our 100th customer! That's 100 prestige cars entrusted by the owner with us to sell on their behalf, and the average value of our customer's cars is $100,000. Now onto the next 100!\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/porsche-911-991-GTS/\">\n\t\t\t\t\t\t\tPorsche 911 991 GTS prices - at their peak?\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tWe recently (May 2021) did some research into appreciation / depreciation of Porsche 911 GTS’, along with a couple of other models. What we found surprised us, and made us question whether prices have peaked, or will continue to rise.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/porsche-911-991-GTS/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.porsche911.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/fastest-selling-cars-in-australia/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.fastestSelling.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/fastest-selling-cars-in-australia/\">\n\t\t\t\t\t\t\tThe fastest (selling) prestige cars in Australia\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tAs most Australian’s will be aware, used car prices have been running hot for the past six months, having experienced a ‘COVID bounce’ like never seen before. We wanted to see how this was affecting the speed at which cars are selling, and which makes and models are selling the fastest.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/photo-guide/\">\n\t\t\t\t\t\t\tHow to take incredible photos of your prestige car before sale\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tIf you are planning on selling your prestige car yourself privately, do yourself and your car a favour and take high quality photos of your car. Download our free guide and get started taking great photos.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/photo-guide/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.photoGuide.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/free-ppsr-check/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.freePPSR.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/free-ppsr-check/\">\n\t\t\t\t\t\t\tFree PPSR check for prestige cars\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tIf you are buying or selling a car privately, you will want to perform a PPSR check to\n\t\t\t\t\t\tconfirm the car has not been stolen or written off, and whether there is finance owing.\n\t\t\t\t\t\tWe are now offering a free PPSR check service for a range of prestige cars.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"left\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/how-to-get-best-trade-in-price/\">How to get the best trade-in price for your prestige car</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tIf you are considering trading-in your prestige car, you are probably expecting to be\n\t\t\t\t\t\tdisappointed with the price on offer. Here are our tips for how to get the best possible\n\t\t\t\t\t\ttrade-in price for your car.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/how-to-get-best-trade-in-price/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.tradeIn.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/australian-car-sales-rollercoaster/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.rollercoaster.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/australian-car-sales-rollercoaster/\">\n\t\t\t\t\t\t\tThe 2020 Australian car sales rollercoaster\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tWith the release of the new car sales figures for July, we can see just what the\n\t\t\t\t\t\timpact of phased lockdowns across Australia has meant for the automotive sales\n\t\t\t\t\t\tindustry. A dramatic drop in April was followed by an incredible high\n\t\t\t\t\t\tin June, which seems to be a bounce not likely to be repeated until\n\t\t\t\t\t\tthe current lockdown's are relaxed.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"left\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/zoom-garage/\">Dream Garage Zoom Backgrounds</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tIf you’re anything like us, our life has turned into a never-ending schedule of\n\t\t\t\t\t\tZoom calls, and meantime our cars collect dust in the garage. This gave us the\n\t\t\t\t\t\tidea to combine the two - now you can show off your (dream) garage to your\n\t\t\t\t\t\tworkmates on your next video call, and best of all your car always looks\n\t\t\t\t\t\tlike it’s come straight from the valet!\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/zoom-garage/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.dreamGarage.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/2020-guide-checklist/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.guideChecklist.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/2020-guide-checklist/\">\n\t\t\t\t\t\t\tGuide to selling a prestige used car\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tIf you’re planning on selling a prestige car soon, you’re probably trying to decide\n\t\t\t\t\t\tbetween selling the car privately (what a hassle), or selling it to a dealer\n\t\t\t\t\t\t(which can mean you don’t get as good a price). We’re here to help take the\n\t\t\t\t\t\thassle out of selling privately, and have put together a guide with ideas and\n\t\t\t\t\t\tsuggestions, along with a free downloadable checklist.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"1\" align=\"left\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/calculator/\">\n\t\t\t\t\t\t\tCalculator: selling private vs dealer\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tFor most people looking to sell a car, there are three options; sell the car privately,\n\t\t\t\t\t\tsell the car to a dealer, or sell with a dealer on consignment. Each of these will\n\t\t\t\t\t\tleave a different amount of money in your pocket, and this calculator helps you learn\n\t\t\t\t\t\twhat that could be. So whether you plan to sell privately, or to a dealer - make an\n\t\t\t\t\t\tinformed decision first.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/calculator/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.calculator.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\t\t<SectionPageMargin>\n\t\t\t<Grid2Auto >\n\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t<ImageRoundButton size=\"200px\" url=\"/articles/car-valuations/\">\n\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\tfluid={data.howMuch.childImageSharp.fluid}\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t/>\n\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t</GridItem>\n\t\t\t\t<GridItem order=\"1\" align=\"right\">\n\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t<HeadingLink to=\"/articles/car-valuations/\">\n\t\t\t\t\t\t\tHow much is my car worth?\n\t\t\t\t\t\t\tSolving the impossible challenge!\n\t\t\t\t\t\t</HeadingLink>\n\t\t\t\t\t</Heading2>\n\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\tIf you’re selling a prestige car, it’s important to know it’s true worth. There are a\n\t\t\t\t\t\tnumber of independent valuation Web sites in Australia, and we have put them to\n\t\t\t\t\t\tthe test. The results prove just how difficult it can be to work out the\n\t\t\t\t\t\tcorrect value of your car.\n\t\t\t\t\t</Paragraph1>\n\t\t\t\t</GridItem>\n\t\t\t</Grid2Auto>\n\t\t</SectionPageMargin>\n\n\t</Layout>\n)\n\nexport default articlesPage\n\nconst HeadingLink = styled(Link)`\n\ttext-decoration: none;\n`;\n\n\nexport const query = graphql`\n\tquery  {\n\n\t\tconsignment: file(relativePath: { eq: \"articles/thumbnail_articles-circle-consignment.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tondaLogo: file(relativePath: { eq: \"articles/articles-circle-ONDA.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\tcaPartner: file(relativePath: { eq: \"articles/ca-anz-logoarticles-circle.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\tbuyingGuides: file(relativePath: { eq: \"articles/red-911.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\tgoodDesignAwards: file(relativePath: { eq: \"articles/articles-circle-good-design.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\tecommerceLaunch: file(relativePath: { eq: \"articles/articles-eCom-launch.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\tlockdownSales: file(relativePath: { eq: \"articles/article-lockdown-corner.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tlockdown: file(relativePath: { eq: \"articles/lockdown-circle.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\tsummon100: file(relativePath: { eq: \"articles/100-cars-square.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tporsche911: file(relativePath: { eq: \"articles/porsche-911-square.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\tfastestSelling: file(relativePath: { eq: \"articles/fastest-selling-square.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tphotoGuide: file(relativePath: { eq: \"articles/photo-guide-square.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\n\t\trollercoaster: file(relativePath: { eq: \"articles/rollercoaster.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdreamGarage: file(relativePath: { eq: \"articles/zoom-backgrounds.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tguideChecklist: file(relativePath: { eq: \"articles/2020-guide-checklist.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\n\t\tcalculator: file(relativePath: { eq: \"articles/calculator.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\thowMuch: file(relativePath: { eq: \"articles/how-much.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\ttradeIn: file(relativePath: { eq: \"articles/best-trade-in.jpeg\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tfreePPSR: file(relativePath: { eq: \"articles/freeppsr.jpg\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tawardWinning: file(relativePath: { eq: \"articles/articles-gold-car.png\" }) {\n\t\t\tchildImageSharp {\n\t\t\t\tfluid(maxWidth: 286) {\n\t\t\t\t\t...GatsbyImageSharpFluid\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t}\n`\n\n\n\n/*\nconst articlesPage = () => (\n\t<StaticQuery\n\t\tquery={graphql`\n\t\t\tquery  {\n\t\t\tallContentfulPage(filter: {contentful_id: {eq: \"6oT7YoQVEnGqj8cLSwRCNl\"}}) {\n\t\t\t\tedges {\n\t\t\t\tnode {\n\t\t\t\t\ttitle\n\t\t\t\t\tcontent {\n\t\t\t\t\tcontent\n\t\t\t\t\t}\n\t\t\t\t\tcontentReference {\n\t\t\t\t\t... on ContentfulItem {\n\t\t\t\t\t\tid\n\t\t\t\t\t\ttitle\n\t\t\t\t\t\ttext {\n\t\t\t\t\t\ttext\n\t\t\t\t\t\t}\n\t\t\t\t\t\timage {\n\t\t\t\t\t\t\tfixed(width: 200, height: 200) {\n\t\t\t\t\t\t\t...GatsbyContentfulFixed_noBase64\n\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\turLstub\n\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t}\n\t\t`}\n\n\t\trender={data => {\n\n\t\t\tconst title = data.allContentfulPage.edges[0].node.title;\n\t\t\tconst text = data.allContentfulPage.edges[0].node.content.content;\n\t\t\tconst articleList = data.allContentfulPage.edges[0].node.contentReference.map((item, i) => {\n\n\t\t\t\tlet align = (i % 2 === 0) ? 'left' : 'right';\n\n\t\t\t\tlet text =\n\t\t\t\t\t\t<GridItem order=\"1\" align={align}>\n\t\t\t\t\t\t\t<Heading2>\n\t\t\t\t\t\t\t\t<HeadingLink to={item.urLstub}>{item.title}</HeadingLink>\n\t\t\t\t\t\t\t</Heading2>\n\t\t\t\t\t\t\t<Paragraph1>\n\t\t\t\t\t\t\t\t{item.text.text}\n\t\t\t\t\t\t\t</Paragraph1>\n\t\t\t\t\t\t</GridItem>\n\n\n\t\t\t\tlet image =\n\t\t\t\t\t\t<GridItem order=\"2\" >\n\t\t\t\t\t\t\t<ImageRoundButton size=\"200px\" url={item.urLstub}>\n\t\t\t\t\t\t\t<BackgroundImage\n\t\t\t\t\t\t\t\tfixed={item.image.fixed}\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tgridColumnStart: '1',\n\t\t\t\t\t\t\t\tbackgroundSize: 'cover',\n\t\t\t\t\t\t\t\tbackgroundPosition: 'center',\n\t\t\t\t\t\t\t\tbackgroundRepeat: 'no-repeat',\n\t\t\t\t\t\t\t\twidth: '220px',\n\t\t\t\t\t\t\t\theight: '220px',\n\t\t\t\t\t\t\t\tclipPath: 'circle(100px at center)',\n\t\t\t\t\t\t\t\tcursor: 'pointer'\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</ImageRoundButton>\n\t\t\t\t\t\t</GridItem>\n\n\n\t\t\t\tif(i % 2 === 0) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SectionPageMargin  key={item.id}>\n\t\t\t\t\t\t\t<Grid2Auto >\n\t\t\t\t\t\t\t\t{text} {image}\n\t\t\t\t\t\t\t</Grid2Auto>\n\t\t\t\t\t\t</SectionPageMargin>\n\t\t\t\t\t)\n\t\t\t\t} else {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<SectionPageMargin key={item.id}>\n\t\t\t\t\t\t\t<Grid2Auto >\n\t\t\t\t\t\t\t\t{image} {text}\n\t\t\t\t\t\t\t</Grid2Auto>\n\t\t\t\t\t\t</SectionPageMargin>\n\t\t\t\t\t)\n\t\t\t\t}\n\n\t\t\t});\n\n\t\t\treturn (\n\n\t\t\t\t<Layout>\n\n\t\t\t\t\t<SEO title=\"Summon Articles\"\n\t\t\t\t\t\tdescription=\"The articles, guides and resources below we hope can help to make selling your\n\t\t\t\t\t\tprestige used car, or any car for that matter, a joyful experience.\"\n\t\t\t\t\t/>\n\n\t\t\t\t\t<PageHeader title={title} text={text}/>\n\n\t\t\t\t\t{articleList}\n\n\t\t\t\t</Layout>\n\n\t\t\t)\n\t\t}}\n\t/>\n)\n\nexport default articlesPage\n*/\n\n\n\n\n\n\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 styled from 'styled-components'\n\nconst Paragraph1 = ({ color, children }) => {\n   if(!color) {\n       color = \"black\";  \n   }\n    return (\n        <Paragraph color={color}>{children}</Paragraph>\n  )\n} \n\nexport default Paragraph1;\n\nconst Paragraph = styled.p`\n    color: ${props => props.color};\n    font-size: 1.1rem;\n    line-height: 1.7rem;\n    letter-spacing: -0.05rem;\n    margin-top: 10px;\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","// import React from \"react\"\n// import styled from 'styled-components'\n\n// const Grid2Auto = ({children }) => {\n//   return (\n//     <>\n//         <Grid>\n//             {children}\n//         </Grid>\n//     </>\n//   )\n// } \n\n// export default Grid2Auto\n\n// const Grid = styled.div`\n//     display: grid;\n//     grid-template-columns: auto auto;\n//     column-gap: 40px;\n    \n//     @media (max-width: 800px) {\n//       grid-template-columns: 100%;\n//       grid-template-rows: auto auto;\n//       justify-items: center;\n//     }\n\n// `;\n\nimport styled from 'styled-components';\n\nconst Grid2Auto = styled.div`\n  display: grid;\n  grid-template-columns: auto auto;\n  column-gap: 40px;\n\n  @media (max-width: 800px) {\n    grid-template-columns: 100%;\n    grid-template-rows: auto auto;\n    justify-items: center;\n  }\n\n`;\n\nexport default Grid2Auto;\n\n\n"],"sourceRoot":""}