{"version":3,"sources":["webpack:///./src/components/Banner.js","webpack:///./src/pages/index.js"],"names":["Banner","data","useStaticQuery","className","fluid","file","childImageSharp","alt","href","Home","Helmet","name","content","Layout","hidePageHeader","about","aspectRatio","to","residential","data-mh","commercial","automotive"],"mappings":"yOAIe,SAASA,IACtB,IAAMC,EAAOC,yBAAe,cAY5B,OACE,yBAAKC,UAAU,kBACb,kBAAC,IAAD,CACEA,UAAU,qBACVC,MAAOH,EAAKI,KAAKC,gBAAgBF,MACjCG,IAAI,sBAEN,yBAAKJ,UAAU,aACb,yBAAKA,UAAU,OACb,yBAAKA,UAAU,YACb,yDACA,qJAIA,uBAAGK,KAAK,YAAYL,UAAU,0BAA9B,kBCxBG,SAASM,IACtB,IAAMR,EAAOC,yBAAe,aAwC5B,OACE,oCACE,kBAACQ,EAAA,EAAD,KACE,qFACA,0BACEC,KAAK,cACLC,QAAQ,4HAIZ,kBAACC,EAAA,EAAD,CAAQC,gBAAgB,GACtB,kBAACd,EAAD,MAEA,6BAASG,UAAU,gBACjB,yBAAKA,UAAU,aACb,yBAAKA,UAAU,+BACb,yBAAKA,UAAU,YACb,wBAAIA,UAAU,mBAAd,YACA,uOAMA,mOAMA,iNAMF,yBAAKA,UAAU,sDACb,yBAAKA,UAAU,qCACb,kBAAC,IAAD,CACEC,MAAK,iBACAH,EAAKc,MAAMT,gBAAgBF,MAD3B,CAEHY,YAAa,EAAI,IAEnBT,IAAI,oCAQhB,6BAASJ,UAAU,yBACjB,yBAAKA,UAAU,aACb,wBAAIA,UAAU,mBAAd,YACA,yBAAKA,UAAU,OACb,yBAAKA,UAAU,uCACb,kBAAC,OAAD,CAAMc,GAAG,eAAed,UAAU,yBAChC,kBAAC,IAAD,CACEC,MAAK,iBACAH,EAAKiB,YAAYZ,gBAAgBF,MADjC,CAEHY,YAAa,EAAI,IAEnBT,IAAI,0BAGR,yBAAKJ,UAAU,gBACb,2CACA,uBAAGgB,UAAQ,uBAAX,2HAIA,kBAAC,OAAD,CAAMF,GAAG,eAAed,UAAU,kBAAlC,eAKJ,yBAAKA,UAAU,uCACb,kBAAC,OAAD,CAAMc,GAAG,cAAcd,UAAU,yBAC/B,kBAAC,IAAD,CACEC,MAAK,iBACAH,EAAKmB,WAAWd,gBAAgBF,MADhC,CAEHY,YAAa,EAAI,IAEnBT,IAAI,wBAGR,yBAAKJ,UAAU,gBACb,0CACA,uBAAGgB,UAAQ,uBAAX,kHAIA,kBAAC,OAAD,CAAMF,GAAG,cAAcd,UAAU,kBAAjC,eAKJ,yBAAKA,UAAU,uCACb,kBAAC,OAAD,CAAMc,GAAG,cAAcd,UAAU,yBAC/B,kBAAC,IAAD,CACEC,MAAK,iBACAH,EAAKoB,WAAWf,gBAAgBF,MADhC,CAEHY,YAAa,EAAI,IAEnBT,IAAI,qBAGR,yBAAKJ,UAAU,gBACb,0CACA,uBAAGgB,UAAQ,uBAAX,4HAKA,kBAAC,OAAD,CAAMF,GAAG,cAAcd,UAAU,kBAAjC","file":"component---src-pages-index-js-74c25914100d32f129aa.js","sourcesContent":["import React from \"react\"\nimport { useStaticQuery, graphql } from \"gatsby\"\nimport Image from \"gatsby-image\"\n\nexport default function Banner() {\n  const data = useStaticQuery(graphql`\n    query {\n      file(relativePath: { eq: \"images/building-reflection-1.jpg\" }) {\n        childImageSharp {\n          fluid(maxWidth: 1920) {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <div className=\"feature-banner\">\n      <Image\n        className=\"feature-banner__bg\"\n        fluid={data.file.childImageSharp.fluid}\n        alt=\"Glass on building\"\n      />\n      <div className=\"container\">\n        <div className=\"row\">\n          <div className=\"col-lg-8\">\n            <h1>Window Tinting Wellington</h1>\n            <p>\n              For decades Window Magic has been the leading name in safe and\n              affordable window tinting within the Wellington region.\n            </p>\n            <a href=\"/contact/\" className=\"btn btn-lg btn-warning\">\n              Free Quote\n            </a>\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n","import React from \"react\"\nimport { graphql, useStaticQuery, Link } from \"gatsby\"\nimport \"../styles/main.scss\"\nimport { Helmet } from \"react-helmet\"\nimport Layout from \"../components/Layout\"\nimport Banner from \"../components/Banner\"\nimport Image from \"gatsby-image\"\n\nexport default function Home() {\n  const data = useStaticQuery(graphql`\n    query {\n      about: file(\n        relativePath: { eq: \"images/IMG_2624psnew-e1594779052974.jpg\" }\n      ) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n\n      residential: file(relativePath: { eq: \"images/house-3.jpg\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n\n      commercial: file(\n        relativePath: { eq: \"images/Gold-film-shop-front.jpg\" }\n      ) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n\n      automotive: file(relativePath: { eq: \"images/DSCF2099.jpg\" }) {\n        childImageSharp {\n          fluid {\n            ...GatsbyImageSharpFluid\n          }\n        }\n      }\n    }\n  `)\n\n  return (\n    <>\n      <Helmet>\n        <title>Window Magic | Quality & affordable window tinting</title>\n        <meta\n          name=\"description\"\n          content=\"For decades Window Magic has been the leading name in safe and affordable window tinting within the Wellington region.\"\n        />\n      </Helmet>\n\n      <Layout hidePageHeader={true}>\n        <Banner />\n\n        <section className=\"page-section\">\n          <div className=\"container\">\n            <div className=\"row justify-content-between\">\n              <div className=\"col-lg-6\">\n                <h2 className=\"section-heading\">About Us</h2>\n                <p>\n                  Window Magic has been the leading name in Window Tinting\n                  within the Wellington area for decades. Our goal is to present\n                  a finished product that not only looks great but is safe and\n                  affordable for you.\n                </p>\n                <p>\n                  Our attention to detail not only shines in our quality\n                  workmanship but we also hand source all of our product\n                  ourselves, which allows us to have some of the most\n                  competitive pricing on the market.\n                </p>\n                <p>\n                  Trust in our years’ successful partnerships with some of the\n                  top dealerships in the city. Cars, buildings, trucks, boats,\n                  houses, celebrity vehicles, we really have done it all.\n                </p>\n              </div>\n              <div className=\"col-lg-5 d-flex flex-column justify-content-center\">\n                <div className=\"main-content__gallery mb-2 w-100 \">\n                  <Image\n                    fluid={{\n                      ...data.about.childImageSharp.fluid,\n                      aspectRatio: 4 / 3,\n                    }}\n                    alt=\"Greg with Window Magic car\"\n                  />\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n\n        <section className=\"page-section bg-light\">\n          <div className=\"container\">\n            <h2 className=\"section-heading\">Services</h2>\n            <div className=\"row\">\n              <div className=\"mx-auto mb-gutter col-sm-6 col-lg-4\">\n                <Link to=\"/residential\" className=\"d-block hover-overlay\">\n                  <Image\n                    fluid={{\n                      ...data.residential.childImageSharp.fluid,\n                      aspectRatio: 4 / 3,\n                    }}\n                    alt=\"Ranch slider tinting\"\n                  />\n                </Link>\n                <div className=\"p-3 bg-white\">\n                  <h5>Residential</h5>\n                  <p data-mh=\"service-description\">\n                    Window tinting your residential property is a great way to\n                    provide safety and security to your family, pets and guests.\n                  </p>\n                  <Link to=\"/residential\" className=\"btn btn-danger\">\n                    Read more\n                  </Link>\n                </div>\n              </div>\n              <div className=\"mx-auto mb-gutter col-sm-6 col-lg-4\">\n                <Link to=\"/commercial\" className=\"d-block hover-overlay\">\n                  <Image\n                    fluid={{\n                      ...data.commercial.childImageSharp.fluid,\n                      aspectRatio: 4 / 3,\n                    }}\n                    alt=\"Shop front tinting\"\n                  />\n                </Link>\n                <div className=\"p-3 bg-white\">\n                  <h5>Commercial</h5>\n                  <p data-mh=\"service-description\">\n                    We have a great range of products for your office, such as\n                    your company brand motifs for internal glass walls.\n                  </p>\n                  <Link to=\"/commercial\" className=\"btn btn-danger\">\n                    Read more\n                  </Link>\n                </div>\n              </div>\n              <div className=\"mx-auto mb-gutter col-sm-6 col-lg-4\">\n                <Link to=\"/automotive\" className=\"d-block hover-overlay\">\n                  <Image\n                    fluid={{\n                      ...data.automotive.childImageSharp.fluid,\n                      aspectRatio: 4 / 3,\n                    }}\n                    alt=\"Vehicle tinting\"\n                  />\n                </Link>\n                <div className=\"p-3 bg-white\">\n                  <h5>Automotive</h5>\n                  <p data-mh=\"service-description\">\n                    Tinting vehicles provides benefits like protection and\n                    privacy. All of our tints come with a full manufacturer\n                    warranty.\n                  </p>\n                  <Link to=\"/automotive\" className=\"btn btn-danger\">\n                    Read more\n                  </Link>\n                </div>\n              </div>\n            </div>\n          </div>\n        </section>\n      </Layout>\n    </>\n  )\n}\n"],"sourceRoot":""}