(() => { const CLASS = 'grab-services-section'; const FLAG = 'data-services-tabs-ready'; const LUCIDE_CDN = 'https://unpkg.com/lucide@latest/dist/umd/lucide.min.js'; function loadLucide(cb) { if (window.lucide) return cb && cb(); const s = document.createElement('script'); s.src = LUCIDE_CDN; s.defer = true; s.onload = () => cb && cb(); document.head.appendChild(s); } const isEditorEnv = () => { const url = location.href.toLowerCase(); const urlLooksEditor = /\b(edit|editor|builder|preview|admin)\b/.test(url) || /\?(.*&)?(edit|editor|builder|preview)=/.test(url) || location.hash.toLowerCase().includes('editor'); const hasEditorDom = document.querySelector('.w-editor, [data-editor], [contenteditable="true"], [data-framer-designer]') || document.body?.classList?.contains('elementor-editor-active') || document.body?.classList?.contains('sqs-edit-mode'); const inIframe = (() => { try { return window.self !== window.top; } catch { return true; } })(); if (window.SERVICES_TABS_FORCE) return false; if (window.SERVICES_TABS_OFF) return true; return urlLooksEditor || hasEditorDom || inIframe; }; function initSection(section) { if (!section || section.hasAttribute(FLAG)) return; const grid = section.querySelector('.grab-services-grid'); if (!grid) return; const items = [...grid.querySelectorAll('.grab-service-link')].map(link => { const title = (link.querySelector('.grab-service-name')?.textContent || '').trim(); return { link, title, cat: null }; }); const MAP = { Design: new Set([ 'Hardscape Design', 'Landscape Design', '3D Rendered Designs', 'Custom Designs for Curb Appeal & Functionality', 'Custom Planting Plans', 'Landscape Consultation', 'HOA-Friendly Layouts', 'Drought-Tolerant Designs' ]), Maintenance: new Set([ 'Landscape Maintenance', 'Tree & Shrub Trimming', 'Seasonal Cleanups', 'System Repairs & Valve Replacement', 'Smart Timer Programming' ]), Pavers: new Set([ 'Paver Patios & Walkways', 'Retaining Walls', 'Steps & Planter Walls', 'Fire Pits & Outdoor Living Areas', 'Hardscape Installation', 'Trash Can Pads', 'Wall Extensions, Stucco, & Cap Installation' ]), Turf: new Set([ 'Premium Pet-Friendly Turf', 'Putting Greens', 'Turf Removal & Replacement', 'Window Film Coordination (for Turf Burn Protection)' ]), Lighting: new Set([ 'Spotlights & Uplighting', 'Path & Accent Lighting', 'Low Voltage LED Systems' ]), More: new Set() }; const CATS = ['Design', 'Maintenance', 'Pavers', 'Turf', 'Lighting', 'More']; const ICONS = { Design: 'ruler', Maintenance: 'wrench', Pavers: 'grid-2x2', Turf: 'leaf', Lighting: 'lightbulb', More: 'ellipsis' }; const inKnownSet = t => MAP.Design.has(t) || MAP.Maintenance.has(t) || MAP.Pavers.has(t) || MAP.Turf.has(t) || MAP.Lighting.has(t); items.forEach(it => { const title = it.title; it.cat = Object.entries(MAP).find(([, set]) => set.has(title))?.[0] || 'More'; if (!inKnownSet(title)) MAP.More.add(title); it.link.dataset.category = it.cat; }); const header = section.querySelector('.grab-services-header'); let tabs = section.querySelector('.service-tabs'); if (!tabs) { tabs = document.createElement('div'); tabs.className = 'service-tabs'; (header || section).after(tabs); } else { tabs.innerHTML = ''; } const makeBtn = (label, val) => { const b = document.createElement('button'); b.type = 'button'; b.className = 'service-tab'; b.dataset.value = val; b.setAttribute('aria-pressed', 'false'); const icon = document.createElement('span'); icon.className = 'icon'; const i = document.createElement('i'); i.setAttribute('data-lucide', ICONS[val] || 'sparkles'); icon.appendChild(i); const lab = document.createElement('span'); lab.className = 'label'; lab.textContent = label; b.appendChild(icon); b.appendChild(lab); return b; }; CATS.forEach(c => tabs.appendChild(makeBtn(c, c))); function applyFilter(val) { tabs.querySelectorAll('.service-tab').forEach(b => { const active = (b.dataset.value === val); b.setAttribute('aria-pressed', active ? 'true' : 'false'); }); items.forEach(({ link, cat }) => { const match = (cat === val); link.classList.toggle('is-hidden', !match); }); if (!isEditorEnv()) { try { history.replaceState(null, '', !val ? location.pathname : `#${val.toLowerCase()}`); } catch { } } if (window.lucide?.createIcons) window.lucide.createIcons({ attrs: { width: 20, height: 20 } }); } tabs.addEventListener('click', e => { const btn = e.target.closest('.service-tab'); if (!btn) return; applyFilter(btn.dataset.value); }); // If hash exists and matches category, use it; otherwise pick first category const hash = (location.hash || '').slice(1).toLowerCase(); const initial = CATS.map(c => c.toLowerCase()).includes(hash) ? CATS.find(c => c.toLowerCase() === hash) : CATS[0]; applyFilter(initial); section.setAttribute(FLAG, 'true'); } if (isEditorEnv()) return; const boot = () => { loadLucide(() => { document.querySelectorAll(`.${CLASS}`).forEach(initSection); if (window.lucide?.createIcons) window.lucide.createIcons({ attrs: { width: 20, height: 20 } }); }); }; if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', boot, { once: true }); } else { boot(); } const mo = new MutationObserver(() => { document.querySelectorAll(`.${CLASS}:not([${FLAG}])`).forEach(initSection); }); mo.observe(document.body, { childList: true, subtree: true }); window.addEventListener('popstate', () => setTimeout(boot, 0)); })(); /////////////////////////////////////////// (() => { // ---- define your groups (order matters) ---- const GROUPS = [ // Design [ "/services/full-outdoor-transformations", "/services/custom-designs-for-curb-appeal-functionality", "/services/3d-rendered-designs", "/services/hoa-friendly-layouts", "/services/custom-planting-plans", "/services/hardscape-design", "/services/landscape-design" ], // Pavers & Turf [ "/services/paver-patios-walkways", "/services/putting-greens", "/services/premium-pet-friendly-turf", "/services/turf-removal-replacement", "/services/retaining-walls", "/services/steps-planter-walls", "/services/fire-pits-outdoor-living-areas", "/services/rock-delivery-installation", "/services/dg-boulders-and-specialty-rock" ], // Lighting [ "/services/spotlights-uplighting", "/services/path-accent-lighting", "/services/low-voltage-led-systems" ], // Irrigation [ "/services/new-irrigation-installation", "/services/drip-sprinkler-systems", "/services/system-repairs-valve-replacement", "/services/smart-timer-programming" ], // Drainage [ "/services/french-drains", "/services/surface-drains", "/services/grading-swales", "/services/soil-grading" ], // Maintenance & Planting [ "/services/seasonal-cleanups", "/services/tree-shrub-trimming", "/services/one-time-or-recurring-maintenance", "/services/tree-shrub-installation", "/services/cactus-desert-planting", "/services/drought-tolerant-designs", "/services/trash-can-pads", "/services/window-film-coordination-for-turf-burn-protection", "/services/wall-extensions-stucco-cap-installation", "/services/landscape-maintenance", "/services/landscape-consultation" ] ]; function reorderLinks(container) { if (!container) return; const links = Array.from(container.querySelectorAll('a[href]')); if (!links.length) return; // Build path->element map (normalize absolute/relative) const map = new Map( links.map(a => [new URL(a.getAttribute('href'), location.origin).pathname, a]) ); const frag = document.createDocumentFragment(); // Append in grouped order GROUPS.forEach(group => { group.forEach(href => { const a = map.get(href); if (a && a.parentNode) { frag.appendChild(a); map.delete(href); } }); }); // Append any leftover links to avoid losing items map.forEach(a => { if (a.parentNode) frag.appendChild(a); }); container.appendChild(frag); } // Track menus so we can re-run each time they open const seen = new WeakSet(); function handleDesktopMenus() { document .querySelectorAll('[role="menu"][aria-labelledby*="menu-button"]') .forEach(menu => { const isOpen = menu.getAttribute('data-headlessui-state') === 'open'; const list = menu.querySelector(':scope > .py-1'); if (!list) return; if (isOpen && !seen.has(list)) { reorderLinks(list); seen.add(list); } if (!isOpen && seen.has(list)) { // reset so the next open can reorder again (in case items changed) seen.delete(list); } }); } function handleMobilePanel() { const panel = document.getElementById('services-general-panel'); if (!panel) return; const isOpen = panel.getAttribute('data-headlessui-state') === 'open'; if (isOpen && !seen.has(panel)) { reorderLinks(panel); seen.add(panel); } if (!isOpen && seen.has(panel)) { seen.delete(panel); } } // Observe DOM for menu/panel opening const observer = new MutationObserver(() => { handleDesktopMenus(); handleMobilePanel(); }); observer.observe(document.documentElement, { childList: true, subtree: true, attributes: true, attributeFilter: ['data-headlessui-state'] }); // Run once on load (in case menus/panel are already mounted open) if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => { handleDesktopMenus(); handleMobilePanel(); }); } else { handleDesktopMenus(); handleMobilePanel(); } })(); ////////////////////////////////////////// // Define what to remove from each location const locationModifications = { 'Cadence Vista Drive, NV': { remove: 'Vista Drive', keepAs: 'Cadence, NV' }, 'Mountain\'s Edge Trail, NV': { remove: 'Trail', keepAs: 'Mountain\'s Edge, NV' }, 'North Aliante Parkway, NV': { remove: 'Parkway', keepAs: 'North Aliante, NV' }, 'Skye Canyon Grand Street, NV': { remove: 'Grand Street', keepAs: 'Skye Canyon, NV' }, 'Via Inspirada, NV': { remove: 'Via', keepAs: 'Inspirada, NV' } }; // Function to modify city text in the DOM function modifyCityText() { // Get all text nodes const walker = document.createTreeWalker( document.body, NodeFilter.SHOW_TEXT, null, false ); const nodesToProcess = []; while (walker.nextNode()) { const node = walker.currentNode; const text = node.textContent; // Check if this text node contains any of our target locations for (const [originalText, modification] of Object.entries(locationModifications)) { if (text.includes(originalText)) { nodesToProcess.push({ node: node, originalText: originalText, modification: modification }); break; } } } // Process the collected nodes nodesToProcess.forEach(({ node, originalText, modification }) => { if (modification.keepAs) { // Replace the text with the modified version node.textContent = node.textContent.replace(originalText, modification.keepAs); } }); // Also handle elements that might have these as innerHTML const allElements = document.querySelectorAll('*'); allElements.forEach(element => { // Skip if element has child elements (we only want leaf nodes) if (element.children.length === 0 && element.innerHTML) { let modified = false; let newHTML = element.innerHTML; for (const [originalText, modification] of Object.entries(locationModifications)) { if (newHTML.includes(originalText)) { if (modification.keepAs) { newHTML = newHTML.replace(originalText, modification.keepAs); modified = true; } } } if (modified) { element.innerHTML = newHTML; } } }); } // Function to set up MutationObserver for SPA dynamic content function setupCityModificationObserver() { // Initial modification modifyCityText(); // Set up observer for future DOM changes const observer = new MutationObserver((mutations) => { // Check if any of the mutations contain our target text let shouldProcess = false; mutations.forEach(mutation => { if (mutation.type === 'childList') { mutation.addedNodes.forEach(node => { if (node.nodeType === Node.TEXT_NODE || node.nodeType === Node.ELEMENT_NODE) { const text = node.textContent || ''; for (const originalText of Object.keys(locationModifications)) { if (text.includes(originalText)) { shouldProcess = true; break; } } } }); } }); if (shouldProcess) { // Debounce to avoid running too frequently clearTimeout(window.cityModificationTimeout); window.cityModificationTimeout = setTimeout(() => { modifyCityText(); }, 100); } }); // Start observing observer.observe(document.body, { childList: true, subtree: true, characterData: true }); return observer; } // Initialize the modification system function initCityModification() { // Wait for DOM to be ready if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', setupCityModificationObserver); } else { setupCityModificationObserver(); } } // Alternative: Manual trigger function for specific events function triggerCityModification() { modifyCityText(); } // Start the modification system initCityModification(); // Export functions for manual use if needed if (typeof module !== 'undefined' && module.exports) { module.exports = { modifyCityText, setupCityModificationObserver, initCityModification, triggerCityModification }; } ///////////////////////////////////////////////////// function reorganizeIntoToggleGroups(containerSelector) { // Get the original list items const container = document.querySelector(containerSelector); const listItems = container.querySelectorAll('.grab-service-area-item'); // Group configuration - 6 items per group const groups = [ { name: 'Northwest Las Vegas', items: [] }, { name: 'Central & North Las Vegas', items: [] }, { name: 'Henderson & Green Valley', items: [] }, { name: 'Southwest & Summerlin', items: [] } ]; // Distribute items into groups (6 each) listItems.forEach((item, index) => { const groupIndex = Math.floor(index / 6); if (groupIndex < groups.length) { // Remove numbers from the item let itemHTML = item.outerHTML; itemHTML = itemHTML.replace(/'; groups.forEach((group, idx) => { newHTML += `

`; }); newHTML += ''; // Replace original content container.innerHTML = newHTML; } // Toggle function for showing/hiding groups function toggleServiceGroup(groupIndex) { const content = document.getElementById(`content-${groupIndex}`); const arrow = document.getElementById(`arrow-${groupIndex}`); if (content.style.display === 'none') { content.style.display = 'block'; arrow.style.transform = 'rotate(180deg)'; } else { content.style.display = 'none'; arrow.style.transform = 'rotate(0deg)'; } } reorganizeIntoToggleGroups('.grab-map-content-scroll');

SHOWCASE

Our Projects

Transform Your Space with Expert Paver Designs

Transform Your Backyard with Custom Putting Greens

Our Signature Touch in Commercial Maintenance