{"version":3,"sources":["webpack:///./src/pages/patio-builders-brisbane.tsx"],"names":["data","header","name","content","slant","height","fluid","jpBackground","childImageSharp","size","to","title","showMessage","style","paddingTop","color","inverted","image","offField","text","alt","buttons","patiosBrisbane","training","accessories","bgImage","blurredHero","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,8FAGA,wBACEC,KAAK,cACLC,QAAQ,+OAIZ,gBAAC,aAAU,CAACC,OAAO,EAAOC,OAAO,QAC/B,8BACE,gBAAC,IAAG,CAACC,MAAON,EAAKO,aAAaC,gBAAgBF,SAEhD,2BACE,wDACA,gBAAC,IAAI,CAACG,KAAK,SAAO,iHAIlB,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,yDAC8B,oCAAc,mBAG5C,yBACE,wBAAMD,MAAO,CAAEE,MAAO,sBAAsB,sCAiB9C,4yBAeA,sDAC2B,gBAAC,IAAI,CAACL,GAAG,aAAW,gBAAoB,6SAOnE,0NAG+C,KAG/C,kGACyE,IAAG,skBAS5C,KAGhC,qZAMgC,KAGhC,gBAAC,IAAI,CAACA,GAAG,gBACP,gBAAC,IAAM,CAACM,UAAU,GAAK,uBAI3B,gBAAC,qBAAkB,KACjB,iCACM,kCAAY,oBAElB,gBAAC,IAAW,CACVC,MAAOjB,EAAKkB,SAASV,gBACrBG,MAAM,gBACND,GAAG,yCACHS,KAAK,ucACLC,IAAI,kBACJC,QAAS,CACP,CACEX,GAAI,yCACJS,KAAM,iBAIZ,gBAAC,IAAW,CACVT,GAAG,8CACHO,MAAOjB,EAAKsB,eAAed,gBAC3BG,MAAM,oCACNQ,KAAK,whBAELC,IAAI,2BACJC,QAAS,CACP,CACEX,GAAI,8CACJS,KAAM,iBAIZ,gBAAC,IAAW,CACVF,MAAOjB,EAAKuB,SAASf,gBACrBE,GAAG,kDACHC,MAAM,iCACNQ,KAAK,gXACLC,IAAI,iDACJC,QAAS,CACP,CACEX,GAAI,kDACJS,KAAM,iBAIZ,gBAAC,IAAW,CACVF,MAAOjB,EAAKwB,YAAYhB,gBACxBE,GAAG,uCACHC,MAAM,cACNQ,KAAK,ocACLC,IAAI,wBACJC,QAAS,CACP,CACEX,GAAI,uCACJS,KAAM,kBAMd,gBAAC,IAAI,CAACM,QAASzB,EAAK0B,YAAYlB,gBAAiBH,OAAO,SACtD,oDACA,6HAIA,gBAAC,OAAI,KACH,gBAAC,IAAM,CAACU,MAAO,OAAQY,OAAO,EAAMC,SAAS,GAAK,gBAMtD,gBAAC,IAAc,KACb,yDACA,uYAQA,gPAMA,gBAAC,IAAgB,KACd5B,EAAK6B,QAAQC,MAAMC,KAClB,SAACd,EAAOe,GAAC,OACPf,EAAMgB,KAAKzB,iBACT,gBAAC,IAAY,CAAC0B,MAAOjB,EAAMgB,KAAKzB,gBAAgB0B,OAC9C,gBAAC,IAAG,CAACC,MAAOlB,EAAMgB,KAAKzB,gBAAgB2B,cAOnD,gBAAC,IAAI,CACHC,UAAU,EACVC,KAAMC,OACN3B,MACE,6CACY,+BAAS,WAGvB4B,WAAYvC,EAAKwC,MAAMhC,gBAAgBF,MAAMmC,MAG/C,gBAAC,iBAAc,KACb,gBAAC,IAAK,CACJC,QAAQ,cACRC,KAAM,CACJtC,OAAQ,MACRuC,MAAO,OACPC,WAAY,CACV9B,MAAO,QACP+B,IAAK,OAMb,gBAAC,eAAY,CAACjC,MAAO,CAAEkC,OAAQ,SAAUC,QAAS","file":"component---src-pages-patio-builders-brisbane-tsx-62d14cdd6bfc89637756.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        Patio Builders in Brisbane & the Sunshine Coast | Just Patios\n      </title>\n      <meta\n        name=\"description\"\n        content=\"Just Patios has a team of professional patio builders servicing Brisbane and the Sunshine Coast. Our builders are experienced in buildng custom residential & commercial patios. Feel free to contact us today for a free 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>Patio Builders & Designers</h2>\n        <Text size=\"large\">\n          Looking at building a patio for your home? Our team at Just Patios is\n          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        Brisbane & Sunshine Coast's <i>Trusted</i> Patio Builders\n      </h1>\n\n      <p>\n        <span style={{ color: 'rgb(246, 159, 26)' }}>\n          Just Patios is Open for Business.\n        </span>\n        {/* <span>\n          <strong style={{ color: 'red' }}>\n            Our office will be closing at 12:00pm on Friday the 18th of December\n            2020 and will re-open at 8:30am on Tuesday the 5th of January 2021\n          </strong>\n        </span>\n        <span>\n          <strong style={{ color: 'green' }}>\n            Our team would like to wish you and your family a Merry Christmas\n            and a Happy, Safe & Prosperous New Year\n          </strong>\n        </span> */}\n      </p>\n\n      <p>\n        Just Patios is aware of the Nations health issues currently and respect\n        both your health and our staff. We are still able to operate with the\n        most stringent health and hygiene controls as advised by the Federal\n        Government. This enables us to quote and build without concern to you\n        the customer. Correspondence for quotes and contracts via phone, email ,\n        photos etc and a single onsite visit to confirm sizes (you don't have to\n        be there). Builders are still able to construct your new project without\n        anyone being home or use of your facilities apart from power/outdoor\n        water. No access required in your home internally all can be done\n        externally. Rest assured we are true professionals in the industry and\n        with a healthy respect for your well being and our loyal and dedicated\n        staff.\n      </p>\n\n      <h4>\n        Just Patios is a team of <Link to=\"/about-us\">professional</Link> patio\n        builders in the Brisbane and Sunshine Coast regions. Having been in the\n        construction industry for over 20 years, we offer an unmatched level of\n        workmanship, providing customers with products and services that improve\n        their quality of life. Our custom patios work perfectly for this\n        purpose.\n      </h4>\n      <p>\n        The weather in the Brisbane area can be extreme: it can be scorching one\n        moment, and cool the next. No matter what the weather may be, an outdoor\n        patio lets you enjoy your space comfortably.{' '}\n      </p>\n\n      <p>\n        Outdoor patio living space is essential for enjoying a barbeque in the{' '}\n        backyard or relaxing in summer out in the cool breeze with your\n        favourite drink. Sunshine or rain, your family get together will always\n        be great with one of our professionally designed and installed patio\n        covers. Our patio designs are unlimited and one of our professional\n        representatives can help you achieve your dream. We build all types of\n        patios from flat/skillion to gables, flyover, and freestanding\n        structures giving you protection from the weather. If you are concerned\n        about lighting issues we can add light panels to your patio giving you\n        that extra light you require.{' '}\n      </p>\n\n      <p>\n        Should you need a reliable team to build and install a patio for you,\n        look no further than the licensed builders at Just Patios. Our team\n        offers you a variety of designs to choose from. The patios not only\n        enhance your home; they also make your lifestyle more comfortable, and\n        therefore, more enjoyable. Have a look at the options we have on offer\n        and see which suits you best.{' '}\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>Patio</i> Range &amp; Designs\n      </h2>\n      <ContentCard\n        image={data.offField.childImageSharp}\n        title=\"Flyover Patio\"\n        to=\"/patio-builders-brisbane/flyover-patio\"\n        text=\"A flyover patio is a design which over the years has grown more popular with home owners. This design is elevated above your existing gutter line creating air flow and extra height. The added height gives you the feeling of space and allows extra natural lighting to filter through. This design can be built with both insulated and non-insulated roofing products. If you want the feeling of space and light this option is ideal and a great alternative.\"\n        alt=\"Brisbane Patios\"\n        buttons={[\n          {\n            to: '/patio-builders-brisbane/flyover-patio',\n            text: 'Learn more',\n          },\n        ]}\n      />\n      <ContentCard\n        to=\"/patio-builders-brisbane/skillion-insulated\"\n        image={data.patiosBrisbane.childImageSharp}\n        title=\"Flat / Skillion - Insulated Patio\"\n        text=\"This roofing material is substantially cooler in summer and is a step up from our non-insulated range. It offers a ceiling like appearance underside with the added benefit of being able to install lights & ceiling fans. This option is great if you are considering making the area into a room at a later date. It has all the options of the non-insulated roofing, with long spans & reducing the need for beams & rafters. This leaves you with a very low maintenance, high quality patio area with a range of colours to match your house.\n        \"\n        alt=\"Insulated Patio Brisbane\"\n        buttons={[\n          {\n            to: '/patio-builders-brisbane/skillion-insulated',\n            text: 'Learn more',\n          },\n        ]}\n      />\n      <ContentCard\n        image={data.training.childImageSharp}\n        to=\"/patio-builders-brisbane/skillion-non-insulated\"\n        title=\"Skillion - Non-Insulated Patio\"\n        text=\"This is one of our most popular designs creating extra space for your outside area. Long spanning Colourbond and Colourbond equivalent roofing eliminates the need for extra beams & rafters, and provides you the ceiling height you require. Our roofing comes in a range of colours and finishes to blend in with your existing gutters & fascia, complimenting your home.\"\n        alt=\"Non-Insulated Skillion Patio Builders Brisbane\"\n        buttons={[\n          {\n            to: '/patio-builders-brisbane/skillion-non-insulated',\n            text: 'Learn more',\n          },\n        ]}\n      />\n      <ContentCard\n        image={data.accessories.childImageSharp}\n        to=\"/patio-builders-brisbane/gable-patio\"\n        title=\"Gable Patio\"\n        text=\"There are a range of different designs and materials we can use to create the look you desire in a gable patio. Gable designs give you extra height, space & air flow – great for the summer months. Insulated & non-insulated roofing can be used depending on the look and style you prefer. These are very popular and a valuable addition to your home. Let us help you customise your new gable patio today so you can sit back and enjoy for years to come.\"\n        alt=\"Gable Patios Brisbane\"\n        buttons={[\n          {\n            to: '/patio-builders-brisbane/gable-patio',\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        Here at Just Patios, we do more than just build patios. We create\n        structures that fit your lifestyle. If you require a patio for your\n        home, our professional and licensed builders ensure high-quality results\n        that enhance the value of your property. Our team build insulated and\n        non-insulated patios, completely customising each job to meet your\n        unique home needs.\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=\"yqTGp7gMtng\"\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 GalleryQuery {\n    jpBackground: file(relativePath: { eq: \"patio-builders-brisbane.jpg\" }) {\n      childImageSharp {\n        fluid(maxWidth: 3000, quality: 95) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    offField: file(relativePath: { eq: \"gallery/patios/flyover/cover.png\" }) {\n      childImageSharp {\n        fluid(toFormat: JPG) {\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/patios/insulated/cover.png\" }\n    ) {\n      childImageSharp {\n        fluid(toFormat: JPG) {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n    training: file(\n      relativePath: { eq: \"gallery/patios/non-insulated/cover.jpg\" }\n    ) {\n      childImageSharp {\n        fluid {\n          ...GatsbyImageSharpFluid\n        }\n      }\n    }\n\n    accessories: file(relativePath: { eq: \"gallery/patios/gable/cover.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(filter: { relativeDirectory: { eq: \"gallery/patios\" } }) {\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":""}