tailwind.config = { theme: { extend: { colors: { primary: “#f97316”, secondary: “#4a4443”, }, borderRadius: { none: “0px”, sm: “4px”, DEFAULT: “8px”, md: “12px”, lg: “16px”, xl: “20px”, “2xl”: “24px”, “3xl”: “32px”, full: “9999px”, button: “8px”, }, }, }, }; footer .col-span-3 { max-height: 340px !important; overflow: hidden; } :where([class^=”ri-“])::before { content: “\f3c2″; } div#load-buttons { display: flex; justify-content: center; } button { padding: 10px 20px; text-align: center !important; display: flex; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { h1.text-5xl { font-size: 32px; } section { padding: 25px 5px !important; } a.group { font-size: 17px; padding: 12px; } button#mobile-menu-button { z-index: 999; } } /* ── Global Responsive Fixes ── */ /* Email & long URL links: allow breaking onto next line */ a[href^=”mailto:”], a[href^=”tel:”] { word-break: break-all; overflow-wrap: anywhere; } /* Ensure flex containers holding email/phone links don’t overflow */ .flex>div:has(> a[href^=”mailto:”]), .flex>div:has(> a[href^=”tel:”]) { min-width: 0; overflow-wrap: anywhere; } /* Prevent whitespace-nowrap buttons from overflowing on mobile */ @media screen and (max-width: 640px) { .whitespace-nowrap { white-space: normal !important; } /* Reset huge fixed CTA min-widths on mobile */ a[class*=”min-w-“], button[class*=”min-w-“] { min-width: 0 !important; width: 100% !important; } /* Scale down oversized CTA font sizes on mobile */ a.text-5xl, button.text-5xl, a.text-4xl, button.text-4xl { font-size: 1.25rem !important; line-height: 1.75rem !important; padding-left: 1.5rem !important; padding-right: 1.5rem !important; padding-top: 1rem !important; padding-bottom: 1rem !important; } /* CTA button containers: stack vertically */ .flex.flex-col.md\:flex-row, .flex.flex-col.sm\:flex-row { flex-direction: column !important; } /* Ensure all buttons take full width on mobile */ section a.bg-primary, section a.bg-white, section a.border-2 { width: 100% !important; min-width: 0 !important; text-align: center; justify-content: center; } }

2022008501 Emergency Help

const mobileMenuButton = document.getElementById(‘mobile-menu-button’); const mobileMenu = document.getElementById(‘mobile-menu’); // Services Toggle const mobileServicesBtn = document.getElementById(‘mobile-services-btn’); const mobileServicesMenu = document.getElementById(‘mobile-services-menu’); // Locations Toggle const mobileLocationBtn = document.getElementById(‘mobile-location-btn’); const mobileLocationMenu = document.getElementById(‘mobile-location-menu’); mobileMenuButton.addEventListener(‘click’, () => { mobileMenu.classList.toggle(‘hidden’); const icon = mobileMenuButton.querySelector(‘i’); if (mobileMenu.classList.contains(‘hidden’)) { icon.classList.remove(‘ri-close-line’); icon.classList.add(‘ri-menu-line’); document.body.style.overflow = ‘auto’; } else { icon.classList.remove(‘ri-menu-line’); icon.classList.add(‘ri-close-line’); document.body.style.overflow = ‘hidden’; } }); mobileServicesBtn.addEventListener(‘click’, () => { mobileServicesMenu.classList.toggle(‘hidden’); mobileServicesBtn.querySelector(‘i’).classList.toggle(‘rotate-180’); }); mobileLocationBtn.addEventListener(‘click’, () => { mobileLocationMenu.classList.toggle(‘hidden’); mobileLocationBtn.querySelector(‘i’).classList.toggle(‘rotate-180’); }); document.addEventListener(“DOMContentLoaded”, function () { const mobileMenuButton = document.querySelector(“[data-mobile-menu-button]”); const mobileMenu = document.querySelector(“[data-mobile-menu]”); if (mobileMenuButton && mobileMenu) { mobileMenuButton.addEventListener(“click”, function () { mobileMenu.classList.toggle(“hidden”); }); } }); document.addEventListener(“DOMContentLoaded”, function () { function handleFormSubmission(form) { form.addEventListener(“submit”, function (e) { e.preventDefault(); const formData = new FormData(this); const submitBtn = this.querySelector(‘button[type=”submit”]’); const originalText = submitBtn.innerHTML; // Disable button and show loading state submitBtn.disabled = true; submitBtn.innerHTML = ‘ Sending…’; fetch(‘https://bradbury.samedaywasherrepair-california.com/phpmailler/’, { method: ‘POST’, body: formData }) .then(response => response.json()) .then(data => { if (data.status === ‘success’) { // Create success notification const notification = document.createElement(“div”); notification.className = “fixed top-4 right-4 bg-green-600 text-white px-6 py-4 rounded-lg shadow-lg z-50”; notification.innerHTML = ` `; document.body.appendChild(notification); setTimeout(() => { notification.remove(); }, 5000); form.reset(); } else { throw new Error(data.message || ‘Submission failed’); } }) .catch(error => { console.error(‘Error:’, error); // Create error notification const notification = document.createElement(“div”); notification.className = “fixed top-4 right-4 bg-red-600 text-white px-6 py-4 rounded-lg shadow-lg z-50”; notification.innerHTML = ` `; document.body.appendChild(notification); setTimeout(() => { notification.remove(); }, 3000); }) .finally(() => { // Reset button state submitBtn.disabled = false; submitBtn.innerHTML = originalText; }); }); } // Handle all forms with specific IDs or classes const formsToHandle = document.querySelectorAll(“#hero-contact-form, #contact form, .ajax-contact-form, #leadForm, #bondQuoteForm, #petOdorForm, #finalBookingForm, #curtainQuoteForm”); formsToHandle.forEach(form => { handleFormSubmission(form); }); // Character limit for textarea const textareas = document.querySelectorAll(“textarea[maxlength]”); textareas.forEach((textarea) => { textarea.addEventListener(“input”, function () { const maxLength = parseInt(this.getAttribute(“maxlength”)); if (this.value.length >= maxLength) { this.value = this.value.substring(0, maxLength); } }); }); }); !function (t, e) { var o, n, p, r; e.__SV || (window.posthog = e, e._i = [], e.init = function (i, s, a) { function g(t, e) { var o = e.split(“.”); 2 == o.length && (t = t[o[0]], e = o[1]), t[e] = function () { t.push([e].concat(Array.prototype.slice.call(arguments, 0))) } } (p = t.createElement(“script”)).type = “text/javascript”, p.crossOrigin = “anonymous”, p.async = !0, p.src = s.api_host.replace(“.i.posthog.com”, “-assets.i.posthog.com”) + “/static/array.js”, (r = t.getElementsByTagName(“script”)[0]).parentNode.insertBefore(p, r); var u = e; for (void 0 !== a ? u = e[a] = [] : a = “posthog”, u.people = u.people || [], u.toString = function (t) { var e = “posthog”; return “posthog” !== a && (e += “.” + a), t || (e += ” (stub)”), e }, u.people.toString = function () { return u.toString(1) + “.people (stub)” }, o = “init capture register register_once register_for_session unregister unregister_for_session getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey getNextSurveyStep identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty createPersonProfile opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing debug”.split(” “), n = 0; n < o.length; n++)g(u, o[n]); e._i.push([i, s, a]) }, e.__SV = 1) }(document, window.posthog || []); posthog.init('phc_V7JMHB0fVJGRu8UHyrsj6pSL1BS76P5zD8qCi7lrTTV', { api_host: 'https://us.i.posthog.com', autocapture: false, capture_pageview: false, capture_pageleave: false, capture_performance: { web_vitals: false, }, rageclick: false, }) window.shareKey = 'lp5d8bzJFQAJCX9lmEpIlg'; document.addEventListener(‘DOMContentLoaded’, function () { function toggleQuoteDropdown(id) { const dropdown = document.getElementById(id + ‘Dropdown’); const allDropdowns = document.querySelectorAll(‘[id$=”Dropdown”]’); allDropdowns.forEach(d => { if (d !== dropdown) d.classList.add(‘hidden’); }); dropdown.classList.toggle(‘hidden’); } function selectQuoteOption(dropdownId, value) { const selected = document.getElementById(dropdownId + ‘Selected’); const dropdown = document.getElementById(dropdownId + ‘Dropdown’); selected.textContent = value; dropdown.classList.add(‘hidden’); updatePricing(); } window.toggleQuoteDropdown = toggleQuoteDropdown; window.selectQuoteOption = selectQuoteOption; document.addEventListener(‘click’, function (e) { if (!e.target.closest(‘[onclick*=”toggleQuoteDropdown”]’) && !e.target.closest(‘[id$=”Dropdown”]’)) { document.querySelectorAll(‘[id$=”Dropdown”]’).forEach(d => d.classList.add(‘hidden’)); } }); }); document.addEventListener(‘DOMContentLoaded’, function () { const checkboxLabels = document.querySelectorAll(‘label’); checkboxLabels.forEach(label => { const checkbox = label.querySelector(‘input[type=”checkbox”]’); const customCheckbox = label.querySelector(‘.checkbox-custom’); const checkIcon = customCheckbox ? customCheckbox.querySelector(‘i’) : null; if (checkbox && customCheckbox && checkIcon) { label.addEventListener(‘click’, function (e) { e.preventDefault(); checkbox.checked = !checkbox.checked; if (checkbox.checked) { customCheckbox.classList.add(‘bg-primary’, ‘border-primary’); customCheckbox.classList.remove(‘bg-white/10’, ‘border-white/30’); checkIcon.classList.remove(‘hidden’); } else { customCheckbox.classList.remove(‘bg-primary’, ‘border-primary’); customCheckbox.classList.add(‘bg-white/10’, ‘border-white/30’); checkIcon.classList.add(‘hidden’); } }); } }); }); document.addEventListener(‘DOMContentLoaded’, function () { const faqToggles = document.querySelectorAll(‘.faq-toggle’); faqToggles.forEach(toggle => { toggle.addEventListener(‘click’, function () { const content = this.nextElementSibling; const icon = this.querySelector(‘.faq-icon’); if (content.classList.contains(‘hidden’)) { content.classList.remove(‘hidden’); icon.className = ‘ri-subtract-line text-xl faq-icon’; } else { content.classList.add(‘hidden’); icon.className = ‘ri-add-line text-xl faq-icon’; } }); }); }); document.addEventListener(‘DOMContentLoaded’, function () { const links = document.querySelectorAll(‘a[href^=”#”]’); links.forEach(link => { link.addEventListener(‘click’, function (e) { e.preventDefault(); const targetId = this.getAttribute(‘href’); const targetElement = document.querySelector(targetId); if (targetElement) { targetElement.scrollIntoView({ behavior: ‘smooth’ }); } }); }); });