// Footer decoration injector for SPA (function () { // Add CSS styles to the document function addStyles() { const styleId = 'footer-decoration-styles'; if (document.getElementById(styleId)) return; const style = document.createElement('style'); style.id = styleId; style.textContent = ` .footer-decoration { margin-bottom: -1px; -o-object-fit: contain; object-fit: contain; width: 100%; background:white; } img { height: auto; display: inline-block; vertical-align: middle; border: 0 none; max-width: 100%; } `; document.head.appendChild(style); } // Simple check and insert function function checkAndInsertDecoration() { addStyles(); // Check if decoration already exists const existingDecoration = document.querySelector('[data-footer-decoration="true"]'); if (existingDecoration) { return; // Already exists, do nothing } // Find footer const footer = document.querySelector('footer'); if (!footer) { console.log('No footer found'); return; // No footer found, exit } console.log('Footer found:', footer); // Create and insert the image const img = document.createElement('img'); img.width = 1920; img.height = 200; img.src = 'https://ik.imagekit.io/4wu305uo4/customized-sections/Big%20M%20Power%20Washing/ezgif.com-svg-to-png-converter%20(4).svg'; img.className = 'footer-decoration'; img.alt = 'footer decoration'; img.decoding = 'async'; img.loading = 'lazy'; img.setAttribute('data-footer-decoration', 'true'); // Initially hide with display:none img.style.display = 'none'; // Insert the image as the first child of the footer (inside the footer, not before it) footer.insertBefore(img, footer.firstChild); console.log('Inserted inside footer as first child'); // Use requestAnimationFrame to ensure DOM positioning is complete requestAnimationFrame(() => { requestAnimationFrame(() => { img.style.display = 'block'; console.log('Image displayed'); }); }); } // Run on initial load if (document.readyState === 'complete') { checkAndInsertDecoration(); } else { window.addEventListener('load', checkAndInsertDecoration); } // Handle SPA navigation let lastUrl = location.href; function checkForUrlChange() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(checkAndInsertDecoration, 1000); // Wait 1 second for page to load } } // Listen for navigation events window.addEventListener('popstate', function () { setTimeout(checkAndInsertDecoration, 1000); }); // Override history methods const originalPushState = history.pushState; const originalReplaceState = history.replaceState; history.pushState = function () { originalPushState.apply(history, arguments); setTimeout(checkAndInsertDecoration, 1000); }; history.replaceState = function () { originalReplaceState.apply(history, arguments); setTimeout(checkAndInsertDecoration, 1000); }; // Poll for URL changes setInterval(checkForUrlChange, 2000); // Expose function globally window.checkFooterDecoration = checkAndInsertDecoration; })(); /************************************************************************************************************/ // Footer contact info injector for SPA (function () { // Add CSS styles for the contact info function addContactStyles() { const styleId = 'footer-contact-styles'; if (document.getElementById(styleId)) return; // Prevent duplicate styles const style = document.createElement('style'); style.id = styleId; style.textContent = ` .grab-footer-company-name { position: relative; } .grab-footer-company-name::after { content: ''; display: block; position: absolute; top: 100%; left: 0; width: 100%; height: auto; pointer-events: none; } .footer-contact-info { display: flex; flex-direction: column; gap: 16px; font-size: 14px; line-height: 1.4; margin-top:0!important; } .contact-item { display: flex; align-items: center; gap: 8px; color: #57c5f4; text-decoration: none; transition: opacity 0.2s ease; } .contact-item:hover { opacity: 0.8; } .contact-item.non-clickable { cursor: default; } .contact-item.non-clickable:hover { opacity: 1; } .contact-icon { width: 16px; height: 16px; flex-shrink: 0; fill: #57c5f4;; } @media (max-width: 768px) { .footer-contact-info { gap: 6px; font-size: 13px; } .contact-icon { width: 14px; height: 14px; } } `; document.head.appendChild(style); } // SVG icons const icons = { email: ``, phone: ``, location: `` }; // Create contact info container function createContactInfo() { const container = document.createElement('div'); container.className = 'footer-contact-info'; container.setAttribute('data-footer-contact', 'true'); // Marker for identification // Email (clickable) const emailLink = document.createElement('a'); emailLink.href = 'mailto:bigmpowerwashing@gmail.com'; emailLink.className = 'contact-item'; emailLink.innerHTML = icons.email + 'bigmpowerwashing@gmail.com'; // Phone (clickable) const phoneLink = document.createElement('a'); phoneLink.href = 'tel:+18648048530'; phoneLink.className = 'contact-item'; phoneLink.innerHTML = icons.phone + '(864) 804-8530'; // Location (non-clickable) const locationSpan = document.createElement('span'); locationSpan.className = 'contact-item non-clickable'; locationSpan.innerHTML = icons.location + 'Simpsonville, SC'; container.appendChild(emailLink); container.appendChild(phoneLink); container.appendChild(locationSpan); return container; } // Insert contact info after company name function insertContactInfo() { // Remove existing contact info to prevent duplicates const existing = document.querySelector('[data-footer-contact="true"]'); if (existing) { existing.remove(); } // Find the company name element const companyNameElement = document.querySelector('.grab-footer-company-name'); if (companyNameElement) { const contactInfo = createContactInfo(); // Insert after the company name element if (companyNameElement.nextSibling) { companyNameElement.parentNode.insertBefore(contactInfo, companyNameElement.nextSibling); } else { companyNameElement.parentNode.appendChild(contactInfo); } } else { console.warn('Company name element (.grab-footer-company-name) not found'); } } // Main function to inject contact info function injectContactInfo() { addContactStyles(); insertContactInfo(); } // Initial injection if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', injectContactInfo); } else { injectContactInfo(); } // Handle SPA navigation - observe DOM changes and URL changes let lastUrl = location.href; // Method 1: MutationObserver for DOM changes const observer = new MutationObserver(function (mutations) { let shouldReinject = false; mutations.forEach(function (mutation) { if (mutation.type === 'childList') { const addedNodes = Array.from(mutation.addedNodes); const removedNodes = Array.from(mutation.removedNodes); // Check if company name element or footer-related elements were added/removed const hasRelevantChanges = [...addedNodes, ...removedNodes].some(node => { if (node.nodeType === Node.ELEMENT_NODE) { return node.matches && ( node.matches('.grab-footer-company-name') || node.querySelector && node.querySelector('.grab-footer-company-name') || node.matches('footer, .footer, #footer, [role="contentinfo"]') || node.querySelector && node.querySelector('footer, .footer, #footer, [role="contentinfo"]') ); } return false; }); if (hasRelevantChanges) { shouldReinject = true; } } }); if (shouldReinject) { setTimeout(injectContactInfo, 100); // Small delay to ensure DOM is stable } }); observer.observe(document.body, { childList: true, subtree: true }); // Method 2: URL change detection for SPA navigation function checkForUrlChange() { if (location.href !== lastUrl) { lastUrl = location.href; setTimeout(injectContactInfo, 500); // Delay to allow page to load } } // Listen for popstate events (back/forward navigation) window.addEventListener('popstate', function () { setTimeout(injectContactInfo, 500); }); // Poll for URL changes (fallback for programmatic navigation) setInterval(checkForUrlChange, 1000); // Method 3: Override pushState and replaceState for SPA frameworks const originalPushState = history.pushState; const originalReplaceState = history.replaceState; history.pushState = function () { originalPushState.apply(history, arguments); setTimeout(injectContactInfo, 500); }; history.replaceState = function () { originalReplaceState.apply(history, arguments); setTimeout(injectContactInfo, 500); }; // Expose function globally for manual triggering if needed window.injectContactInfo = injectContactInfo; })(); /****************************************************************************************************/ // Create a script that will add the Google logo using the provided image URL const googleScript = document.createElement('script'); googleScript.textContent = ` // Function to add Google logo function addGoogleLogo() { // Find the container for social icons const socialIconsContainer = document.querySelector('.grab-footer-social-icons'); if (!socialIconsContainer) { console.error('Social icons container not found'); return; } // Check if the logo already exists to prevent duplicates during SPA navigation const existingLogo = document.querySelector('[data-icon="google"]'); if (existingLogo) { return; } // Create a new anchor element for Google const googleLink = document.createElement('a'); googleLink.setAttribute('target', '_blank'); googleLink.setAttribute('rel', 'noopener noreferrer'); googleLink.setAttribute('class', 'text-current hover:opacity-80'); googleLink.setAttribute('href', 'https://www.google.com/maps/place/?q=place_id:ChIJyaghe2wnWIgRBjPneD7J9Ro'); googleLink.setAttribute('data-icon', 'google'); // For identification // Create span for screen readers const srSpan = document.createElement('span'); srSpan.setAttribute('class', 'sr-only'); srSpan.textContent = 'Google'; // Create img element for Google logo const img = document.createElement('img'); img.setAttribute('src', 'https://ik.imagekit.io/4wu305uo4/Badges/387ce49c-google-reviews.png?updatedAt=1741968051860'); img.setAttribute('alt', 'Google'); img.setAttribute('class', 'h-6 w-6 text-primaryContrast hover:text-primaryContrast/80'); img.style.filter = 'brightness(0) invert(1)'; // Make the icon white to match others // Append elements googleLink.appendChild(srSpan); googleLink.appendChild(img); // Append the new link to the container socialIconsContainer.appendChild(googleLink); } // Set up a MutationObserver to watch for DOM changes const observer = new MutationObserver(function(mutations) { // Check if our target element exists const socialIconsContainer = document.querySelector('.grab-footer-social-icons'); if (socialIconsContainer) { addGoogleLogo(); } }); // Start observing the document for changes observer.observe(document.body, { childList: true, subtree: true }); // Initial attempt to add the logo addGoogleLogo(); `; // Add the script to the document document.head.appendChild(googleScript);

Sitemap