// INSTANT HIDE - Before page loads (function () { // Inject CSS immediately - even before DOM is ready const hideCSS = document.createElement('style'); hideCSS.innerHTML = ` nav[aria-label="Main Navigation"], .grab-navbar-variant-1, .sticky nav, nav.grab-navbar-variant-1 { display: none !important; visibility: hidden !important; opacity: 0 !important; position: absolute !important; top: -9999px !important; } `; // Add to head immediately (even if head doesn't fully exist) (document.head || document.documentElement).appendChild(hideCSS); })(); // Simple Safe Apple Navigation - Won't Break Anything (function () { 'use strict'; // Hide original nav safely function hideOriginalNav() { const originalNav = document.querySelector('nav[aria-label="Main Navigation"]'); if (originalNav) { originalNav.style.display = 'none'; } } // Create Apple nav function createAppleNav() { if (document.querySelector('.apple-nav')) return; // Don't create if exists const nav = document.createElement('nav'); nav.className = 'apple-nav'; nav.innerHTML = `

Call Us

`; if (document.body) { document.body.appendChild(nav); } } // Add styles function addStyles() { if (document.getElementById('apple-styles')) return; // Don't add if exists const style = document.createElement('style'); style.id = 'apple-styles'; style.textContent = ` .apple-nav { position: fixed; top: 20px; left: 20px; right: 20px; z-index: 9999; transition: all 0.6s ease; } .apple-nav-container { max-width: 1200px; margin: 0 auto; padding: 12px 24px; background: transparent; border-radius: 20px; display: flex; align-items: center; justify-content: space-between; transition: all 0.6s ease; } .apple-nav.scrolled .apple-nav-container { background: rgba(255, 255, 255, 0.15); backdrop-filter: blur(40px) saturate(200%); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08); } .apple-nav.scrolled .apple-menu a, .apple-nav.scrolled .apple-dropdown-btn { color: #1a202c; text-shadow: none; } .apple-nav.scrolled .apple-menu a:hover, .apple-nav.scrolled .apple-dropdown-btn:hover { background: rgba(0, 0, 0, 0.1); } .apple-nav.scrolled .apple-dropdown-icon { color: #1a202c; } .apple-menu { display: none; align-items: center; gap: 20px; } @media (min-width: 1024px) { .apple-menu { display: flex; } } .apple-menu a, .apple-dropdown-btn { color: white; text-decoration: none; padding: 8px 16px; border-radius: 12px; transition: all 0.3s ease; background: transparent; border: none; cursor: pointer; font-size: 15px; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); display: flex; align-items: center; gap: 4px; } .apple-menu a:hover, .apple-dropdown-btn:hover { background: rgba(255, 255, 255, 0.1); transform: translateY(-1px); } .apple-dropdown { position: absolute; top: 100%; left: 0; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(50px); border-radius: 16px; padding: 8px; margin-top: 8px; opacity: 0; visibility: hidden; transition: all 0.3s ease; min-width: 200px; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); } .apple-dropdown a { color: rgba(0, 0, 0, 0.8); display: block; text-shadow: none; } .apple-dropdown a:hover { background: rgba(0, 0, 0, 0.06); color: rgba(0, 0, 0, 0.9); } .apple-dropdown.show { opacity: 1; visibility: visible; } .apple-dropdown-icon { width: 12px; height: 12px; color: white; transition: transform 0.3s ease; } .apple-buttons { display: none; } @media (min-width: 1024px) { .apple-buttons { display: flex; } } .apple-text-btn { background: linear-gradient(135deg, #06A5F4 0%, #0582C7 100%); color: white; text-decoration: none; padding: 8px 20px; border-radius: 20px; display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; transition: all 0.3s ease; box-shadow: 0 4px 16px rgba(6, 165, 244, 0.3); } .apple-text-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(6, 165, 244, 0.4); } .apple-mobile-btn { display: flex; background: rgba(255, 255, 255, 0.1); border: none; padding: 8px; border-radius: 8px; color: white; cursor: pointer; font-size: 18px; z-index: 1; pointer-events: auto; } /* Hide hamburger when mobile menu is open */ body:has([role="dialog"]) .apple-mobile-btn { pointer-events: none; opacity: 0; } @media (min-width: 1024px) { .apple-mobile-btn { display: none; } } @media (max-width: 768px) { .apple-nav { left: 12px; right: 12px; top: 12px; } } `; document.head.appendChild(style); } // Setup events function setupEvents() { // Scroll effect window.addEventListener('scroll', function () { const nav = document.querySelector('.apple-nav'); if (nav) { if (window.scrollY > 50) { nav.classList.add('scrolled'); } else { nav.classList.remove('scrolled'); } } }); // Dropdown const dropdownBtn = document.querySelector('.apple-dropdown-btn'); const dropdown = document.querySelector('.apple-dropdown'); if (dropdownBtn && dropdown) { dropdownBtn.addEventListener('mouseenter', function () { dropdown.classList.add('show'); }); dropdownBtn.addEventListener('mouseleave', function () { setTimeout(function () { if (!dropdown.matches(':hover')) { dropdown.classList.remove('show'); } }, 100); }); dropdown.addEventListener('mouseleave', function () { dropdown.classList.remove('show'); }); } // Mobile hamburger menu functionality - Don't interfere with original const mobileBtn = document.querySelector('.apple-mobile-btn'); if (mobileBtn) { mobileBtn.addEventListener('click', function () { // Just trigger the original mobile menu button - let it handle everything const originalMobileButton = document.querySelector('.grab-navbar-variant-1-mobile-menu-button'); if (originalMobileButton) { originalMobileButton.click(); // After opening, fix the close button setTimeout(fixMobileMenuClose, 100); setTimeout(fixMobileMenuClose, 500); } }); } // Fix mobile menu close - add overlay approach function fixMobileMenuClose() { const observer = new MutationObserver(() => { // Look for open mobile menu const dialog = document.querySelector('[role="dialog"]'); if (dialog && !dialog.hasAttribute('data-close-overlay-added')) { dialog.setAttribute('data-close-overlay-added', 'true'); // Create invisible close overlay const closeOverlay = document.createElement('div'); closeOverlay.style.cssText = ` position: fixed; top: 0; right: 0; width: 60px; height: 60px; z-index: 999999; background: transparent; cursor: pointer; `; closeOverlay.addEventListener('click', function (e) { e.preventDefault(); e.stopPropagation(); console.log('Close overlay clicked!'); // Find and click the actual close button const closeButton = document.querySelector('button span.sr-only'); if (closeButton && closeButton.textContent === 'Close menu') { const button = closeButton.parentElement; button.click(); } // Force close as backup setTimeout(() => { const dialogs = document.querySelectorAll('[role="dialog"]'); const backdrops = document.querySelectorAll('.fixed.inset-0'); dialogs.forEach(d => { if (d.parentNode) d.parentNode.removeChild(d); }); backdrops.forEach(b => { if (b.parentNode) b.parentNode.removeChild(b); }); document.body.style.overflow = ''; }, 100); }); document.body.appendChild(closeOverlay); // Remove overlay when dialog is removed const dialogObserver = new MutationObserver(() => { if (!document.querySelector('[role="dialog"]')) { if (closeOverlay.parentNode) { closeOverlay.parentNode.removeChild(closeOverlay); } dialogObserver.disconnect(); } }); dialogObserver.observe(document.body, { childList: true, subtree: true }); } }); observer.observe(document.body, { childList: true, subtree: true }); } // Run the fix periodically to catch dynamically created elements setTimeout(fixMobileMenuClose, 500); setTimeout(fixMobileMenuClose, 1000); // Also run when mobile menu is opened const observer = new MutationObserver(function (mutations) { mutations.forEach(function (mutation) { if (mutation.addedNodes.length > 0) { fixMobileMenuClose(); } }); }); observer.observe(document.body, { childList: true, subtree: true }); } // Initialize everything function init() { if (document.body) { hideOriginalNav(); createAppleNav(); addStyles(); setupEvents(); } else { setTimeout(init, 100); } } // Start if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })(); // Get the current page path const currentPath = window.location.pathname; // Define text for each page let buttonText = 'Call Us'; // Default text if (currentPath.includes('/services/mowing')) { buttonText = 'Call us to book your cut'; } else if (currentPath.includes('/services/realtor-services')) { buttonText = 'Call us today to book'; } else if (currentPath.includes('/services/same-day-service')) { buttonText = 'Call us to have your job done today'; } else if (currentPath.includes('/services/other-services')) { buttonText = 'Call us to learn more today!'; } // Update all matching phone links document.querySelectorAll('a[href="tel:5854902407"]').forEach(link => { link.href = 'tel:5854902407'; link.textContent = buttonText; }); // MOVE THE MOVING SUBTITLE TO THE HERO SUBTITLE PLACE // Check if we're on the homepage before running function isHomePage() { return window.location.pathname === '/' || window.location.pathname === ''; } // Replace .grab-hero-subtitle with animated text section function replaceSubtitleWithAnimatedText() { // Exit early if not on homepage if (!isHomePage()) { return; } const subtitleElement = document.querySelector('.grab-hero-subtitle'); if (!subtitleElement) { console.log('Subtitle element not found, retrying...'); setTimeout(replaceSubtitleWithAnimatedText, 100); return; } // Create the animated text HTML const animatedTextHTML = `

Outdoor home services made simple.
Just text for Mowing Powerwashing Demo Yard Clean Up

Text us today to find out how easy getting your outdoor projects and maintenance is with Crispy Care

`; // Replace the subtitle element with our animated text subtitleElement.outerHTML = animatedTextHTML; // Add the CSS styles addAnimatedTextStyles(); // Start the text rotation animation setTimeout(startTextRotator, 100); } function addAnimatedTextStyles() { // Check if styles already exist if (document.getElementById('sp-animated-text-styles')) { return; } const style = document.createElement('style'); style.id = 'sp-animated-text-styles'; style.textContent = ` .sp-intro { width: 100%; max-width: 100%; text-align: center; margin: 60px auto; } .sp-subtitle { color: #ffffff; font-size: 18px; font-weight: 400; line-height: 1.4; margin: 20px auto 0; max-width: 600px; opacity: 0.9; } .sp-intro h4 { line-height: 1.2; font-size: 36px; font-weight: 600; color: #ffffff; margin: 0; } .sp-words-wrapper { display: inline-block; position: relative; text-align: left; vertical-align: middle; width: 280px; height: 45px; overflow: hidden; background-color: rgba(255, 255, 255, 0.9); border-radius: 8px; padding: 8px 12px; margin: 0 4px; line-height: 45px; } .sp-words-wrapper b { display: inline-block; position: absolute; white-space: nowrap; left: 12px; top: 50%; width: calc(100% - 24px); text-align: left; transform: translateY(calc(-50% + 100%)); color: #ff6600; font-weight: 700; opacity: 0; transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); box-sizing: border-box; line-height: 1; } .sp-words-wrapper b.is-visible { transform: translateY(-50%); opacity: 1; animation: slideInUp 0.6s ease-out; } .sp-words-wrapper b.is-hidden { animation: slideOutUp 0.6s ease-in; } @keyframes slideInUp { 0% { transform: translateY(calc(-50% + 100%)); opacity: 0; } 60% { transform: translateY(calc(-50% - 10%)); opacity: 1; } 100% { transform: translateY(-50%); opacity: 1; } } @keyframes slideOutUp { 0% { transform: translateY(-50%); opacity: 1; } 40% { opacity: 0.8; } 100% { transform: translateY(calc(-50% - 150%)); opacity: 0; } } @media (max-width: 768px) { .sp-intro { margin: 40px auto; } .sp-words-wrapper { width: 220px; height: 36px; padding: 6px 10px; line-height: 36px; } .sp-intro h4 { font-size: 24px; } .sp-words-wrapper b { font-size: 24px; left: 10px; width: calc(100% - 20px); } .sp-subtitle { font-size: 16px; max-width: 500px; } } @media (max-width: 480px) { .sp-intro { margin: 30px auto; } .sp-words-wrapper { width: 180px; height: 30px; padding: 4px 8px; line-height: 30px; } .sp-intro h4 { font-size: 18px; } .sp-words-wrapper b { font-size: 18px; left: 8px; width: calc(100% - 16px); } .sp-subtitle { font-size: 14px; max-width: 400px; } } `; document.head.appendChild(style); } function startTextRotator() { const animationDelay = 2500; let currentWordIndex = 0; let words = []; function initRotator() { const headline = document.querySelector('.sp-headline'); if (!headline) { console.log('No headline found, retrying...'); setTimeout(initRotator, 100); return; } words = Array.from(headline.querySelectorAll('.sp-words-wrapper b')); if (words.length === 0) { console.log('No words found'); return; } // Initialize: hide all words except first words.forEach((word, index) => { word.classList.remove('is-visible', 'is-hidden'); if (index === 0) { word.classList.add('is-visible'); } }); console.log('Starting rotation with:', words.length, 'words'); // Start rotation setInterval(rotateToNextWord, animationDelay); } function rotateToNextWord() { if (words.length === 0) return; // Hide current word words[currentWordIndex].classList.remove('is-visible'); words[currentWordIndex].classList.add('is-hidden'); // Move to next word currentWordIndex = (currentWordIndex + 1) % words.length; // Wait for hide animation, then show next word setTimeout(() => { // Clean up previous word words.forEach(word => word.classList.remove('is-hidden')); // Show next word words[currentWordIndex].classList.add('is-visible'); }, 300); } initRotator(); } // Initialize when DOM is ready - only on homepage if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', replaceSubtitleWithAnimatedText); } else { replaceSubtitleWithAnimatedText(); } // Also run on page load to catch any late-loading elements - only on homepage window.addEventListener('load', () => { // Check if replacement was successful, if not try again if (isHomePage() && !document.querySelector('.sp-intro')) { replaceSubtitleWithAnimatedText(); } });

Outdoor home services made simple.Just text for Mowing Powerwashing Demo Yard Clean Up

Outdoor home services made simple.
Just text for Mowing Powerwashing Demo Yard Clean Up

Contact us

Get in touch!

We're here to help

Our clients love us

Transform Your Space With Crispy Care Today!