{"version":3,"sources":["webpack:///./src/components/Layout/Grid3/Grid3.js","webpack:///./src/components/Type/Heading5.js","webpack:///./src/components/Type/Paragraph2.js","webpack:///./src/components/Benefits3/Benefits3.js","webpack:///./src/pages/contact.js"],"names":["Grid3","styled","div","Heading5","color","children","Heading","h5","props","Paragraph2","align","Paragraph","p","Benefits3","data","useStaticQuery","SectionPageMargin","marginBottom","GridItem","FlexCenter","ImageBox","size","marginTop","fluid","firstImage","childImageSharp","secondImage","thirdImage","TH","ContactPage","location","Layout","title","description","PageHeader","text","SectionMargin","bgColor","Grid2","order","Heading3","ContactForm","formAction","Paragraph1","ContactTracker","trackAction","trackLabel","hrefType","hrefTo","SocialLinksMiniBlack","th"],"mappings":"0RAeeA,EAbDC,IAAOC,IAAV,wDAAGD,CAAH,kLCUIE,EATE,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SAIvB,OAHGD,IACAA,EAAQ,SAGP,kBAACE,EAAD,CAASF,MAAOA,GAAQC,IAM1BC,EAAUL,IAAOM,GAAV,wEAAGN,CAAH,uGACA,SAAAO,GAAK,OAAIA,EAAMJ,SCHbK,EATI,SAAC,GAAgC,IAA9BL,EAA6B,EAA7BA,MAAOM,EAAsB,EAAtBA,MAAOL,EAAe,EAAfA,SAIhC,OAHGD,IAAOA,EAAQ,SACfM,IAAOA,EAAQ,QAGd,kBAACC,EAAD,CAAWP,MAAOA,EAAOM,MAAOA,GAAQL,IAM1CM,EAAYV,IAAOW,EAAV,4EAAGX,CAAH,6FACF,SAAAO,GAAK,OAAIA,EAAMJ,SACV,SAAAI,GAAK,OAAIA,EAAME,S,6CCqElBG,EA1EG,WACd,IAAMC,EAAOC,yBAAe,cA8B5B,OACI,kBAACC,EAAA,EAAD,CAAmBC,aAAa,QAChC,kBAAC,EAAD,KACI,kBAACC,EAAA,EAAD,KACI,kBAACC,EAAA,EAAD,KACI,kBAACC,EAAA,EAAD,CAAUC,KAAK,QAAQC,UAAU,OAC7B,kBAAC,IAAD,CAAKC,MAAOT,EAAKU,WAAWC,gBAAgBF,SAEhD,kBAAC,EAAD,uBACA,kBAAC,EAAD,CAAYb,MAAM,UAAlB,uGAMR,kBAACQ,EAAA,EAAD,KACI,kBAACC,EAAA,EAAD,KACI,kBAACC,EAAA,EAAD,CAAUC,KAAK,QAAQC,UAAU,OAC7B,kBAAC,IAAD,CAAKC,MAAOT,EAAKY,YAAYD,gBAAgBF,SAEjD,kBAAC,EAAD,4BACA,kBAAC,EAAD,CAAYb,MAAM,UAAlB,wGAMR,kBAACQ,EAAA,EAAD,KACI,kBAACC,EAAA,EAAD,KACI,kBAACC,EAAA,EAAD,CAAUC,KAAK,QAAQC,UAAU,OAC7B,kBAAC,IAAD,CAAKC,MAAOT,EAAKa,WAAWF,gBAAgBF,SAEhD,kBAAC,EAAD,iCACA,kBAAC,EAAD,CAAYb,MAAM,UAAlB,2G,YCyBdkB,GARSC,UA3EK,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAH,EAAahB,KAAb,OAGhB,kBAACiB,EAAA,EAAD,KACI,kBAAC,IAAD,CAAKC,MAAM,iBACPC,YAAY,8FAEhBH,SAAUA,IAEV,kBAACI,EAAA,EAAD,CAAYF,MAAM,aACdG,KAAK,oIAGT,kBAAC,EAAD,MAEA,kBAACC,EAAA,EAAD,CAAeC,QAAQ,UAAUpB,aAAa,OAC1C,kBAACqB,EAAA,EAAD,KACI,kBAACpB,EAAA,EAAD,CAAUqB,MAAM,KACZ,kBAACC,EAAA,EAAD,qBACA,kBAACC,EAAA,EAAD,CAAaC,WAAW,aAE5B,kBAACxB,EAAA,EAAD,CAAUqB,MAAM,KACZ,kBAACC,EAAA,EAAD,wBACA,kBAACG,EAAA,EAAD,gFAGA,+BACI,+BACI,4BACI,kBAACf,EAAD,cACA,4BACI,kBAACgB,EAAA,EAAD,CACIC,YAAY,UACZC,WAAW,gBACXC,SAAS,UACTC,OAAO,uBAJX,yBASR,4BACI,kBAACpB,EAAD,cACA,4BACI,kBAACgB,EAAA,EAAD,CACIC,YAAY,UACZC,WAAW,gBACXC,SAAS,OACTC,OAAO,cAJX,iBASR,4BACI,kBAACpB,EAAD,eACA,4BAAI,kBAACqB,EAAA,EAAD,eA6BzBhD,IAAOiD,GAAV,8DAAGjD,CAAH","file":"component---src-pages-contact-js-fc811b769402ec9f1d99.js","sourcesContent":["import styled from 'styled-components'\n\nconst Grid3 = styled.div`\n    display: grid;\n    grid-template-columns: 1fr 1fr 1fr;\n    column-gap: 40px;\n\n    @media (max-width: 800px) {\n      justify-content: center;\n      grid-template-columns: 1fr;\n      grid-template-rows: auto auto auto;\n    }\n\n`;\n\nexport default Grid3\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst Heading5 = ({ color, children }) => {\n   if(!color) {\n       color = \"black\";  \n   }\n    return (\n        <Heading color={color}>{children}</Heading>\n  )\n} \n\nexport default Heading5;\n\nconst Heading = styled.h5`\n    color: ${props => props.color};\n    font-size: 1rem;\n    font-weight: 600;\n    letter-spacing: -0.1rem;\n    margin-top: 5px;\n    margin-bottom: 5px;\n`\n","import React from \"react\"\nimport styled from 'styled-components'\n\nconst Paragraph2 = ({ color, align, children }) => {\n   if(!color) color = \"black\"; \n   if(!align) align = \"left\"; \n   \n    return (\n        <Paragraph color={color} align={align}>{children}</Paragraph>\n  )\n} \n\nexport default Paragraph2;\n\nconst Paragraph = styled.p`\n    color: ${props => props.color};\n    text-align: ${props => props.align};\n    font-size: .8rem;\n    line-height: 1.1rem;\n    width: 250px;\n    margin-top: 0px;\n`\n","import React from 'react';\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport SectionPageMargin from '../Layout/Section/SectionPageMargin'\nimport Grid3 from '../Layout/Grid3/Grid3'\nimport GridItem from '../Layout/GridItem/GridItem'\nimport Heading5 from '../Type/Heading5'\nimport Paragraph2 from '../Type/Paragraph2'\nimport FlexCenter from '../Layout/Flex/FlexCenter'\nimport ImageBox from '../Layout/ImageBox/ImageBox'\nimport Img from \"gatsby-image\"\n\nconst Benefits3 = () => {\n    const data = useStaticQuery(graphql`\n        query {\n        \n            firstImage: file(relativePath: { eq: \"contact-img-1.png\" }) {\n            childImageSharp {\n                fluid(maxWidth: 106) {\n                ...GatsbyImageSharpFluid\n                }\n             }\n            }\n        \n            secondImage: file(relativePath: { eq: \"contact-img-2.png\" }) {\n            childImageSharp {\n                fluid(maxWidth: 106) {\n                ...GatsbyImageSharpFluid\n                }\n             }\n            }\n        \n            thirdImage: file(relativePath: { eq: \"contact-img-3.png\" }) {\n            childImageSharp {\n                fluid(maxWidth: 106) {\n                ...GatsbyImageSharpFluid\n                }\n             }\n            }\n        }\n\n    `)\n\n    return (\n        <SectionPageMargin marginBottom=\"95px\">\n        <Grid3>\n            <GridItem>\n                <FlexCenter>\n                    <ImageBox size=\"106px\" marginTop=\"0px\">\n                        <Img fluid={data.firstImage.childImageSharp.fluid} />\n                    </ImageBox>\n                    <Heading5>Free valuation</Heading5>\n                    <Paragraph2 align=\"center\">\n                        We will be in touch with you to learn more about your car, and provide you with a free valuation.\n                    </Paragraph2>\n                </FlexCenter>\n            </GridItem>\n\n            <GridItem>\n                <FlexCenter>\n                    <ImageBox size=\"106px\" marginTop=\"0px\">\n                        <Img fluid={data.secondImage.childImageSharp.fluid} />\n                    </ImageBox>\n                    <Heading5>Hassle free selling</Heading5>\n                    <Paragraph2 align=\"center\">\n                        If you decide to sell with Summon, we take care of all of the hassles. You can sit back and relax.\n                    </Paragraph2>\n                </FlexCenter>\n            </GridItem>\n\n            <GridItem>\n                <FlexCenter>\n                    <ImageBox size=\"106px\" marginTop=\"0px\">\n                        <Img fluid={data.thirdImage.childImageSharp.fluid} />\n                    </ImageBox>\n                    <Heading5>Get a private sale price</Heading5>\n                    <Paragraph2 align=\"center\">\n                        We don’t have the overheads of a traditional car dealership, and pass these cost savings onto you.\n                    </Paragraph2>\n                </FlexCenter>\n            </GridItem>\n        </Grid3>\n        </SectionPageMargin>\n    );\n}\n\nexport default Benefits3;\n","import React from 'react';\nimport Layout from \"../components/Layout/Layout\"\nimport SEO from \"../components/Seo/Seo\"\n//import Map from '../components/Map/map';\nimport styled from 'styled-components'\nimport PageHeader from '../components/Layout/PageHeader/PageHeader'\nimport SectionMargin from '../components/Layout/Section/SectionMargin'\nimport Grid2 from '../components/Layout/Grid2/Grid2'\nimport GridItem from '../components/Layout/GridItem/GridItem'\nimport Heading3 from '../components/Type/Heading3'\nimport Paragraph1 from '../components/Type/Paragraph1'\nimport SocialLinksMiniBlack from '../components/SocialLinks/SocialLinksMiniBlack'\nimport ContactForm from '../components/Form/ContactForm'\nimport Benefits3 from '../components/Benefits3/Benefits3'\nimport ContactTracker from '../components/ContactTracker/ContactTracker'\n\n\nconst ContactPage = ({ location, data }) => \n  (\n        \n    <Layout>\n        <SEO title=\"Summon Contact\"\n            description=\"Interested to know more about Summon, how it works or who it's for? \n            Please drop us a line.\"\n        location={location} />\n\n        <PageHeader title=\"Contact us\" \n            text=\"Interested to know more about Summon, how it works or who it's for? \n                Please either complete the form below or sent us an email.\"/>\n\n        <Benefits3 />\n\n        <SectionMargin bgColor=\"#f8f8f9\" marginBottom=\"0px\">\n            <Grid2>\n                <GridItem order=\"1\">\n                    <Heading3 >Get in touch</Heading3>\n                    <ContactForm formAction=\"contact\" />\n                </GridItem>\n                <GridItem order=\"2\" >\n                    <Heading3 >Contact Details</Heading3>\n                    <Paragraph1>\n                        Summon currently operates in Melbourne, Sydney, Gold Coast and Brisbane\n                    </Paragraph1>\n                    <table>\n                        <tbody>\n                            <tr>\n                                <TH>Email</TH>\n                                <td>\n                                    <ContactTracker\n                                        trackAction=\"Contact\"\n                                        trackLabel=\"Email Contact\"\n                                        hrefType=\"mailto:\"\n                                        hrefTo=\"hello@summon.com.au\" >\n                                        hello@summon.com.au\n                                    </ContactTracker>\n                                </td>\n                            </tr>\n                            <tr>\n                                <TH>Phone</TH>\n                                <td>\n                                    <ContactTracker\n                                        trackAction=\"Contact\"\n                                        trackLabel=\"Phone Contact\"\n                                        hrefType=\"tel:\"\n                                        hrefTo=\"0492786666\" >\n                                            0492 SUMMON\n                                    </ContactTracker>\n                                </td>\n                            </tr>\n                            <tr>\n                                <TH>Social</TH>\n                                <td><SocialLinksMiniBlack/></td>\n                            </tr>\n                        </tbody>\n                        \n                    </table>\n\n                    {/* <Paragraph1>\n                        <strong>Address</strong> (Melbourne) <br/>\n                        787 High St, Armadale VIC 3143\n                    </Paragraph1>\n                    <MapContainer>\n                        <Map />\n                    </MapContainer> */}\n\n                </GridItem>\n            </Grid2>\n        </SectionMargin>\n\n    </Layout>\n)\n\nexport default ContactPage;\n\n// const MapContainer = styled.div`\n//     height: 300px;\n//     width: 300px;\n//     margin-bottom: 20px;\n// `\n\nconst TH = styled.th`\n    width: 60px;\n    padding: 10px 0px 10px 0px;\n`\n\n\n\n"],"sourceRoot":""}