{"version":3,"sources":["webpack:///./src/components/RecentSales/RecentSales.module.css","webpack:///./src/components/Type/Heading2.js","webpack:///./src/components/VisSensor/VisSensor.js","webpack:///./src/components/RecentSales/RecentSales.js","webpack:///./src/components/ReadyToGetStarted/ReadyToGetStarted.js","webpack:///./src/components/Layout/Grid1/Grid1.js","webpack:///./src/components/Layout/PageHeader/PageHeader.js","webpack:///./src/components/Type/StyledLink.js","webpack:///./src/components/Layout/Flex/FlexCenter.js","webpack:///./src/components/Layout/Spacer/Spacer.js","webpack:///./src/components/Layout/Section/Section.js","webpack:///./src/components/SideDrawer/DrawerToogleButton.js","webpack:///./src/components/Navigation/MainNavigation.js","webpack:///./src/components/SideDrawer/SideDrawer.js","webpack:///./src/components/Backdrop/Backdrop.js","webpack:///./src/components/Header/Header.js","webpack:///./src/components/Layout/Section/SectionPageMarginGradient.js","webpack:///./src/components/Type/PageTitle.js","webpack:///./node_modules/gatsby/node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","webpack:///./src/components/Type/right-tri-blue.png","webpack:///./src/components/Footer/Footer.js","webpack:///./src/components/Layout/Layout.js"],"names":["module","exports","Heading2","color","children","Heading","styled","h2","props","VisSensor","state","isVisible","checkVisibility","bind","componentDidMount","this","watchID","setInterval","componentWillUnmount","clearInterval","positionFromTop","document","getElementById","watchDiv","getBoundingClientRect","top","window","innerHeight","setState","onChange","render","Function","React","Children","only","Component","RecentSales","useState","isVis","setIsVisible","data","useStaticQuery","id","className","styles","wrapper","recent_title","car_container","b1_start","b1_animation","car_name","img","fluid","car1","childImageSharp","b2_start","b2_animation","car2","b3_start","b3_animation","car3","b4_start","b4_animation","car4","ReadyToGetStarted","SectionPageMargin","bgColor","marginBottom","Grid2","style","paddingBottom","GridItem","Paragraph1","StyledLink","to","Spacer","height","FlexCenter","Grid1","Grid","div","PageHeader","title","text","textColor","breadcrumb","SectionPageMarginGradient","PageTitle","Link","bullet","Space","Section","marginTop","Wrapper","Content","section","drawerToggleButton","onClick","click","mainNavigation","activeStyles","borderBottom","hideBG","drawClickHandler","width","alt","activeStyle","partiallyActive","sideDrawer","drawerClasses","show","backdrop","aria-label","Header","sideDrawerOpen","drawerToggleClickHandler","prevState","backdropClickHandler","backDrop","Title","h1","_assertThisInitialized","self","ReferenceError","handleClick","url","a","createElement","href","target","rel","CopyContainer","ACNContainer","IconContainer","footer","paddingTop","order","whiteSpace","Date","getFullYear","align","IconButton","event","Layout","Footer"],"mappings":"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","file":"830caa4388798d647c3a351c018c3a3b1d9f004b-d05bdfa11d2505bccadb.js","sourcesContent":["// extracted by mini-css-extract-plugin\nmodule.exports = {\"wrapper\":\"RecentSales-module--wrapper--2mvCE\",\"car_container\":\"RecentSales-module--car_container--1xBg0\",\"img\":\"RecentSales-module--img--2gZz7\",\"b1_start\":\"RecentSales-module--b1_start--11tJ1\",\"b2_start\":\"RecentSales-module--b2_start--2DP0o\",\"b3_start\":\"RecentSales-module--b3_start--1RJAo\",\"b4_start\":\"RecentSales-module--b4_start--MNQWO\",\"b1_animation\":\"RecentSales-module--b1_animation--GDnxf\",\"b1\":\"RecentSales-module--b1--2MKGB\",\"b2_animation\":\"RecentSales-module--b2_animation--oqZJ7\",\"b2\":\"RecentSales-module--b2--1n7y-\",\"b3_animation\":\"RecentSales-module--b3_animation--neXRe\",\"b3\":\"RecentSales-module--b3--1Ofum\",\"b4_animation\":\"RecentSales-module--b4_animation--3Rokj\",\"b4\":\"RecentSales-module--b4--FPAjE\",\"recent_title\":\"RecentSales-module--recent_title--2cGNS\",\"car_name\":\"RecentSales-module--car_name--2y31l\"};","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, { Component } from 'react';\n\nclass VisSensor extends Component {\n    constructor(props) {\n        super(props);\n        this.state = {\n            isVisible: null,\n        };\n        this.checkVisibility = this.checkVisibility.bind(this);\n    }\n\n    componentDidMount() {\n        this.watchID = setInterval(\n            () => this.checkVisibility(),\n            150\n        );\n    }\n\n    componentWillUnmount() {\n        clearInterval(this.watchID);\n    }\n\n    checkVisibility() {\n        var isVisible = null;\n        var positionFromTop = document.getElementById(this.props.watchDiv).getBoundingClientRect().top;\n        if (positionFromTop > 0 && positionFromTop < window.innerHeight) {\n            this.setState({ isVisible: true });\n            isVisible = true;\n        } else {\n            this.setState({ isVisible: false });\n            isVisible = false;\n        }\n        if (this.props.onChange) this.props.onChange(isVisible);\n    }\n\n    render() {\n        if (this.props.children instanceof Function) {\n            return this.props.children({\n                isVisible: this.state.isVisible,\n            });\n        }\n        return React.Children.only(this.props.children);\n    }\n}\n\nexport default VisSensor;\n","import React, { useState } from 'react';\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport styles from './RecentSales.module.css';\nimport VisSensor from '../VisSensor/VisSensor'\n\nconst RecentSales = () => {\n\n  const [isVis, setIsVisible] = useState(false);\n\n  const onChange = (isVisible) => {\n    if(isVis === false && isVisible === true) {\n      setIsVisible(true);\n    }\n  }\n\n  const data = useStaticQuery(graphql`\n    query  {\n\n      car1: file(relativePath: { eq: \"recent-sales/car1.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 286) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n  \n      car2: file(relativePath: { eq: \"recent-sales/car2.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 286) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n  \n      car3: file(relativePath: { eq: \"recent-sales/car3.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 286) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n\n      car4: file(relativePath: { eq: \"recent-sales/car4.png\" }) {\n        childImageSharp {\n          fluid(maxWidth: 286) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n     \n    }\n    `);\n    return (\n      <VisSensor watchDiv=\"wrap\" onChange={onChange}>\n        <div id=\"wrap\" className={styles.wrapper}>\n          <h5 className={styles.recent_title}>Recent<br/> sales</h5>\n          <div className={`${styles.car_container} ${!isVis && styles.b1_start} ${isVis && styles.b1_animation}`}>\n              <div className={styles.car_name}><p>2018<br/>Audi<br/>S3</p></div>\n              <Img className={styles.img} fluid={data.car1.childImageSharp.fluid} />\n          </div>\n          <div className={`${styles.car_container} ${!isVis && styles.b2_start} ${isVis && styles.b2_animation}`}>\n              <div className={styles.car_name}><p>2017<br/>Porsche<br/>Macan<br/>Turbo</p></div>\n              <Img fluid={data.car2.childImageSharp.fluid} />\n          </div>\n          <div className={`${styles.car_container} ${!isVis && styles.b3_start} ${isVis && styles.b3_animation}`}>\n              <div className={styles.car_name}><p>2019<br/>BMW<br/>M850i</p></div>\n              <Img fluid={data.car3.childImageSharp.fluid} />\n          </div>\n          <div className={`${styles.car_container} ${!isVis && styles.b4_start} ${isVis && styles.b4_animation}`}>\n              <div className={styles.car_name}><p>2011<br/>Porsche<br/>Cayman</p></div>\n              <Img fluid={data.car4.childImageSharp.fluid} />\n          </div >\n        </div>\n      </VisSensor>\n      )\n  \n  }\n\n  export default RecentSales\n  \n\n\n\n","import React from \"react\"\nimport SectionPageMargin from '../Layout/Section/SectionPageMargin'\nimport Grid2 from '../Layout/Grid2/Grid2'\nimport GridItem from '../Layout/GridItem/GridItem'\nimport Spacer from '../Layout/Spacer/Spacer'\nimport StyledLink from '../Type/StyledLink'\nimport Heading2 from '../Type/Heading2'\nimport Paragraph1 from '../Type/Paragraph1'\nimport FlexCenter from '../Layout/Flex/FlexCenter'\nimport RecentSales from '../RecentSales/RecentSales'\n\nconst ReadyToGetStarted = () => {\n    return (\n      <SectionPageMargin bgColor=\"#f8f8f9\" marginBottom=\"0px\">\n        <Grid2 style={{paddingBottom: '60px'}}>\n          <GridItem>\n            <Heading2>Ready to get your selling started?</Heading2>\n            <Paragraph1>\n              To get started, all you need to do is tell us a little about your car. We will then let you know our valuation \n              (a recommended listing price) for the car, along with a no-obligation quote from Summon for our concierge services.\n            </Paragraph1>\n            <Paragraph1>\n              <StyledLink to=\"https://value.summon.com.au/\">Request a no-obligation valuation</StyledLink>\n            </Paragraph1>\n            <Spacer height=\"50px\" />\n          </GridItem>\n          <GridItem>\n            <FlexCenter>\n              <RecentSales />\n\t\t\t\t\t\t</FlexCenter>\n          </GridItem>\n      </Grid2>\n    </SectionPageMargin>\n  )\n}\n\nexport default ReadyToGetStarted\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 { Link } from \"gatsby\"\nimport styled from 'styled-components'\nimport bullet from './right-tri-blue.png'\n\nconst StyledLink = styled(Link)`\n font-weight: bold;\n text-decoration: none;\n color: #3479ae;\n margin-right: 30px;\n\n &:hover {\n    opacity: 0.8;\n  }\n\n &::after {\n    width: 12px;\n    height: 12px;\n    display: inline-block;\n    position: relative;\n    content: \" \";\n    background-image: url('${bullet}');\n    background-size: cover;\n    background-position: center;\n    left: 8px;\n    top: 2px;\n }\n\n\n`\nexport default StyledLink\n\n","import styled from 'styled-components'\n\nconst FlexCenter = styled.div `\n  display: flex;\n  flex: 1;\n  align-items: center; \n  justify-content: center;\n\n  flex-direction: column;\n`;\n\nexport default FlexCenter","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 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","export default function _assertThisInitialized(self) {\n  if (self === void 0) {\n    throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n  }\n\n  return self;\n}","module.exports = \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFcAAABXCAYAAABxyNlsAAAFLElEQVR4nO2bf0yUdRzHn3sy+6EjphW3oyBQzpvB0WlGxKgswxm/kp5Zc2esMls/lmiWa95wRuhcErJwTrOCkWuwx3mk1iIQN9FbElJBego1YsCu5oiYGVHdte/TPad33j0ed8/3vj+e72u7f9ju+3zute/ePHt/n4dr6xlOLalqqTp53mXweDwc+1z9iRQefG/wwsX1ZXWO6nX1jrKIV2JcBS//we3xrOg458rJstkbKw92W5mq6JkWsILgdns4e+cAf7R3ZPFLefN3C1kp35D4w3CADzGDMP7n5HPbm7/d+MSOlhpH3y8GbWlRh8CdG4gwPPoHV1bn0FtSZne/XmB+L01/yySBvxMJoXauHyCPu366sM1a297A8jh8wpIr43Z7Vtg7B4pzN3/WsO+ocwn68fFmSnK9CBN//2vd03r2RZDHJ8657tCWsvC5VuYq8X8e1zsMJkO8s1xYUMHy2J9Idm4ggnNkzAby+O0Dp5+BNCeRqCFXAuTxoa6fC1keX0Y1uV58ebx06+d7Dp8eTFd5faJQW66MMHrxrzVbxK7Nq2rbK/pcv0+nV2FoovmHFg4gjznr++3GB4wJjurS7J2Qr4cVsHauH3IpBPL4gzZnHnmaIiMmcr1Ieby37ewLj1Yc+VALeQw7FoIBSiFui9gV13jyR+eGQnNVZvLsMQRzQAeFXBkpj9fsPU5tHscyFoIi53FOefP+rfbulajnURPkcr0Ik/+4Vx48NbCcpjzGRa6MVNKD+2MaSnqUmauEr6QnOY9x27l+kH5oiuvOvRK/Q9NnHzZ+bM1N68BnvNBgvXMDkPK45ovetaTkMQk7NxBfHpsS4522EkslriU9STvXD5DHZ4Z+K8f50JRYuTI4H5oSL9eL36Fpa8/wXByGokWuDMjj19769NQ2HEp62uTK+A5NbY2dq1ENQatcCZDHX343tBRVHlMt1wuyQ1MS73MjBRyagpJ+FijpN5VYKk2G+AmYF9SSXBmppC/ddQx6Sa+FWAjKlYemu1p+KIBxDc3K9SLlcd2x86UwSnotxkIwfIem+zv6+tfnm6sXzbnt12gXZXL9Efpd49yrH51IVSOPmdwgePOYz7LZs5+8L+UAx3FNkayj9cwNCc/r3PmWpCNvFmVGJJZjOzcooloPczO5lxETZ80YeaPQ/G7OPP2QGgsyuRwnzrhh2qVVDxobnl88r1XNhTUtl+d1TUULkw9tWm75BMb6mpTL63RNsXhpUWtypVzdWJy5PTstYQT2xbQiV4y7afp4rF8Up12uCO5XYeaqEtTKBbmK+jkzGuWKSbfOHARPrMciV5WgSa6Uq+vyM6oLFiT1YjAPFXLFG6+/bqL43ruaNxSaRQzm8UG0XBxyVQlS5UrlCu5vApEmF7tcVYIUuVKulj5krF/9iEnVcgUm2MsF5UquSX98h/X+WgzGmRI4y1WttEYFjnJFffzNrpfz5u9eds+dZzCYJ2JwkktkriqBhVzYpTUqUMslPleVQCU3pqU1KmItF9phII7ETC6tuaoEdLmgXMlKu/3rsmXpO1MT4tywr4cTMOVqIleVgCFXKlfWPp5eU7Qw+XsI6xODmnKRHgbiiCpycS+tURGtXHGuPk61J7FpI1K5RJXWqJiqXKlceTpnTuMreXcfpkcDHMKWy3J16oQjVypXYvHGIW0oyWW5GiXB5FJXWqPCTy4oVx7LSPzqnacW7dOUBUjIcqkurVGh6xkcnekau6RfkpHYr00F10an0+E+IoPBYDAYkOA47j8qdyTEeEJFGwAAAABJRU5ErkJggg==\"","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":""}