{"version":3,"sources":["webpack:///./src/pages/carport-builders-brisbane.tsx"],"names":["data","header","name","content","slant","height","fluid","jpBackground","childImageSharp","size","to","title","showMessage","style","paddingTop","inverted","image","training","text","buttons","patiosBrisbane","offField","bgImage","blurredHero","color","small","outline","gallery","edges","map","i","node","modal","fixed","flushTop","faqs","info","background","whyUs","src","videoId","opts","width","playerVars","rel","margin","padding"],"mappings":"4FAAA,oNA4Be,0BAAGA,EAAI,EAAJA,KAAI,OACpB,gBAAC,IAAM,CAACC,OAAO,SACb,gBAAC,SAAM,KACL,uGAGA,wBACEC,KAAK,cACLC,QAAQ,8OAIZ,gBAAC,aAAU,CAACC,OAAO,EAAOC,OAAO,QAC/B,8BACE,gBAAC,IAAG,CAACC,MAAON,EAAKO,aAAaC,gBAAgBF,SAEhD,2BACE,uDACA,gBAAC,IAAI,CAACG,KAAK,SAAO,mHAIlB,gBAAC,IAAI,CAACC,GAAG,gBACP,gBAAC,IAAM,2BAGX,gBAAC,gBAAa,KACZ,2BACE,gBAAC,IAAI,CAACC,MAAM,qBAAqBC,aAAa,OAKpD,gBAAC,IAAO,CAACC,MAAO,CAAEC,WAAY,MAC5B,0DAC+B,8BAAY,uBAG3C,0NAMA,8SAOA,6bASA,wbASA,uRAOA,gBAAC,IAAI,CAACJ,GAAG,gBACP,gBAAC,IAAM,CAACK,UAAU,GAAK,uBAI3B,gBAAC,qBAAkB,KACjB,iCACM,oCAAc,oBAEpB,gBAAC,IAAW,CACVC,MAAOhB,EAAKiB,SAAST,gBACrBE,GAAG,oDACHC,MAAM,yBACNO,KAAK,iOAELC,QAAS,CACP,CACET,GAAI,oDACJQ,KAAM,iBAIZ,gBAAC,IAAW,CACVR,GAAG,8CACHM,MAAOhB,EAAKoB,eAAeZ,gBAC3BG,MAAM,0BACNO,KAAK,iUACLC,QAAS,CACP,CACET,GAAI,8CACJQ,KAAM,iBAIZ,gBAAC,IAAW,CACVF,MAAOhB,EAAKqB,SAASb,gBACrBG,MAAM,gBACND,GAAG,2CACHQ,KAAK,0bAELC,QAAS,CACP,CACET,GAAI,2CACJQ,KAAM,kBAMd,gBAAC,IAAI,CAACI,QAAStB,EAAKuB,YAAYf,gBAAiBH,OAAO,SACtD,oDACA,6HAIA,gBAAC,OAAI,KACH,gBAAC,IAAM,CAACmB,MAAO,OAAQC,OAAO,EAAMC,SAAS,GAAK,gBAMtD,gBAAC,IAAc,KACb,yDACA,gdASA,gPAMA,gBAAC,IAAgB,KACd1B,EAAK2B,QAAQC,MAAMC,KAClB,SAACb,EAAOc,GAAC,OACPd,EAAMe,KAAKvB,iBACT,gBAAC,IAAY,CAACwB,MAAOhB,EAAMe,KAAKvB,gBAAgBwB,OAC9C,gBAAC,IAAG,CAACC,MAAOjB,EAAMe,KAAKvB,gBAAgByB,cAOnD,gBAAC,IAAI,CACHC,UAAU,EACVC,KAAMC,OACNzB,MACE,6CACY,+BAAS,WAGvB0B,WAAYrC,EAAKsC,MAAM9B,gBAAgBF,MAAMiC,MAG/C,gBAAC,iBAAc,KACb,gBAAC,IAAK,CACJC,QAAQ,cACRC,KAAM,CACJpC,OAAQ,MACRqC,MAAO,OACPC,WAAY,CACVnB,MAAO,QACPoB,IAAK,OAMb,gBAAC,eAAY,CAAC/B,MAAO,CAAEgC,OAAQ,SAAUC,QAAS","file":"component---src-pages-carport-builders-brisbane-tsx-b0f293fcd425b51d7e76.js","sourcesContent":["import { Helmet } from 'react-helmet'\n\nimport * as React from 'react'\nimport Layout from '../components/Layout'\n\nimport { Link, graphql } from 'gatsby'\nimport Img from 'gatsby-image'\nimport FAQs from '../components/FAQs'\n\nimport { Box, Flex } from 'grid-styled'\nimport CTA from '../components/CTA'\nimport GalleryContainer from '../components/GalleryContainer'\nimport GalleryImage from '../components/GalleryImage'\nimport {\n  HomeHeader,\n  FormContainer,\n  AlternatingContent,\n  AboutContact,\n  VideoContainer,\n  info\n} from '.'\nimport Form from '../components/Form'\nimport { Text, GallerySection, Content } from '../components/styles'\nimport Button from '../components/Button'\nimport ContentCard from '../components/ContentCard'\nimport Hero from '../components/Hero'\nimport { Video } from '../components/procedures'\n\nexport default ({ data }) => (\n  <Layout header=\"light\">\n    <Helmet>\n      <title>\n        Favoured Carport Builders in Brisbane and Sunshine Coast | Just Patios\n      </title>\n      <meta\n        name=\"description\"\n        content=\"Just Patios are experienced carport designers and builders, servicing Brisbane and Sunshine Coast. We have over 20 years of experience with a team of licensed & professional builders. Call us today for a free carport design & quote.\"\n      />\n    </Helmet>\n\n    <HomeHeader slant={false} height=\"75vh\">\n      <figure>\n        <Img fluid={data.jpBackground.childImageSharp.fluid} />\n      </figure>\n      <div>\n        <h2>Carport Builders Brisbane</h2>\n        <Text size=\"large\">\n          Looking at building a carport for your home? Our team at Just Patios\n          is here to help you every step of the way.\n        </Text>\n        <Link to=\"/contact-us/\">\n          <Button>Contact us today</Button>\n        </Link>\n      </div>\n      <FormContainer>\n        <div>\n          <Form title=\"Request Free Quote\" showMessage={true} />\n        </div>\n      </FormContainer>\n    </HomeHeader>\n\n    <Content style={{ paddingTop: 100 }}>\n      <h1>\n        Carport Builders in Brisbane <i>&amp;</i> The Sunshine Coast\n      </h1>\n\n      <h4>\n        Need to protect your investments from our harsh environment? Cover your\n        Car, Boat, Caravan, Motorbike or Jet Ski with a quality built,\n        customised carport in Brisbane or the Sunshine Coast.\n      </h4>\n\n      <p>\n        The highly-experienced carport builders at Just Patios create customised\n        solutions to protect your valuable vehicles. It is terrible to think of\n        your precious car being ravaged by harsh weather conditions and other\n        corrosive elements. We’ll make sure that it never happens.\n      </p>\n\n      <p>\n        Cars, boats, motorcycles and other vehicles are prone to rusting and\n        other forms of damage. Extreme weather conditions, temperature changes\n        and dirt and bacteria buildup can all contribute to the wear-and-tear on\n        your vehicle. Like any owner, you want to keep your valuables in prime\n        condition, the way they were when you first purchased them. Our custom\n        carports are what you need to keep your vehicle in top shape.\n      </p>\n\n      <p>\n        At Just Patios, we offer a wide range of carport designs for clients in\n        the Brisbane and Sunshine Coast regions. From the popular flat/skillion\n        options and raised/flyover type, to the gable carport, our builders can\n        provide the ideal design for your vehicle and your home. With our\n        solutions, there’s no need to rent extra space and storage units. Why\n        would you still need them when there’s enough room at home?\n      </p>\n\n      <p>\n        Functional and built to high a standard, our carports add value and\n        aesthetic appeal to any home. Whether you’re in the Sunshine Coast or\n        Brisbane areas, we’ll construct high-performance and stunning carports\n        for you. View our range of designs below.\n      </p>\n\n      <Link to=\"/contact-us/\">\n        <Button inverted={true}>Contact us today!</Button>\n      </Link>\n    </Content>\n\n    <AlternatingContent>\n      <h2>\n        Our <i>Carport</i> Range &amp; Designs\n      </h2>\n      <ContentCard\n        image={data.training.childImageSharp}\n        to=\"/carport-builders-brisbane/raised-flyover-carport\"\n        title=\"Raised Flyover Carport\"\n        text=\"This design is great to cover caravans, boats or motorhomes as they have extra height. We have numerous ways of attaching your new carport to your home so please feel free to call and let us help you design your new area.\n        \"\n        buttons={[\n          {\n            to: '/carport-builders-brisbane/raised-flyover-carport',\n            text: 'Learn more'\n          }\n        ]}\n      />\n      <ContentCard\n        to=\"/carport-builders-brisbane/skillion-carport\"\n        image={data.patiosBrisbane.childImageSharp}\n        title=\"Flat / Skillion Carport\"\n        text=\"These are by far the most popular carport designs as they are simple & cheap yet very effective. We can use our patio range of materials or for a cheaper version, zincalume sheets & a galvanised frame can be used. These systems are great for attaching off the side of the house or can be built as a free standing unit.\"\n        buttons={[\n          {\n            to: '/carport-builders-brisbane/skillion-carport',\n            text: 'Learn more'\n          }\n        ]}\n      />\n      <ContentCard\n        image={data.offField.childImageSharp}\n        title=\"Gable Carport\"\n        to=\"/carport-builders-brisbane/gable-carport\"\n        text=\"A Gable Carport can certainly add character and most importantly compliment your existing roof line, allowing it to seemlessly blend with your home. The Gable Carport range comes in 3 popular styles which are: traditional gable ends, hip ends, and dutch gable ends. These can all be customised to your home and needs. Styles are available in the full Colourbond and Colourbond equivalent range to marry in with your existing home colours.\n        \"\n        buttons={[\n          {\n            to: '/carport-builders-brisbane/gable-carport',\n            text: 'Learn more'\n          }\n        ]}\n      />\n    </AlternatingContent>\n\n    <Hero bgImage={data.blurredHero.childImageSharp} height=\"550px\">\n      <h3>Want to find our more?</h3>\n      <p>\n        Call 1300 284 531 or complete the enquiry form to contact us today and\n        find out how we can help.\n      </p>\n      <Flex>\n        <Button color={'#fff'} small={true} outline={true}>\n          Contact Us\n        </Button>\n      </Flex>\n    </Hero>\n\n    <GallerySection>\n      <h2>Some of Our Recent Projects</h2>\n      <p>\n        For over 20 years, Just Patios has been providing robust carports in the\n        Brisbane and Sunshine Coast regions. Using roofing systems from\n        Australia’s leading roofing manufacturers, we create beautiful carports\n        built to last. From gable carports to flat/skillion and flyover\n        carports, we’ve done it all. Our licensed and professional builders do\n        more than just deliver high-quality carports. We create structures that\n        fit your lifestyle.\n      </p>\n      <p>\n        We’ve hand-selected the best systems in Australia and use quality\n        products backed with 15-year warranties. View photos from some of our\n        most recent projects and discover for yourself what we can achieve for\n        you.\n      </p>\n      <GalleryContainer>\n        {data.gallery.edges.map(\n          (image, i) =>\n            image.node.childImageSharp && (\n              <GalleryImage modal={image.node.childImageSharp.modal}>\n                <Img fixed={image.node.childImageSharp.fixed} />\n              </GalleryImage>\n            )\n        )}\n      </GalleryContainer>\n    </GallerySection>\n\n    <FAQs\n      flushTop={true}\n      faqs={info}\n      title={\n        <>\n          What sets <i>us</i> apart?\n        </>\n      }\n      background={data.whyUs.childImageSharp.fluid.src}\n    />\n\n    <VideoContainer>\n      <Video\n        videoId=\"n9YvBXIci_E\"\n        opts={{\n          height: '576',\n          width: '1024',\n          playerVars: {\n            color: 'white',\n            rel: 0\n          }\n        }}\n      />\n    </VideoContainer>\n\n    <AboutContact style={{ margin: '0 auto', padding: 0 }} />\n  </Layout>\n)\n\nexport const query = graphql`\n  query CarportsQuery {\n    jpBackground: file(relativePath: { eq: \"carport-builders-brisbane.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 3000, quality: 95) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    offField: file(relativePath: { eq: \"gallery/carports/gable/cover.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    whyUs: file(relativePath: { eq: \"why-us-jp.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 3000, quality: 95) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    patiosBrisbane: file(\n      relativePath: { eq: \"gallery/carports/skillion/cover.jpg\" }\n    ) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    training: file(relativePath: { eq: \"gallery/carports/flyover/cover.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n\n    accessories: file(relativePath: { eq: \"roofing-brisbane.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 2000, quality: 90) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    blurredHero: file(relativePath: { eq: \"blurred-hero.jpg\" }) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    gallery: allFile(\n      filter: { relativeDirectory: { eq: \"gallery/carports\" } }\n    ) {\n      edges {\n        node {\n          childImageSharp {\n            fixed(width: 400, height: 400, toFormat: JPG) {\n              ...GatsbyImageSharpFixed\n            }\n            modal: fluid(maxWidth: 1200, quality: 98, toFormat: JPG) {\n              ...GatsbyImageSharpFluid\n            }\n          }\n        }\n      }\n    }\n  }\n`\n"],"sourceRoot":""}