{"version":3,"sources":["webpack:///./src/pages/about.js","webpack:///./src/components/Type/Heading2.js"],"names":["AboutPage","location","data","title","description","text","fluid","missionImage","childImageSharp","betterChoiceImage","lookingAheadImage","bgColor","marginBottom","order","formAction","TH","trackAction","trackLabel","hrefType","hrefTo","styled","th","Heading2","color","children","Heading","h2","props"],"mappings":"8FAAA,qPAsKeA,UA/IG,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAUC,EAAb,EAAaA,KAAb,OAEhB,kBAAC,IAAD,KAEE,kBAAC,IAAD,CAAMC,MAAM,eACNC,YAAY,0EACZH,SAAUA,IAGhB,kBAAC,IAAD,CACEE,MAAM,eACNE,KAAK,2TAMH,kBAAC,IAAD,KACF,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,oBACA,kBAAC,IAAD,0ZAQD,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAKC,MAAOJ,EAAKK,aAAaC,gBAAgBF,aAO9C,kBAAC,IAAD,KACJ,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,wBACA,kBAAC,IAAD,qWAOD,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAKA,MAAOJ,EAAKO,kBAAkBD,gBAAgBF,aAOnD,kBAAC,IAAD,KACJ,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,sBACA,kBAAC,IAAD,2TAKQ,kBAAC,IAAD,gEAIT,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,KACC,kBAAC,IAAD,CAAKA,MAAOJ,EAAKQ,kBAAkBF,gBAAgBF,aAQrD,kBAAC,IAAD,CAAeK,QAAQ,UAAUC,aAAa,OAC1C,kBAAC,IAAD,KACI,kBAAC,IAAD,CAAUC,MAAM,KACZ,kBAAC,IAAD,qBACA,kBAAC,IAAD,CAAaC,WAAW,aAE5B,kBAAC,IAAD,CAAUD,MAAM,KACZ,kBAAC,IAAD,wBACA,kBAAC,IAAD,gFAGA,+BACI,+BACI,4BACI,kBAACE,EAAD,cACA,4BACI,kBAAC,IAAD,CACIC,YAAY,UACZC,WAAW,gBACXC,SAAS,UACTC,OAAO,uBAJX,yBASR,4BACI,kBAACJ,EAAD,cACA,4BACI,kBAAC,IAAD,CACIC,YAAY,UACZC,WAAW,gBACXC,SAAS,OACTC,OAAO,cAJX,gCASR,4BACI,kBAACJ,EAAD,eACA,4BAAI,kBAAC,IAAD,eAyB7B,IA4CDA,EAAKK,IAAOC,GAAV,gEAAGD,CAAH,4C,oCCvNR,qCAYeE,IATE,SAAC,GAAyB,IAAvBC,EAAsB,EAAtBA,MAAOC,EAAe,EAAfA,SAIvB,OAHGD,IACAA,EAAQ,SAGP,kBAACE,EAAD,CAASF,MAAOA,GAAQC,IAMhC,IAAMC,EAAUL,IAAOM,GAAV,oEAAGN,CAAH,2GACA,SAAAO,GAAK,OAAIA,EAAMJ","file":"component---src-pages-about-js-c6dee26cba8c49d571f2.js","sourcesContent":["import React from \"react\"\nimport { graphql } from 'gatsby'\n\nimport Layout from \"../components/Layout/Layout\"\nimport PageHeader from '../components/Layout/PageHeader/PageHeader'\nimport SectionPageMargin from '../components/Layout/Section/SectionPageMargin'\nimport Heading2 from '../components/Type/Heading2'\nimport Paragraph1 from '../components/Type/Paragraph1'\nimport Grid2 from '../components/Layout/Grid2/Grid2'\nimport GridItem from '../components/Layout/GridItem/GridItem'\nimport FlexCenter from '../components/Layout/Flex/FlexCenter'\nimport ImageBox from '../components/Layout/ImageBox/ImageBox'\nimport Img from \"gatsby-image\"\nimport SEO from \"../components/Seo/Seo\"\n\nimport styled from 'styled-components'\nimport ContactTracker from '../components/ContactTracker/ContactTracker'\nimport SocialLinksMiniBlack from '../components/SocialLinks/SocialLinksMiniBlack'\nimport ContactForm from '../components/Form/ContactForm'\n//import Map from '../components/Map/map';\nimport SectionMargin from '../components/Layout/Section/SectionMargin'\nimport Heading3 from '../components/Type/Heading3'\n\nconst AboutPage = ({ location, data }) => \n  (\n  <Layout>\n\n    <SEO  title=\"About Summon\" \n          description=\"We’ve created a better alternative for Australian’s to sell their cars.\"\n          location={location}\n    />\n\n    <PageHeader \n      title=\"About Summon\"\n      text=\"For the longest time, prestige car owners have had two choices for selling their car; \n      sell to a Dealer (and get an ok deal) or sell privately (and put up with the hassle). \n      Finally there is a third choice, Summon does all the hard work for you, and provides \n      you with a great sale price and cash in your hand.\" \n      />\n\n        <SectionPageMargin>\n\t\t\t\t\t\t<Grid2>\n\t\t\t\t\t\t\t<GridItem>\n\t\t\t\t\t\t\t\t<Heading2>Our mission</Heading2>\n\t\t\t\t\t\t\t\t<Paragraph1>\n                  At Summon, our mission is to make it easier and fairer for Australian’s to sell their cars. \n                  Summon was borne out of our personal frustration with needing to sell a used car, and having to \n                  decide between two bad choices; trade-in with a dealer (and get a low price), or sell privately \n                  (which as busy people with young families is too time consuming). We asked ourselves, why wasn’t \n                  there a better way?\n\t\t\t\t\t\t\t\t</Paragraph1>\n\t\t\t\t\t\t\t</GridItem>\n\t\t\t\t\t\t\t<GridItem>\n\t\t\t\t\t\t\t\t<FlexCenter>\n\t\t\t\t\t\t\t\t\t<ImageBox>\n\t\t\t\t\t\t\t\t\t\t<Img fluid={data.missionImage.childImageSharp.fluid} />\n\t\t\t\t\t\t\t\t\t</ImageBox>\n\t\t\t\t\t\t\t\t</FlexCenter>\n\t\t\t\t\t\t\t</GridItem>\n\t\t\t\t\t\t</Grid2>\n\t\t\t\t\t</SectionPageMargin>\n\n          <SectionPageMargin>\n\t\t\t\t\t\t<Grid2>\n\t\t\t\t\t\t\t<GridItem>\n\t\t\t\t\t\t\t\t<Heading2>A better choice</Heading2>\n\t\t\t\t\t\t\t\t<Paragraph1>\n                Enter Summon - we provide a better alternative to selling your car privately or selling to a dealership. \n                Summon is a concierge service for selling your prestige car - we follow the same process as if you were \n                selling the car yourself, but we use technology to make the process smoother, and our expertise to get the \n                best market value for your car.\n\t\t\t\t\t\t\t\t</Paragraph1>\n\t\t\t\t\t\t\t</GridItem>\n\t\t\t\t\t\t\t<GridItem>\n\t\t\t\t\t\t\t\t<FlexCenter>\n\t\t\t\t\t\t\t\t\t<ImageBox>\n\t\t\t\t\t\t\t\t\t\t<Img fluid={data.betterChoiceImage.childImageSharp.fluid} />\n\t\t\t\t\t\t\t\t\t</ImageBox>\n\t\t\t\t\t\t\t\t</FlexCenter>\n\t\t\t\t\t\t\t</GridItem>\n\t\t\t\t\t\t</Grid2>\n\t\t\t\t\t</SectionPageMargin>\n\n          <SectionPageMargin>\n\t\t\t\t\t\t<Grid2>\n\t\t\t\t\t\t\t<GridItem>\n\t\t\t\t\t\t\t\t<Heading2>Looking ahead</Heading2>\n\t\t\t\t\t\t\t\t<Paragraph1>\n                  In the future, our goal is to make our process and technology available to the public, so that people with \n                  any car (not just prestige cars) have the ability to sell their cars privately in a better way. For more \n                  about how the Summon process works, the costs and what is included, please visit our FAQ page.\n\t\t\t\t\t\t\t\t</Paragraph1>\n                <Paragraph1>\n                  We look forward to helping you sell your prestige car!\n                </Paragraph1>\n\t\t\t\t\t\t\t</GridItem>\n\t\t\t\t\t\t\t<GridItem>\n\t\t\t\t\t\t\t\t<FlexCenter>\n\t\t\t\t\t\t\t\t\t<ImageBox>\n\t\t\t\t\t\t\t\t\t\t<Img fluid={data.lookingAheadImage.childImageSharp.fluid} />\n\t\t\t\t\t\t\t\t\t</ImageBox>\n\t\t\t\t\t\t\t\t</FlexCenter>\n\t\t\t\t\t\t\t</GridItem>\n\t\t\t\t\t\t</Grid2>\n\t\t\t\t\t</SectionPageMargin>\n\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 (0492 786 666)\n                                    </ContactTracker>\n                                </td>\n                            </tr>\n                            <tr>\n                                <TH>Social</TH>\n                                <td><SocialLinksMiniBlack/></td>\n                            </tr>\n                        </tbody>\n                        \n                    </table>\n                    {/* <Paragraph1>\n                        <strong>Address</strong> (Melbourne) <br/>\n                        787 High St, Armadale VIC 3143\n                    </Paragraph1>\n                    <MapContainer>\n                        <Map />\n                    </MapContainer> */}\n                </GridItem>\n            </Grid2>\n        </SectionMargin>\n\n\n  </Layout>\n)\n\nexport default AboutPage\n/*\n      <h1>{data.allContentfulPage.edges[0].node.title}</h1>\n      <Markdown source={data.allContentfulPage.edges[0].node.content.content} />\n*/\nexport const query = graphql`\n  query {\n    allContentfulPage(filter: {contentful_id: {eq: \"4jBl67KyCqcHnYVadwByNF\"}}) {\n      edges {\n        node {\n          content {\n            content\n          }\n          title\n        }\n      }\n    }\n\n    missionImage: file(relativePath: { eq: \"our-mission.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 286) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n\n    betterChoiceImage: file(relativePath: { eq: \"better-choice.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 286) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n\n    lookingAheadImage: file(relativePath: { eq: \"looking-ahead.png\" }) {\n      childImageSharp {\n        fluid(maxWidth: 286) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n\n  }`\n\n//   const MapContainer = styled.div`\n//     height: 300px;\n//     width: 300px;\n//     margin-bottom: 20px;\n// `\nconst TH = styled.th`\n    width: 60px;\n    padding: 10px 0px 10px 0px;\n`\n","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"],"sourceRoot":""}