Need landscaping? Call us: (651) 263-5124

`; nav.parentNode.insertBefore(banner, nav.nextSibling); } function init() { createBanner(); observer = new MutationObserver(() => createBanner()); observer.observe(document.body, { childList: true, subtree: true }); if (!historyPatched) { const origPush = history.pushState; const origReplace = history.replaceState; history.pushState = function () { origPush.apply(this, arguments); createBanner(); }; history.replaceState = function () { origReplace.apply(this, arguments); createBanner(); }; window.addEventListener('popstate', createBanner); historyPatched = true; } } function destroy() { if (observer) { observer.disconnect(); observer = null; } const el = document.getElementById(BANNER_ID); if (el) el.remove(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, { once: true }); } else { init(); } })(); /* ===== P&C Navbar Banner v5 ===== */ (function () { const BANNER_ID = 'pc-navbar-banner'; let observer = null; let historyPatched = false; let styleInjected = false; function injectStyles() { if (styleInjected) return; const existing = document.getElementById('pc-navbar-banner-styles'); if (existing) existing.remove(); const style = document.createElement('style'); style.id = 'pc-navbar-banner-styles'; style.textContent = ` #${BANNER_ID} .pc-banner-inner { background: rgb(var(--secondary-color)) !important; padding: 10px 20px !important; display: flex !important; align-items: center !important; justify-content: center !important; gap: 24px !important; flex-wrap: wrap !important; font-size: 14px !important; color: #fff !important; position: relative !important; overflow: hidden !important; } #${BANNER_ID} .pc-banner-inner::before { content: '' !important; position: absolute !important; top: 0 !important; left: -100% !important; width: 300% !important; height: 100% !important; background: linear-gradient( 120deg, transparent 25%, rgba(255,255,255,.1) 25%, rgba(255,255,255,.1) 30%, transparent 30%, transparent 55%, rgba(255,255,255,.07) 55%, rgba(255,255,255,.07) 58%, transparent 58% ) !important; animation: pc-banner-shimmer 4s linear infinite !important; } @keyframes pc-banner-shimmer { 0% { transform: translateX(0); } 100% { transform: translateX(50%); } } #${BANNER_ID} .pc-banner-phone { display: inline-flex !important; align-items: center !important; gap: 8px !important; font-weight: 700 !important; letter-spacing: .3px !important; font-size: 15px !important; position: relative !important; z-index: 1 !important; } #${BANNER_ID} .pc-banner-phone svg { width: 16px !important; height: 16px !important; animation: pc-phone-ring 1.5s ease-in-out infinite !important; } @keyframes pc-phone-ring { 0%, 100% { transform: rotate(0deg); } 10% { transform: rotate(-12deg); } 20% { transform: rotate(12deg); } 30% { transform: rotate(-8deg); } 40% { transform: rotate(8deg); } 50% { transform: rotate(0deg); } } #${BANNER_ID} .pc-banner-phone a { color: #fff !important; text-decoration: none !important; border-bottom: 2px solid rgba(255,255,255,.4) !important; padding-bottom: 1px !important; transition: border-color .2s !important; } #${BANNER_ID} .pc-banner-phone a:hover { border-color: #fff !important; } #${BANNER_ID} .pc-banner-cta { display: inline-flex !important; align-items: center !important; gap: 6px !important; font-weight: 600 !important; font-size: 14px !important; letter-spacing: .3px !important; position: relative !important; z-index: 1 !important; } #${BANNER_ID} .pc-banner-cta svg { width: 16px !important; height: 16px !important; } #${BANNER_ID} .pc-banner-social { display: inline-flex !important; align-items: center !important; gap: 10px !important; position: relative !important; z-index: 1 !important; } #${BANNER_ID} .pc-banner-social a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 32px !important; height: 32px !important; border-radius: 50% !important; background: rgba(255,255,255,.15) !important; color: #fff !important; transition: background .2s, transform .2s !important; } #${BANNER_ID} .pc-banner-social a:hover { background: rgba(255,255,255,.3) !important; transform: scale(1.1) !important; } #${BANNER_ID} .pc-banner-social a svg { width: 16px !important; height: 16px !important; } #${BANNER_ID} .pc-banner-divider { width: 1px !important; height: 24px !important; background: rgba(255,255,255,.25) !important; position: relative !important; z-index: 1 !important; } @media (max-width: 640px) { #${BANNER_ID} .pc-banner-inner { padding: 8px 14px !important; gap: 12px !important; } #${BANNER_ID} .pc-banner-divider { display: none !important; } #${BANNER_ID} .pc-banner-cta { display: none !important; } } `; document.head.appendChild(style); styleInjected = true; } function createBanner() { if (document.getElementById(BANNER_ID)) return; const nav = document.querySelector('.grab-navbar-variant-4'); if (!nav) return; injectStyles(); const banner = document.createElement('div'); banner.id = BANNER_ID; banner.setAttribute('data-component', 'pc-navbar-banner'); banner.innerHTML = ` `; nav.parentNode.insertBefore(banner, nav.nextSibling); } function init() { const stale = document.getElementById(BANNER_ID); if (stale) stale.remove(); const staleStyle = document.getElementById('pc-navbar-banner-styles'); if (staleStyle) { staleStyle.remove(); styleInjected = false; } createBanner(); observer = new MutationObserver(() => createBanner()); observer.observe(document.body, { childList: true, subtree: true }); if (!historyPatched) { const origPush = history.pushState; const origReplace = history.replaceState; history.pushState = function () { origPush.apply(this, arguments); createBanner(); }; history.replaceState = function () { origReplace.apply(this, arguments); createBanner(); }; window.addEventListener('popstate', createBanner); historyPatched = true; } } function destroy() { if (observer) { observer.disconnect(); observer = null; } const el = document.getElementById(BANNER_ID); if (el) el.remove(); const st = document.getElementById('pc-navbar-banner-styles'); if (st) st.remove(); styleInjected = false; } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, { once: true }); } else { init(); } })(); /* ===== P&C Service Cards - Mobile Image Quality Fix ===== */ (function () { const PROCESSED_ATTR = 'data-pc-img-enhanced'; let observer = null; let historyPatched = false; function enhanceImages() { const cards = document.querySelectorAll('.grab-service-image:not([' + PROCESSED_ATTR + '])'); cards.forEach(function (card) { const bg = card.style.backgroundImage; if (!bg || !bg.includes('ik.imagekit.io')) return; const urlMatch = bg.match(/url$["']?(.*?)["']?$/); if (!urlMatch || !urlMatch[1]) return; var url = urlMatch[1]; /* strip any existing transforms */ url = url.replace(/\?tr=[^&"')]+/, ''); /* apply high-quality mobile-friendly transforms */ var separator = url.includes('?') ? '&' : '?'; var enhanced = url + separator + 'tr=q-90,dpr-2,f-auto,w-600'; card.style.backgroundImage = 'url(' + enhanced + ')'; card.setAttribute(PROCESSED_ATTR, 'true'); }); } function init() { enhanceImages(); observer = new MutationObserver(enhanceImages); observer.observe(document.body, { childList: true, subtree: true }); if (!historyPatched) { var origPush = history.pushState; var origReplace = history.replaceState; history.pushState = function () { origPush.apply(this, arguments); setTimeout(enhanceImages, 100); }; history.replaceState = function () { origReplace.apply(this, arguments); setTimeout(enhanceImages, 100); }; window.addEventListener('popstate', function () { setTimeout(enhanceImages, 100); }); historyPatched = true; } } function destroy() { if (observer) { observer.disconnect(); observer = null; } } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init, { once: true }); } else { init(); } })(); // PHONE NUMBER IN FOOTER (() => { let observer; function init(root = document) { const addresses = root.querySelectorAll('.grab-footer address'); addresses.forEach(address => { if (address.querySelector('[data-footer-phone]')) return; const link = document.createElement('a'); link.setAttribute('data-footer-phone', 'true'); link.href = 'tel:+16516835833'; link.innerHTML = '(651) 683-5833'; link.style.cssText = ` display: inline-flex; align-items: center; margin-top: 12px; padding: 7px 14px; font-size: 0.8125rem; font-weight: 600; line-height: 1; color: #ffffff; text-decoration: none; border: 1.5px solid #ffffff; border-radius: 6px; opacity: 0.85; cursor: pointer; transition: opacity 0.2s, background 0.2s; `; link.addEventListener('mouseenter', () => { link.style.opacity = '1'; link.style.background = 'rgba(255,255,255,0.12)'; }); link.addEventListener('mouseleave', () => { link.style.opacity = '0.85'; link.style.background = 'transparent'; }); address.appendChild(link); }); } function destroy() { document.querySelectorAll('[data-footer-phone]').forEach(el => el.remove()); if (observer) { observer.disconnect(); observer = null; } } observer = new MutationObserver(() => init()); observer.observe(document.body, { childList: true, subtree: true }); init(); window.__footerPhone = { init, destroy }; })();

Gallery

Transform Your Outdoor Space Today

Gallery