/* ============================================================ FRONTIER ROOFING — GLOBAL JS OVERRIDES 1. Hero Fit (logo, height, image quality, reveal) 2. Top Bar Hours Override 3. Social Reviews Injection (Facebook + Nextdoor) 4. Service Page Image Sharpening (hero + CTA) 5. Navbar Font Size Fixes ============================================================ */ /* ── 1. HERO FIT ─────────────────────────────────────────── */ (function () { const NS = 'frontier-hero-fit'; const LOGO_SRC = 'https://ik.imagekit.io/4wu305uo4/qt=q_100.webp'; const LOGO_ID = `${NS}-hero-logo`; const isMobile = () => window.innerWidth < 768; const isHome = () => window.location.pathname === '/' || window.location.pathname === ''; function ikHighQuality(url) { if (!url) return url; if (url.indexOf('/_next/image') !== -1) { try { var qs = url.split('?')[1] || ''; var unwrapped = decodeURIComponent(new URLSearchParams(qs).get('url') || ''); if (unwrapped) url = unwrapped; } catch (e) { } } if (!url.includes('ik.imagekit.io')) return url; const clean = url.replace(/\/tr:[^/]+\//, '/').split('?')[0]; return clean.replace(/(ik\.imagekit\.io\/[^/]+\/)/, '$1tr:q-95,f-auto,w-1920,dpr-2/'); } let mutObs = null; let resizeObs = null; let rafPending = false; function reveal() { const heroSection = document.querySelector('.grab-hero-section'); if (heroSection) heroSection.style.setProperty('visibility', 'visible', 'important'); } function updateHeroHeight() { const heroSection = document.querySelector('.grab-hero-section'); if (!heroSection) return; heroSection.style.setProperty('height', 'clamp(420px, 62vh, 660px)', 'important'); heroSection.style.setProperty('min-height', 'unset', 'important'); } function ensureHeroLogo() { const navWrapper = document.querySelector('.grab-navbar-variant-0, div.sticky.top-0.z-30'); if (!navWrapper) return; navWrapper.style.setProperty('position', 'relative', 'important'); // ▼ MOBILE SMALLER: changed from 142px to 110px const logoW = isMobile() ? '110px' : '200px'; const logoBottom = isMobile() ? '-60px' : '-110px'; let anchor = document.getElementById(LOGO_ID); if (!anchor) { anchor = document.createElement('a'); anchor.id = LOGO_ID; anchor.href = '/'; anchor.setAttribute('aria-label', 'Frontier Roofing Co — Home'); Object.assign(anchor.style, { position: 'absolute', zIndex: '100', display: 'block', cursor: 'pointer', }); const img = document.createElement('img'); img.src = LOGO_SRC; img.alt = 'Frontier Roofing Co'; Object.assign(img.style, { height: 'auto', objectFit: 'contain', display: 'block', pointerEvents: 'none', }); anchor.appendChild(img); navWrapper.appendChild(anchor); } const img = anchor.querySelector('img'); anchor.style.width = logoW; anchor.style.bottom = logoBottom; anchor.style.left = isMobile() ? '16px' : '80px'; if (img) img.style.width = logoW; } function applyFixes() { const heroEl = document.querySelector('.grab-hero-background'); if (heroEl && !isHome()) { const tag = heroEl.tagName.toLowerCase(); if (tag === 'img') { if (!heroEl.hasAttribute('data-hero-src-obs')) { heroEl.setAttribute('data-hero-src-obs', '1'); new MutationObserver(function () { const t = ikHighQuality(heroEl.src); if (heroEl.src !== t) { heroEl.removeAttribute('srcset'); heroEl.src = t; } }).observe(heroEl, { attributes: true, attributeFilter: ['src', 'srcset'] }); } const target = ikHighQuality(heroEl.src); if (heroEl.src !== target) { heroEl.removeAttribute('srcset'); heroEl.src = target; } } else { const current = heroEl.style.backgroundImage || ''; const urlMatch = current.match(/url$["']?([^"')]+)["']?$/); if (urlMatch) { const target = ikHighQuality(urlMatch[1]); if (urlMatch[1] !== target) heroEl.style.setProperty('background-image', `url("${target}")`, 'important'); } } } const heroContent = document.querySelector('.grab-hero-content'); if (heroContent) { heroContent.style.setProperty('padding-top', '3rem', 'important'); heroContent.style.setProperty('padding-bottom', '3rem', 'important'); heroContent.style.setProperty('display', 'flex', 'important'); heroContent.style.setProperty('align-items', 'center', 'important'); heroContent.style.setProperty('justify-content', 'center', 'important'); heroContent.style.setProperty('height', '100%', 'important'); } const heroTitle = document.querySelector('.grab-hero-title'); if (heroTitle && isHome()) { heroTitle.style.setProperty('white-space', 'nowrap', 'important'); heroTitle.style.setProperty('font-size', 'clamp(1rem, 5.5vw, 4rem)', 'important'); } else if (heroTitle) { heroTitle.style.removeProperty('white-space'); heroTitle.style.removeProperty('font-size'); } ensureHeroLogo(); updateHeroHeight(); if (!isHome()) reveal(); } function safeApply() { if (rafPending) return; rafPending = true; mutObs?.disconnect(); requestAnimationFrame(() => { applyFixes(); requestAnimationFrame(() => { if (mutObs) mutObs.observe(document.body, { childList: true, subtree: true }); rafPending = false; }); }); } function init() { if (window[`__${NS}_active`]) return; window[`__${NS}_active`] = true; applyFixes(); mutObs = new MutationObserver(safeApply); mutObs.observe(document.body, { childList: true, subtree: true }); const navWrapper = document.querySelector('.grab-navbar-variant-0, div.sticky.top-0.z-30'); resizeObs = new ResizeObserver(() => { updateHeroHeight(); ensureHeroLogo(); }); if (navWrapper) resizeObs.observe(navWrapper); window.addEventListener('resize', safeApply); const _push = history.pushState.bind(history); const _replace = history.replaceState.bind(history); history.pushState = function (...a) { _push(...a); safeApply(); }; history.replaceState = function (...a) { _replace(...a); safeApply(); }; window.addEventListener('popstate', safeApply); } function destroy() { mutObs?.disconnect(); resizeObs?.disconnect(); window.removeEventListener('resize', safeApply); window.removeEventListener('popstate', safeApply); document.getElementById(LOGO_ID)?.remove(); window[`__${NS}_active`] = false; } document.readyState === 'loading' ? document.addEventListener('DOMContentLoaded', init) : init(); window[`__${NS}`] = { init, destroy }; })(); /* ── 2. TOP BAR HOURS OVERRIDE ───────────────────────────── */ (function () { const NS = 'topbar-override'; const REPLACEMENT = '24/7 Support'; const ATTR = `data-${NS}`; let observer = null; function applyOverride(root = document) { // Target the top bar container const topBar = root.querySelector('.bg-primary.py-4.text-primaryContrast'); if (!topBar) return; // Hours text - find by parent structure or direct class const hoursEl = topBar.querySelector('.flex-nowrap .text-sm') || topBar.querySelector('.gap-2 .text-sm') || topBar.querySelector('div.text-sm'); if (hoursEl && !hoursEl.hasAttribute(ATTR)) { hoursEl.textContent = REPLACEMENT; hoursEl.setAttribute(ATTR, 'true'); hoursEl.style.setProperty('visibility', 'visible', 'important'); hoursEl.style.setProperty('font-size', '1.25rem', 'important'); hoursEl.style.setProperty('letter-spacing', '0.01em', 'important'); } // Stars text - target span inside the Google reviews link const starsLink = topBar.querySelector('a[href*="google"]'); if (starsLink) { const starsText = starsLink.querySelector('span'); if (starsText && !starsText.hasAttribute(ATTR)) { starsText.setAttribute(ATTR, 'true'); starsText.style.setProperty('font-size', '1.25rem', 'important'); starsText.style.setProperty('letter-spacing', '0.01em', 'important'); } } } function init(rootElement = document) { applyOverride(rootElement); observer = new MutationObserver(() => applyOverride(rootElement)); observer.observe(rootElement.body || rootElement, { childList: true, subtree: true }); } function destroy() { if (observer) { observer.disconnect(); observer = null; } document.querySelectorAll(`[${ATTR}]`).forEach(el => { el.removeAttribute(ATTR); el.style.removeProperty('font-size'); el.style.removeProperty('letter-spacing'); el.style.removeProperty('visibility'); }); } // Run on DOM ready or immediately if already loaded if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', () => init()); } else { init(); } window.__topBarHoursOverride = { init, destroy }; })(); /* ── 3. SOCIAL REVIEWS INJECTION ─────────────────────────── */ const FrontierSocialReviews = (() => { const SECTION_MARKER = 'data-frontier-social-injected'; const WRAPPER_ATTR = 'data-frontier-social-wrapper'; const STYLE_ID = 'frontier-social-reviews-styles'; const COL_SPANS = [2, 1, 1, 1, 1, 2]; const FB = [ { name: 'Melissa Elliott Wertz', text: 'Well, I have to brag on Bobby Davis & his Frontier Roofing Crew. They were neat, professional, and did an amazing job with our new roof. Finished in one day! In addition, left the grounds cleaner than when they arrived that morning. We are very pleased and highly recommend Frontier Roofing Co.' }, { name: 'Sheree Beavers', text: 'Bobby is dedicated to his work. He is professional, polite, and does the job right. He will inspect your roof, take pictures and show you any damage concerns. It is nice now days to have someone perform their job with pride.' }, { name: 'Ansley Grammer', text: 'Bobby always saves the day when we have leaks. He is quick and will always tell you exactly what is needed and the best way to accomplish that. He is kind and fair! I highly recommend!' }, { name: 'Allison Burleson', text: 'Frontier Roofing is objective and honest. They deliver modern and professional service. They do what they say they are going to do and they get it done quickly. No surprises or heavy selling. I would highly recommend them if you want to work with honest and fair roofers.' }, { name: 'Jen Allred', text: 'We had a great experience with Frontier Roofing Company. Bobby offered a thorough look at the options for our roof and the roofers did a great job with install. We were also able to coordinate a gutter replacement and attic insulation project through Frontier which was terrific! We would definitely recommend Bobby and Frontier Roofing to family and friends!' }, { name: 'Amber Hudson', text: "I'm posting for my parents because Facebook is not their thing. They needed a roof asap and came across Frontier Roofing. They met with Bobby, the owner, and he explained everything in detail how the process would be. He broke down the cost, helped them decide on what color best suits their house and always kept them in the loop. They were very pleased with his professionalism and knowledge he provided. If you are in need of a new roof and don't know where to turn to, call up Frontier Roofing Company and your worries will be no more. Thank you again Bobby and staff!!!" }, { name: 'ET Richardson', text: 'I have kept track of positive (and negative) reviews for various contractors over the years, so I would know who to reach out to when I needed one. When I recently needed roof and gutter repairs, I contacted Frontier Roofing. They did not disappoint. From the initial contact until the work was completed, Bobby and his crew were prompt, courteous, professional and trustworthy. Their work was exceptional, and pricing was fair. I highly recommend Frontier Roofing!' }, { name: 'David Wright', text: 'Bobby, head of Frontier Roofing, helped solve some problems with my roof by installing a chimney cricket and new vent boots that were worn out. The issues were found during a free roof inspection I asked for on my house that I just bought. Bobby said the roof shingles looked fine. I give Frontier Roofing 5 out of 5 stars. I also had the gutters replaced and leaf guards installed. He is very punctual, reliable, and honest.' }, ]; const ND = [ { name: 'B. S.', text: 'This company is the best. They tell you what needs to be done. Reasonable pricing and they arrive on time and go to work. I HIGHLY RECOMMEND this company.' }, { name: 'F. H.', text: "Bobby Davis with Frontier Roofing does a tremendous and Professional job with all your roofing needs. He put a new dryer vent on my roof this week and also put a Beautiful new roof on my daughter's house in Willow Lakes. I highly recommend him for all your roofing needs." }, { name: 'H. A.', text: "We had our roof replaced a week ago due to shingles coming off and water spots on our ceiling. I can't say enough good things about Bobby Davis and Frontier Roofing Co. Bobby came out and gave us a free estimate. Not only did he find wind and hail damage, he also let us know the dryer vent was the wrong one and a big fire hazard. He showed us about 12 shingle color options and stood in front of the house to help us choose. They got to our house around 6:30 am and were done by 6:30 pm — cleaned everything up and were very professional. Definitely call him for all of your roofing needs." }, { name: 'A. S.', text: 'Honest, skilled, great communication, speedy, excellent group. I highly recommend Bobby and his team.' }, { name: 'T. B.', text: 'Bobby completed some proactive roof maintenance for me. They were fast and efficient. Would recommend!' }, { name: 'A. C.', text: 'Frontier Roofing has a trustworthy crew that completed my roofing repairs only a few days after I requested their service. Bobby Davis is honest and dependable!' }, { name: 'C. F.', text: 'Bobby and his crew did a great job repairing my roof. Definitely recommend and will definitely use again.' }, { name: 'A. D.', text: 'We received a recommendation to use Frontier from our neighbor two doors down. Bobby worked with us to fix several holes created by woodpeckers in our stucco chimney. He was communicative, got the job done quickly, and at a fair price.' }, { name: 'C. J.', text: 'Bobby is 100% honest, professional and trustworthy. He and his crew located and repaired a hole in our roof and a separate leak that has eluded discovery by three previous contractors. I recommend him highly!' }, { name: 'M. E.', text: "Not only did Frontier Roofing do an excellent job on our new roof but they were so quick and efficient you couldn't tell they had been there. Never found a single nail! Bobby Davis and his team are fantastic!" }, { name: 'M. W.', text: 'Well, I have to brag on Bobby Davis & his Frontier Roofing Crew. They were neat, professional, and did an amazing job with our new roof. Finished in one day! Left the grounds cleaner than when they arrived that morning. We are very pleased and highly recommend Frontier Roofing Co.' }, { name: 'Y. A.', text: 'Bobby was outstanding as he comprehended our requirements and executed the bidding process exceptionally well. He presented various budget-aligned options and maintained a high level of professionalism throughout. His contractors were very professional and Bobby ensured the roof was repaired to our satisfaction before finalizing the project.' }, { name: 'S. J.', text: 'Bobby did a small roof repair for us today. I found him to be both reliable and honest which is difficult to find. Will definitely call him again.' }, ]; const STAR = ``; const QUOTE = ``; const BADGES = { facebook: ` Facebook`, nextdoor: `Nextdoor`, }; function injectStyles() { if (document.getElementById(STYLE_ID)) return; const s = document.createElement('style'); s.id = STYLE_ID; s.textContent = ` .fsr-group-header { display:flex; align-items:center; gap:1rem; margin-bottom:1.5rem; } .fsr-group-header::after { content:''; flex:1; height:1px; background:linear-gradient(to right, rgb(0 0 0 / 0.08), transparent); } .fsr-group-label { font-size:0.7rem; font-weight:700; letter-spacing:0.12em; text-transform:uppercase; color:rgb(var(--derivative-color-900) / 0.35); white-space:nowrap; } .fsr-badge { display:inline-flex; align-items:center; gap:0.3rem; font-size:0.65rem; font-weight:700; letter-spacing:0.06em; text-transform:uppercase; padding:0.2rem 0.55rem; border-radius:4px; opacity:0.45; transition:opacity 0.3s; line-height:1.6; } .group:hover .fsr-badge { opacity:0.7; } .fsr-badge--fb { background-color:#1877F2; color:#fff; } .fsr-badge--nd { background-color:#00B246; color:#fff; } `; document.head.appendChild(s); } function buildCard(review, platform, idx) { const span = COL_SPANS[idx % COL_SPANS.length]; const initial = review.name.charAt(0).toUpperCase(); return `

${STAR.repeat(5)}

${QUOTE}

“${review.text}”

${initial}

${review.name}

${BADGES[platform]}

`; } function buildGroup(reviews, platform, label) { const cards = reviews.map((r, i) => buildCard(r, platform, i)).join(''); return `

${label}

${cards}

`; } function findReviewsSection(root) { return [...root.querySelectorAll('section')].find( s => s.querySelector('figure blockquote') && s.querySelector('img[src*="goog-logo"]') ) || null; } function inject(root) { const section = findReviewsSection(root); if (!section) return; if (section.hasAttribute(SECTION_MARKER)) return; const next = section.nextElementSibling; if (next && next.hasAttribute(WRAPPER_ATTR)) return; section.setAttribute(SECTION_MARKER, 'true'); injectStyles(); const wrapper = document.createElement('section'); wrapper.setAttribute(WRAPPER_ATTR, 'true'); wrapper.className = 'relative pb-24 sm:pb-32'; wrapper.innerHTML = `

${buildGroup(FB, 'facebook', 'Facebook Reviews')} ${buildGroup(ND, 'nextdoor', 'Nextdoor Reviews')}

`; section.insertAdjacentElement('afterend', wrapper); } let _observer = null; function init(rootElement) { const root = rootElement || document; inject(root); if (_observer) _observer.disconnect(); _observer = new MutationObserver(() => inject(root)); _observer.observe(root, { childList: true, subtree: true }); } function destroy() { if (_observer) { _observer.disconnect(); _observer = null; } document.querySelectorAll(`[${SECTION_MARKER}]`).forEach(el => el.removeAttribute(SECTION_MARKER)); document.querySelectorAll(`[${WRAPPER_ATTR}]`).forEach(el => el.remove()); const style = document.getElementById(STYLE_ID); if (style) style.remove(); } return { init, destroy }; })(); FrontierSocialReviews.init(document); /* ── 4. SERVICE PAGE IMAGE SHARPENING ────────────────────── */ (function () { 'use strict'; var SERVICE_RE = /^\/services\//; var HERO_ATTR = 'data-frontier-hero-sharp'; var MAX_TRIES = 40; var POLL_MS = 150; function isServicePage() { return SERVICE_RE.test(window.location.pathname); } function isMobile() { return window.innerWidth < 768; } function buildSharpUrl(raw) { if (!raw) return null; var url = raw; if (url.indexOf('/_next/image') === 0) { try { var p = new URLSearchParams(url.split('?')[1] || ''); url = decodeURIComponent(p.get('url') || ''); } catch (e) { return null; } } if (!url || url.indexOf('ik.imagekit.io') === -1) return null; url = url.replace(/\/tr:[^/]+\//, '/').split('?')[0]; var w = isMobile() ? 'w-828' : 'w-1920'; return url + '?tr=q-95,f-auto,' + w + ',dpr-2'; } function isSharp(src) { return src && src.indexOf('q-95') !== -1 && src.indexOf('dpr-2') !== -1; } var _imgObs = null; function patchHero() { var hero = document.querySelector('.grab-service-hero'); if (!hero) return false; var img = hero.querySelector('img'); if (!img) return false; var src = img.getAttribute('src') || ''; if (!src) return false; if (isSharp(src) && hero.hasAttribute(HERO_ATTR)) return true; var sharp = buildSharpUrl(src); if (!sharp) return false; img.removeAttribute('srcset'); img.removeAttribute('sizes'); img.setAttribute('loading', 'eager'); img.setAttribute('fetchpriority', 'high'); img.setAttribute('decoding', 'auto'); img.src = sharp; hero.setAttribute(HERO_ATTR, '1'); if (_imgObs) _imgObs.disconnect(); _imgObs = new MutationObserver(function () { var cur = img.getAttribute('src') || ''; if (!isSharp(cur)) { img.removeAttribute('srcset'); img.removeAttribute('sizes'); img.src = sharp; } }); _imgObs.observe(img, { attributes: true, attributeFilter: ['src', 'srcset'] }); return true; } function patchCta() { var cta = document.querySelector('.grab-cta-section'); if (!cta) return; ['data-svc-img-sharp', 'data-svc-cta-sharp', 'data-svc-sharp'].forEach(function (a) { cta.removeAttribute(a); }); var bg = cta.style.backgroundImage || ''; var match = bg.match(/url$["']?([^"')]+)["']?$/); if (!match) return; if (isSharp(match[1])) return; var sharp = buildSharpUrl(match[1]); if (!sharp) return; cta.style.setProperty('background-image', 'url("' + sharp + '")', 'important'); cta.style.setProperty('background-size', 'cover', 'important'); cta.style.setProperty('background-attachment', isMobile() ? 'scroll' : 'fixed', 'important'); } var _pollTimer = null; var _pollCount = 0; function startPoll() { stopPoll(); _pollCount = 0; _pollTimer = setInterval(function () { _pollCount++; if (!isServicePage()) { stopPoll(); return; } var heroDone = patchHero(); patchCta(); if (heroDone || _pollCount >= MAX_TRIES) stopPoll(); }, POLL_MS); } function stopPoll() { if (_pollTimer) { clearInterval(_pollTimer); _pollTimer = null; } } var _navObs = null; var _origPush = null; var _origReplace = null; function onNav() { if (_imgObs) { _imgObs.disconnect(); _imgObs = null; } var hero = document.querySelector('.grab-service-hero'); if (hero) hero.removeAttribute(HERO_ATTR); setTimeout(startPoll, 100); } function init() { if (window.__frontierSharpActive) return; window.__frontierSharpActive = true; startPoll(); _navObs = new MutationObserver(function (mutations) { if (!isServicePage()) return; for (var i = 0; i < mutations.length; i++) { if (mutations[i].addedNodes.length) { var hero = document.querySelector('.grab-service-hero'); if (hero && !hero.hasAttribute(HERO_ATTR)) patchHero(); patchCta(); break; } } }); _navObs.observe(document.body, { childList: true, subtree: true }); _origPush = history.pushState; _origReplace = history.replaceState; history.pushState = function () { _origPush.apply(history, arguments); onNav(); }; history.replaceState = function () { _origReplace.apply(history, arguments); onNav(); }; window.addEventListener('popstate', onNav); } function destroy() { stopPoll(); if (_navObs) { _navObs.disconnect(); _navObs = null; } if (_imgObs) { _imgObs.disconnect(); _imgObs = null; } if (_origPush) { history.pushState = _origPush; _origPush = null; } if (_origReplace) { history.replaceState = _origReplace; _origReplace = null; } window.removeEventListener('popstate', onNav); window.__frontierSharpActive = false; } init(); })(); /* ── 5. NAVBAR FONT SIZE FIXES ───────────────────────────── */ (function () { 'use strict'; var ATTR = 'data-nav-font-patched'; function patchNavFonts() { // Top bar text — 24/7 Support + "5 stars on Google" document.querySelectorAll( 'nav.grab-navbar-variant-1 > div.bg-primary .text-sm' ).forEach(function (el) { el.style.setProperty('font-size', '1.2rem', 'important'); el.style.setProperty('letter-spacing', '0.01em', 'important'); }); // Main nav links + Services button document.querySelectorAll( '.grab-navbar-variant-1-menu-items-list-item' ).forEach(function (el) { el.style.setProperty('font-size', '1.125rem', 'important'); }); // Dropdown items — padding/spacing ONLY, no font-size // (font-size is controlled by CSS ::after rename trick — setting it here // would override font-size:0 and cause duplicate text to appear) document.querySelectorAll( 'nav [role="menu"] a[role="menuitem"]' ).forEach(function (el) { if (el.hasAttribute(ATTR)) return; el.style.setProperty('padding-top', '0.75rem', 'important'); el.style.setProperty('padding-bottom', '0.75rem', 'important'); el.style.setProperty('line-height', '1.4', 'important'); el.setAttribute(ATTR, '1'); }); // Dropdown container width document.querySelectorAll('nav [role="menu"]').forEach(function (el) { el.style.setProperty('min-width', '20rem', 'important'); }); } var _obs = null; function init() { if (window.__navFontPatchActive) return; window.__navFontPatchActive = true; patchNavFonts(); _obs = new MutationObserver(function (mutations) { for (var i = 0; i < mutations.length; i++) { if (mutations[i].addedNodes.length) { patchNavFonts(); break; } } }); _obs.observe(document.body, { childList: true, subtree: true }); } function destroy() { if (_obs) { _obs.disconnect(); _obs = null; } window.__navFontPatchActive = false; } init(); })(); /* ── 6. CONTACT FORM SERVICES FIELD FIX ─────────────────── (function () { 'use strict'; function patch() { document.querySelectorAll('[cmdk-input]').forEach(function (input) { // Remove border from the input itself — it's inherited from global CSS input.style.setProperty('border', 'none', 'important'); input.style.setProperty('outline', 'none', 'important'); input.style.setProperty('box-shadow', 'none', 'important'); input.style.setProperty('background', 'transparent', 'important'); input.style.setProperty('padding', '0', 'important'); input.style.setProperty('width', '100%', 'important'); // Fix the outer border container var container = input.closest('.min-h-10'); if (container) { container.style.setProperty('border', '1px solid rgba(255,255,255,0.2)', 'important'); container.style.setProperty('border-radius', 'var(--rounded-dynamic, 0.75rem)', 'important'); container.style.setProperty('background-color', 'rgb(var(--derivative-color-100))', 'important'); container.style.setProperty('box-shadow', 'none', 'important'); container.style.setProperty('padding', '0.75rem', 'important'); container.style.setProperty('min-height', '3rem', 'important'); container.style.setProperty('width', '100%', 'important'); } // Fix the cmdk-root wrapper — remove its own rounding/overflow interference var root = input.closest('[cmdk-root]'); if (root) { root.style.setProperty('overflow', 'visible', 'important'); root.style.setProperty('width', '100%', 'important'); } }); } new MutationObserver(patch).observe(document.body, { childList: true, subtree: true }); patch(); })(); */ (function () { function fixLinks() { document.querySelectorAll('a.grab-navbar-variant-1-menu-items-list-item[href="/"]').forEach(a => { a.removeAttribute('target'); a.removeAttribute('rel'); }); } fixLinks(); const observer = new MutationObserver(fixLinks); observer.observe(document.body, { childList: true, subtree: true }); })(); /********************************************************************/ (function () { function updatePlaceholder() { const input = document.querySelector('#name-Name'); if (input) { input.placeholder = 'Full Name'; return true; } return false; } if (updatePlaceholder()) return; const observer = new MutationObserver(() => { if (updatePlaceholder()) observer.disconnect(); }); observer.observe(document.body, { childList: true, subtree: true }); const patchHistory = (method) => { const original = history[method]; history[method] = function () { original.apply(this, arguments); setTimeout(updatePlaceholder, 300); }; }; patchHistory('pushState'); patchHistory('replaceState'); window.addEventListener('popstate', () => setTimeout(updatePlaceholder, 300)); })(); /*************************************************************************/ (function () { if (window.__ctaBlankRemoverInit) return; window.__ctaBlankRemoverInit = true; function removeBlankTargets() { document .querySelectorAll('a.grab-cta-buttons-primary[href="/contact-us"][target="_blank"]') .forEach(function (el) { el.removeAttribute("target"); }); } // Run on initial load removeBlankTargets(); // Watch for DOM changes (SPA route renders) var observer = new MutationObserver(removeBlankTargets); observer.observe(document.body, { childList: true, subtree: true }); // Patch History API for SPA navigation function patchHistory(method) { var original = history[method]; history[method] = function () { original.apply(this, arguments); removeBlankTargets(); }; } patchHistory("pushState"); patchHistory("replaceState"); window.addEventListener("popstate", removeBlankTargets); })(); var RoofOfferCardRedirect = (function () { var roofMutationObserver = null; function handleRoofCardClick(evt) { evt.preventDefault(); evt.stopPropagation(); window.location.href = '/contact-us'; } function bindRoofCards(roofRoot) { var roofCards = (roofRoot || document).querySelectorAll('.grab-offer-card'); roofCards.forEach(function (roofCard) { if (roofCard.hasAttribute('data-roof-offer-bound')) return; roofCard.setAttribute('data-roof-offer-bound', 'true'); roofCard.addEventListener('click', handleRoofCardClick); }); } function init(rootElement) { var roofRoot = rootElement || document; bindRoofCards(roofRoot); roofMutationObserver = new MutationObserver(function () { bindRoofCards(roofRoot); }); roofMutationObserver.observe(roofRoot, { childList: true, subtree: true }); } function destroy() { if (roofMutationObserver) roofMutationObserver.disconnect(); document.querySelectorAll('[data-roof-offer-bound]').forEach(function (roofCard) { roofCard.removeEventListener('click', handleRoofCardClick); roofCard.removeAttribute('data-roof-offer-bound'); }); } return { init: init, destroy: destroy }; })(); RoofOfferCardRedirect.init();

SHOWCASE

Our Projects

Your Roof Isn't Always the Problem - Sometimes It's the Chimney Flashing

That Gap Between Your Gutter and Roof Is Costing You

Your Newer Roof Is Leaking - Here's Why

Full roof replacement underway in the Timberlake community.