{"version":3,"file":"component---src-pages-patios-js-b3e34f274d44d68f0854.js","mappings":"+IAqBA,IAjBoB,SAAC,GAA+E,IAA9EA,EAA6E,EAA7EA,QAASC,EAAoE,EAApEA,QAASC,EAA2D,EAA3DA,eAAgBC,EAA2C,EAA3CA,kBAAmBC,EAAwB,EAAxBA,MAAOC,EAAiB,EAAjBA,OAAQC,EAAS,EAATA,KAElFC,EAAS,kBACb,0BAASC,QAAS,kBAAMN,GAAkBC,GAAkB,IAAOM,WAAcR,EAAU,aAAe,iBAA9B,KAAiDD,EAAU,YAAc,aAAzE,4KAAmQI,IAG3UM,EAAO,kBACX,qBAAGC,KAAML,EAAMG,WAAcR,EAAU,aAAe,iBAA9B,KAAiDD,EAAU,YAAc,aAAzE,4KAAmQI,IAG7R,OAAOC,EACL,gBAACK,EAAD,MAEA,gBAACH,EAAD,Q,mCCgCJ,IA7CuB,SAAC,GAAe,EAAbK,MAGxB,OACI,uBAAKH,UAAU,WACX,uBAAKA,UAAU,4EAwBf,uBAAKA,UAAU,0EAGb,uBAAKA,UAAU,uM,0FC4F3B,UAlHe,WACb,OAAiCI,EAAAA,EAAAA,UAAS,GAAnCC,EAAP,UAIA,OACE,uBAAKL,UAAU,WAEf,gBAAC,UAAD,CAAQM,WAAW,GAGnB,uBAAKN,UAAU,WACT,uBAAKA,UAAU,4EACX,gBAAC,EAAAO,EAAD,CACEC,QAAQ,QACRC,IAAK,4BACLC,IAAI,oCACJC,YAAY,UACZX,UAAU,0CACVY,aAAa,gBACbC,MAAO,KACPC,OAAQ,KARV,sBAWF,gBAAC,EAAAP,EAAD,CACEC,QAAQ,QACRC,IAAK,4BACLC,IAAI,oCACJC,YAAY,UACZX,UAAU,cACVY,aAAa,gBACbC,MAAO,KACPC,OAAQ,KARV,sBAYF,uBAAKd,UAAU,2EAGf,uBAAKA,UAAU,gMACX,uBAAKA,UAAU,0DACb,sBAAIA,UAAU,0EAAd,cAWhB,uBAAKA,UAAU,mFACC,sBAAIA,UAAU,0EAAd,WAIV,uBAAKA,UAAU,2CACb,uBAAKA,UAAU,UACb,gBAAC,KAAD,CACAe,IAAI,IACJC,YAAY,EACZC,gBAAgB,EACZC,aAAcb,EACdc,YAAY,EACZC,cAAc,EACdC,cAAc,EACdC,SAAU,KACVC,YAAY,EACZC,0CAA0C,EAC1CC,UAAQ,GACN,uBAAKzB,UAAU,mFACX,gBAAC,EAAAO,EAAD,CACIC,QAAQ,QACRC,IAAK,qBACLC,IAAI,2CACJC,YAAY,UACZX,UAAU,GACVY,aAAa,aANjB,uBAUF,uBAAKZ,UAAU,mFACb,gBAAC,EAAAO,EAAD,CACIC,QAAQ,QACRC,IAAK,+BACLC,IAAI,0CACJC,YAAY,UACZX,UAAU,GACVY,aAAa,aANjB,wBAYZ,uBAAKZ,UAAU,gBACb,uBAAKA,UAAU,yBACb,sBAAIA,UAAU,+BAAd,kDACA,gNACA,sBAAIA,UAAU,wCACV,oIACA,iHACA,yHACA,0HAEJ,gK","sources":["webpack://tn-home-improvements/./src/components/ButtonWhite.js","webpack://tn-home-improvements/./src/components/homeRepairHero.js","webpack://tn-home-improvements/./src/pages/patios.js"],"sourcesContent":["import * as React from \"react\"\n\n\n\nconst ButtonWhite = ({isSmall, isWhite, isPopUpEnabled, setIsPopupVisible, label, isLink, link}) =>{\n\n  const Button = () =>(\n    <button  onClick={() => isPopUpEnabled && setIsPopupVisible(true)} className={`${isWhite ? 'text-white' : 'text-gold-100'} ${isSmall ? 'px-4 py-2' : 'px-8 py-4'} block text-lg font-semibold border border-solid border-darkNavy text--uppercase rounded-4xl button-yellow button-white bg-navy border-1 font-body hover:bg-slate-600/50`} >{ label }</button>\n  )\n\n  const Link = () =>(\n    <a href={link} className={`${isWhite ? 'text-white' : 'text-gold-100'} ${isSmall ? 'px-8 py-2' : 'px-8 py-4'} block text-lg font-semibold border border-solid border-darkNavy text--uppercase rounded-4xl button-yellow button-white bg-navy border-1 font-body hover:bg-slate-600/50`} >{ label }</a>\n  )\n\n  return isLink ?(\n    <Link />\n  ) : (\n    <Button />\n  )\n}\n\nexport default ButtonWhite\n","import * as React from \"react\";\nimport { StaticImage } from \"gatsby-plugin-image\"\n\n\nconst HomeRepairHero = ({ image, }) => {\n\n\n  return (\n      <div className=\"bg-navy\">\n          <div className=\"relative flex items-center justify-start m-auto max-w-screen-2xl md:h-96\">\n              {/* <StaticImage\n                loading=\"eager\"\n                src={\"../images/doors/home_reno_after_01.jpg\"}\n                alt=\"TN Home Improvements Banner Image\"\n                placeholder=\"blurred\"\n                className=\"hidden md:block heroContainer__image \"\n                imgClassName=\"object-middle\"\n                width={2400}\n                height={1200}\n              /> */}\n\n            {/* <StaticImage\n              loading=\"eager\"\n              src={\"../images/services_hero.jpg\"}\n              alt=\"TN Home Improvements Banner Image\"\n              placeholder=\"blurred\"\n              className=\" md:hidden\"\n              imgClassName=\"object-middle\"\n              width={2400}\n              height={1200}\n            /> */}\n\n\n          <div className=\"absolute top-0 z-20 p-5 scale-75 rounded-full md:top-auto md:scale-1 \">\n          </div>\n\n            <div className=\"hidden absolute px-8 left-0 z-10 md:flex flex-col items-start justify-center w-full h-full text-white bg-gradient-to-t md:bg-gradient-to-r from-navy from-0% via-transparent  to-navy to-100% \">\n              {/* <div className=\"relative flex flex-col items-center pt-20 pr-5 md:pr-0 md:items-start\">\n                <h1 className=\"pb-2 text-4xl text-white border-b-2 border-gold-100\">Home Renovations</h1>\n                <p className=\"mt-4\">Lorem Ipusm </p>\n              </div> */}\n            </div>\n\n\n          </div>\n      </div>\n  );\n};\n\nexport default HomeRepairHero;\n","import React, { useState } from \"react\"\nimport Layout from './layout'\nimport HomeRepairHero from \"../components/homeRepairHero\";\nimport ButtonWhite from \"../components/ButtonWhite\";\nimport { StaticImage } from \"gatsby-plugin-image\"\nimport { Carousel } from 'react-responsive-carousel';\n\nimport 'react-responsive-carousel/lib/styles/carousel.min.css';\n\n\n\n\n\n\nconst Patios = () => {\n  const [currentIndex, setIndex] = useState(0);\n\n\n\n  return (\n    <div className=\"bg-navy\">\n\n    <Layout marginTop={true}>\n\n\n    <div className=\"bg-navy\">\n          <div className=\"relative flex items-center justify-start m-auto max-w-screen-2xl md:h-96\">\n              <StaticImage\n                loading=\"eager\"\n                src={\"../images/patio_cover.jpg\"}\n                alt=\"TN Home Improvements Banner Image\"\n                placeholder=\"blurred\"\n                className=\"!hidden md:!block heroContainer__image \"\n                imgClassName=\"object-middle\"\n                width={2400}\n                height={1200}\n              />\n\n            <StaticImage\n              loading=\"eager\"\n              src={\"../images/patio_cover.jpg\"}\n              alt=\"TN Home Improvements Banner Image\"\n              placeholder=\"blurred\"\n              className=\" md:!hidden\"\n              imgClassName=\"object-middle\"\n              width={2400}\n              height={1200}\n            />\n\n\n          <div className=\"!absolute top-0 z-20 p-5 scale-75 rounded-full md:top-auto md:scale-1 \">\n          </div>\n\n          <div className=\"hidden absolute px-8 left-0 z-10 md:flex flex-col items-center justify-center w-full h-full text-white bg-gradient-to-t md:bg-gradient-to-r from-navy from-0%  via-navy/50  to-navy to-100% \">\n              <div className=\"relative flex flex-col items-center pt-20 pr-5 md:pr-0\">\n                <h1 className=\"pb-2 m-auto text-4xl text-center text-white border-b-2 border-gold-100\">Patios</h1>\n              </div>\n            </div>\n\n\n\n          </div>\n      </div>\n\n\n\n<div className=\"relative flex flex-col items-center pt-20 pr-5 md:pr-0 md:items-start md:hidden\">\n                <h1 className=\"pb-2 m-auto text-4xl text-center text-white border-b-2 border-gold-100\">Patios</h1>\n              </div>\n\n\n      <div className=\"flex flex-col px-12 md:flex-row gap-x-6\">\n        <div className=\"flex-1\">\n          <Carousel\n          key=\"1\"\n          showThumbs={false}\n          showIndicators={false}\n              selectedItem={currentIndex}\n              showArrows={false}\n              emulateTouch={true}\n              infiniteLoop={true}\n              interval={12000}\n              showStatus={false}\n              preventMovementUntilSwipeScrollTolerance={true}\n              autoPlay>\n                <div className=\"flex flex-col items-center justify-center py-16 odd:float-left even:float-right\">\n                    <StaticImage\n                        loading=\"eager\"\n                        src={\"../images/help.jpg\"}\n                        alt=\"TN Home Improvements Patios Before Image\"\n                        placeholder=\"blurred\"\n                        className=\"\"\n                        imgClassName=\"object-top\"\n\n                      />\n                  </div>\n                  <div className=\"flex flex-col items-center justify-center py-16 odd:float-left even:float-right\">\n                    <StaticImage\n                        loading=\"eager\"\n                        src={\"../images/patio_after_02.jpg\"}\n                        alt=\"TN Home Improvements Patios After Image\"\n                        placeholder=\"blurred\"\n                        className=\"\"\n                        imgClassName=\"object-top\"\n\n                      />\n                  </div>\n          </Carousel>\n        </div>\n        <div className=\"flex-1 py-16\">\n          <div className=\"px-8 py-16 text-white\">\n            <h2 className=\"pb-6 text-2xl text-gold-100\">Patio Building for the Perfect Outdoor Retreat</h2>\n            <p>From a humble beginning to a stunning place to unwind, the construction of this patio was all about creating an inviting outdoor retreat. Here’s a quick overview of the work done:</p>\n            <ul className=\"flex flex-col pt-3 list-disc gap-y-1\">\n                <li>Cleared and prepped the backyard area, removing debris and leveling the ground for a solid foundation.</li>\n                <li>Built a spacious wooden deck, using premium materials for durability and longevity.</li>\n                <li>Sealed and treated the wood to protect against the elements and to ensure easy maintenance.</li>\n                <li>The final touch was the addition of a privacy wall for a cozy, intimate outdoor experience.</li>\n            </ul>\n            <p>This brand-new patio space is now the perfect backdrop for family barbecues, morning coffees, or simply soaking up some sun.</p>\n          </div>\n        </div>\n      </div>\n    </Layout>\n    </div>\n  );\n};\n\nexport default Patios;\n"],"names":["isSmall","isWhite","isPopUpEnabled","setIsPopupVisible","label","isLink","link","Button","onClick","className","Link","href","image","useState","currentIndex","marginTop","S","loading","src","alt","placeholder","imgClassName","width","height","key","showThumbs","showIndicators","selectedItem","showArrows","emulateTouch","infiniteLoop","interval","showStatus","preventMovementUntilSwipeScrollTolerance","autoPlay"],"sourceRoot":""}