{"version":3,"sources":["webpack://kooricarpentry.com.au/./src/components/modules/hero-home-upgrades.tsx","webpack://kooricarpentry.com.au/./src/components/modules/copy-with-image-home-upgrades.tsx","webpack://kooricarpentry.com.au/./src/pages/home-upgrades.tsx"],"names":["HeroHomeUpgrades","maxHeight","className","classNames","S","src","alt","CopyWithImageHomeUpgrades","BG_COLOUR_MAP","Figure","Copy","style","paddingBottom","TEXT_COLOUR_MAP","PROSE_COLOUR_MAP","Link","to","FinishedProjectsCarousel","wrapAround","slidesToShow","renderCenterLeftControls","previousSlide","renderCenterRightControls","nextSlide","defaultControlsConfig","pagingDotsStyle","fill","pagingDotsClassName","BulletPoints","data","location","sanityHomePage","modules","seo","title","image","shareGraphic","asset","url","pathname","html"],"mappings":"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","file":"component---src-pages-home-upgrades-tsx-1547492128e3ac1d7bf5.js","sourcesContent":["import { GatsbyImage, StaticImage } from 'gatsby-plugin-image';\nimport * as React from 'react';\nimport { Link } from 'gatsby';\n\nimport type { ISanityHero } from '../../fragments/sanity-hero-parts';\nimport { classNames } from '../../utils/classnames';\nimport { ButtonLink } from '../button-link';\nimport InnerHTML from 'dangerously-set-html-content';\n\nconst html = `<div class=\"pipedriveWebForms\" data-pd-webforms=\"https://webforms.pipedrive.com/f/30YWPsE2Dep4CibaKvfw8H6AMeSUwocARRti5enPOwnfUOgAWeUTkitBzASAqHjk7\"><script src=\"https://webforms.pipedrive.com/f/loader\"></script></div>`;\n\nfunction HeroHomeUpgrades(): JSX.Element {\n  const maxHeight = 'max-h-[36rem]';\n  return (\n    <div className={classNames(maxHeight, 'relative overflow-hidden')}>\n      <div className=\"md:aspect-w-16 md:aspect-h-9\">\n        <div\n          className={classNames(\n            maxHeight,\n            'absolute inset-0 flex md:inset-auto'\n          )}\n        >\n          <StaticImage\n            src=\"../../images/home-upgrades-hero-new.jpg\"\n            alt={''}\n            className=\"flex-1\"\n          />\n        </div>\n\n        <div\n          className={classNames(\n            maxHeight,\n            'relative flex flex-col items-center justify-center py-12 text-center bg-opacity-25 bg-dark px-4 sm:px-6 lg:px-8'\n          )}\n        >\n          <h1 className=\"max-w-4xl font-semibold text-light\">\n            <span className={`text-5xl inline-block leading-tight`}>\n              Unleash More Life\n            </span>\n            <br />\n            <span className={`text-5xl uppercase inline-block leading-tight`}>\n              Home Upgrades\n            </span>\n            <p\n              className={`text-white prose inline-block tracking-wide font-light mt-6`}\n            >\n              Give your home more life, room, and style with our range of\n              quality home upgrades by Koori Carpentry.\n            </p>\n          </h1>\n          {/* <p className=\"mt-2\">\n            <Link\n              to={'/contact-us/'}\n              className=\"inline-block px-6 py-2 text-base font-semibold tracking-wider text-white uppercase border-2 bg-primary border-primary\"\n            >\n              Contact Us\n            </Link>\n          </p> */}\n        </div>\n      </div>\n    </div>\n  );\n}\n\nexport { HeroHomeUpgrades };\n","import BlockContent from '@sanity/block-content-to-react';\nimport { GatsbyImage, StaticImage } from 'gatsby-plugin-image';\nimport { Link } from 'gatsby';\nimport * as React from 'react';\n\nimport type { ISanityCopy } from '../../fragments/sanity-copy-parts';\nimport type { ISanityCopyWithImage } from '../../fragments/sanity-copy-with-image-parts';\nimport type { ISanityFigure } from '../../fragments/sanity-figure-parts';\nimport type { TColourScheme } from '../../types';\nimport { classNames } from '../../utils/classnames';\nimport {\n  BG_COLOUR_MAP,\n  PROSE_COLOUR_MAP,\n  TEXT_COLOUR_MAP,\n} from '../../utils/object-dictionaries';\nimport { ButtonLink } from '../button-link';\nimport { ContactInfo } from '../contact-info';\n\ninterface CopyWithImageProps {\n  copyWithImage: ISanityCopyWithImage;\n}\n\nfunction CopyWithImageHomeUpgrades(): JSX.Element {\n  return (\n    <div className={classNames(BG_COLOUR_MAP['light'])}>\n      <div className=\"w-full px-4 py-12 mx-auto max-w-prose lg:py-24 lg:max-w-screen-2xl sm:px-6 lg:px-8\">\n        <div className=\"grid items-center gap-8 lg:grid-cols-2\">\n          <Figure />\n          <Copy />\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface FigureProps {\n  module: ISanityFigure;\n}\n\nfunction Figure(): JSX.Element {\n  return (\n    <div className=\"relative order-last lg:order-none\">\n      <div\n        className=\"relative overflow-hidden\"\n        style={{ paddingBottom: '100%' }}\n      >\n        <div className=\"absolute inset-0 flex w-full h-full\">\n          <StaticImage\n            src=\"../../images/home-upgrades-figure-new2.jpg\"\n            alt=\"\"\n            className=\"flex-1\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n}\n\ninterface CopyProps {\n  module: ISanityCopy;\n  colourScheme: TColourScheme;\n}\n\nfunction Copy(): JSX.Element {\n  return (\n    <div className=\"pb-5 lg:py-12\">\n      <div\n        className={classNames(\n          'prose',\n          TEXT_COLOUR_MAP['light'],\n          PROSE_COLOUR_MAP['light']\n        )}\n      >\n        <h2>Home Upgrades</h2>\n        Upgrade your home with a new look, room to move or store, or give it a\n        whole new life with Koori Carpentry’s range of home upgrades. We can\n        take on all types of home upgrade jobs in Port Macquarie, as simple as\n        installing a new veranda, building a deck, renovating a kitchen or\n        bathroom, or a combination of renovations to give your entire home a new\n        lease on life.\n        <br />\n        <br />\n        Koori Carpentry give you the flexibility to make your home authentically\n        yours through a quality upgrade by experienced tradespeople right here\n        in Port Macquarie. Add value, add liveability, and add comfort with a\n        great home upgrade package.\n      </div>\n\n      <p className=\"mt-5\">\n        <Link\n          to={'/contact-us/'}\n          className=\"inline-block px-6 py-2 text-base font-semibold tracking-wider text-white uppercase bg-primary\"\n        >\n          Contact Us\n        </Link>\n      </p>\n    </div>\n  );\n}\n\nexport { CopyWithImageHomeUpgrades };\nexport type { ISanityCopyWithImage };\n","import type { HLocation } from '@reach/router';\nimport { graphql } from 'gatsby';\nimport * as React from 'react';\n\nimport { Layout } from '../components/layout';\nimport type { TSanityModule } from '../components/sanity-modules';\nimport { SanityModulesSM } from '../components/sanity-modules-sm';\nimport { SEO } from '../components/seo';\nimport type { ISeo } from '../types';\nimport { HeroHomeUpgrades } from '../components/modules/hero-home-upgrades';\nimport { ContactSectionSM } from '../components/modules/contact-section-sm';\nimport { HeadingWithCtaSM } from '../components/modules/heading-with-cta-sm';\nimport { CopyWithImageHomeUpgrades } from '../components/modules/copy-with-image-home-upgrades';\nimport Checkmark from '../images/checkmark.svg';\nimport { GoogleMapNormal } from '../components/modules/google-map-normal';\nimport Carousel from 'nuka-carousel';\nimport { GatsbyImage, StaticImage } from 'gatsby-plugin-image';\nimport InnerHTML from 'dangerously-set-html-content';\n\nconst html = `<div class=\"pipedriveWebForms\" data-pd-webforms=\"https://webforms.pipedrive.com/f/30YWPsE2Dep4CibaKvfw8H6AMeSUwocARRti5enPOwnfUOgAWeUTkitBzASAqHjk7\"><script src=\"https://webforms.pipedrive.com/f/loader\"></script></div>`;\nconst testhtml = `<script type=\"text/javascript\" src=\"https://buildertrend.net/leads/contactforms/js/btClientContactForm.js\"></script> \n    <iframe src=\"https://buildertrend.net/leads/contactforms/ContactFormFrame.aspx?builderID=85661\" scrolling=\"no\" id=\"btIframe\" style=\"background:transparent;border:0px;margin:0 auto;width:100%;\"></iframe>`;\n\ninterface HomeUpgradesPageProps {\n  data: {\n    sanityHomePage: {\n      modules: TSanityModule[];\n      seo: ISeo;\n    };\n  };\n  location: HLocation;\n}\n\nfunction FinishedProjectsCarousel() {\n  return (\n    <div className=\"bg-dark\">\n      <div className=\"w-full px-4 py-12 mx-auto max-w-prose lg:max-w-screen-2xl sm:px-6 lg:px-8 lg:py-24\">\n        <h2 className=\"mb-24 text-4xl font-semibold text-center text-light\">\n          Finished Projects\n        </h2>\n        <Carousel\n          wrapAround={true}\n          slidesToShow={1}\n          renderCenterLeftControls={({ previousSlide }) => null}\n          renderCenterRightControls={({ nextSlide }) => null}\n          defaultControlsConfig={{\n            pagingDotsStyle: {\n              fill: 'red',\n            },\n            pagingDotsClassName: 'paging-dot',\n          }}\n        >\n          <StaticImage\n            src=\"../images/home-upgrades1.jpg\"\n            alt=\"\"\n            className=\"flex-1\"\n          />\n          <StaticImage\n            src=\"../images/home-upgrades2.jpg\"\n            alt=\"\"\n            className=\"flex-1\"\n          />\n          <StaticImage\n            src=\"../images/home-upgrades3.jpg\"\n            alt=\"\"\n            className=\"flex-1\"\n          />\n          <StaticImage\n            src=\"../images/home-upgrades4-plus.jpg\"\n            alt=\"\"\n            className=\"flex-1\"\n          />\n          <StaticImage\n            src=\"../images/home-upgrades5.jpg\"\n            alt=\"\"\n            className=\"flex-1\"\n          />\n        </Carousel>\n      </div>\n    </div>\n  );\n}\n\nfunction BulletPoints() {\n  return (\n    <div className=\"w-full px-4 py-12 mx-auto max-w-prose lg:pt-6 lg:pb-24 lg:max-w-screen-2xl sm:px-6 lg:px-8\">\n      <div className=\"text-dark\">\n        <h4 className=\"font-semibold uppercase heading-red\">Our range of</h4>\n        <h2 className=\"text-4xl font-semibold\">Home Upgrade Solutions</h2>\n        {/* <img src={Checkmark} alt=\"\" className=\"inline-block w-5 h-5\" /> */}\n        <div className=\"flex flex-wrap\">\n          <div className=\"w-full lg:w-1/2\">\n            <ul className=\"mt-6 ml-6\">\n              <li className=\"checkmarkLi\">\n                Install or renovate your existing outdoor area with a new deck,\n                pergola, or veranda in your choice of timber and staining\n              </li>\n              <li className=\"mt-6 checkmarkLi\">\n                Upgrade an unsightly or cramped bathroom and give it an inviting\n                new look and functionality\n              </li>\n              <li className=\"mt-6 checkmarkLi\">\n                Renovate the inside of your home by creating open plan areas or\n                larger rooms – subject to existing load bearing structures\n              </li>\n              <li className=\"mt-6 checkmarkLi\">\n                Make your kitchen the pride of the home with new appliances,\n                benchtops, cupboards, and layouts\n              </li>\n            </ul>\n          </div>\n          <div className=\"w-full lg:w-1/2\">\n            <ul className=\"mt-6 ml-6\">\n              <li className=\"checkmarkLi\">\n                Extend your home by using spare back or frontyard space, or\n                explore the possibility of extending upward (STCA)\n              </li>\n              <li className=\"mt-6 checkmarkLi\">\n                We can add privacy screens, pool fences, wooden fences,\n                trellises and more\n              </li>\n              <li className=\"mt-6 checkmarkLi\">\n                Get a quality result every time from our team of qualified and\n                experienced tradespeople\n              </li>\n              <li className=\"mt-6 checkmarkLi\">\n                Get your FREE QUOTE on all types of home upgrades from one of\n                our friendly team members – enquire below\n              </li>\n            </ul>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n\nfunction HomeUpgradesPage({\n  data,\n  location,\n}: HomeUpgradesPageProps): JSX.Element {\n  const { modules, seo } = data.sanityHomePage;\n  return (\n    <>\n      <SEO\n        title=\"Home Upgrades\"\n        image={seo.shareGraphic?.asset.url}\n        pathname={location.pathname}\n      />\n      <Layout>\n        <HeroHomeUpgrades />\n        <div className=\"relative px-24 py-12 mx-auto -mt-0 text-black bg-white shadow-xl lg:-mt-32\">\n          <div className=\"mx-auto \">\n            <h2 className=\"text-2xl font-bold text-center text-black md:text-4xl\">\n              Get in touch for your\n              <br />\n              FREE QUOTE{' '}\n            </h2>\n            <InnerHTML html={testhtml} className=\"mt-6\" />\n          </div>\n        </div>\n        <CopyWithImageHomeUpgrades />\n        <BulletPoints />\n        <FinishedProjectsCarousel />\n        <HeadingWithCtaSM />\n        <SanityModulesSM modules={modules} />\n        {/* ^ this is only for the services grid */}\n        <HeadingWithCtaSM />\n        {/* <ContactSectionSM /> */}\n        <GoogleMapNormal />\n      </Layout>\n    </>\n  );\n}\n\nexport const query = graphql`\n  query HomeUpgradesPageQuery {\n    sanityHomePage(_id: { eq: \"homePage\" }) {\n      modules {\n        ... on SanityHero {\n          ...SanityHeroParts\n        }\n        ... on SanityCopyWithImage {\n          ...SanityCopyWithImageParts\n        }\n        ... on SanityServicesGrid {\n          ...SanityServicesGridParts\n        }\n        ... on SanityHeadingWithCta {\n          ...SanityHeadingWithCtaParts\n        }\n        ... on SanityFrequentlyAskedQuestions {\n          ...SanityFrequentlyAskedQuestionsParts\n        }\n        ... on SanityContactForm {\n          ...SanityContactFormParts\n        }\n        ... on SanityGoogleMap {\n          ...SanityGoogleMapParts\n        }\n      }\n      seo {\n        metaDesc\n        metaTitle\n        shareDesc\n        shareGraphic {\n          asset {\n            url\n          }\n        }\n        shareTitle\n      }\n    }\n  }\n`;\n\nexport default HomeUpgradesPage;\n"],"sourceRoot":""}