// 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-0, .sticky nav, nav.grab-navbar-variant-0 { 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 = `

(314) 583-0938

`; 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: 50; 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-call-btn { color: #1a202c; border: 1px solid rgba(0, 0, 0, 0.2); text-shadow: none; } .apple-nav.scrolled .apple-call-btn:hover { background: rgba(0, 0, 0, 0.05); } .apple-nav.scrolled .apple-mobile-btn { background: rgba(0, 0, 0, 0.1); color: #1a202c; } .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; align-items: center; gap: 12px; } @media (min-width: 1024px) { .apple-buttons { display: flex; } } .apple-call-btn { background: transparent; color: white; text-decoration: none; padding: 8px 16px; border-radius: 12px; display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.2); text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1); } .apple-call-btn:hover { background: rgba(255, 255, 255, 0.1); transform: translateY(-1px); } .apple-contact-btn { background: linear-gradient(135deg, #3B82F6 0%, #1D4ED8 100%); color: white; border: none; padding: 8px 20px; border-radius: 20px; font-size: 14px; font-weight: 500; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 16px rgba(59, 130, 246, 0.3); } .apple-contact-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(59, 130, 246, 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'); }); } // Contact button functionality const contactBtn = document.querySelector('.apple-contact-btn'); if (contactBtn) { contactBtn.addEventListener('click', function () { // Scroll to contact section or open contact modal window.location.href = '/contact-us'; }); } // Mobile hamburger menu functionality const mobileBtn = document.querySelector('.apple-mobile-btn'); if (mobileBtn) { mobileBtn.addEventListener('click', function () { // Trigger the original mobile menu button const originalMobileButton = document.querySelector('.grab-navbar-variant-0-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(); } })(); /************************************************************************************************************/ // Function to add Yelp logo to review cards without Google logo function addYelpLogoToReviews() { // Get all review cards const reviewCards = document.querySelectorAll('.break-inside-avoid'); // Loop through each card reviewCards.forEach(card => { // Skip if we've already processed this card if (card.dataset.yelpLogoProcessed === 'true') { return; } // Check if this card doesn't have a Google logo const googleLogo = card.querySelector('img[src="/goog-logo.svg"]'); if (!googleLogo) { // Find the cite element to position the logo next to it const citeElement = card.querySelector('cite'); if (citeElement && citeElement.parentElement) { // Create the Yelp logo element const yelpLogo = document.createElement('img'); yelpLogo.src = "https://ik.imagekit.io/4wu305uo4/logos/Yelp_Logo.svg?updatedAt=1743510185782"; yelpLogo.alt = "Yelp logo"; yelpLogo.className = "ml-4 inline-block w-16"; // Same styling as Google logo // Add the logo to the parent container (which should be the flex container) citeElement.parentElement.appendChild(yelpLogo); } } // Mark this card as processed card.dataset.yelpLogoProcessed = 'true'; }); } // Set up a MutationObserver to detect DOM changes function setupMutationObserver() { // Observer configuration const config = { childList: true, subtree: true }; // Create an observer instance const observer = new MutationObserver((mutations) => { let shouldProcess = false; // Check if any review cards were added or modified mutations.forEach(mutation => { if (mutation.addedNodes.length > 0) { shouldProcess = true; } }); // If relevant changes were detected, process the cards if (shouldProcess) { addYelpLogoToReviews(); } }); // Start observing the document observer.observe(document.body, config); } // Initial execution addYelpLogoToReviews(); // Set up observer for future DOM changes setupMutationObserver(); // Additionally, handle route changes for common SPA frameworks function handleRouteChanges() { // For frameworks that use popstate events (React Router, Vue Router, etc.) window.addEventListener('popstate', () => { // Allow time for the DOM to update after route change setTimeout(addYelpLogoToReviews, 300); }); // For hash-based routing window.addEventListener('hashchange', () => { setTimeout(addYelpLogoToReviews, 300); }); // Intercept history.pushState and history.replaceState const originalPushState = history.pushState; const originalReplaceState = history.replaceState; history.pushState = function () { originalPushState.apply(this, arguments); setTimeout(addYelpLogoToReviews, 300); }; history.replaceState = function () { originalReplaceState.apply(this, arguments); setTimeout(addYelpLogoToReviews, 300); }; } // Set up route change handling handleRouteChanges();

Sitemap