PageSourceSearch

https://www.contractorbear.com/

html contractorbear.com collected 2026-10-07 21:52:51 UTC 96,924 bytes, 140 lines download raw bytes

1<!DOCTYPE html><html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><link rel="icon" type="image/svg+xml" href="/favicon.svg"><meta name="impact-site-verification" value="8893eef0-5c7f-40d3-8d6b-607a7c353299"><!-- SEO --><title>Contractor Bear | Marketing for Home Service Contractors</title><meta name="description" content="Digital marketing for home service contractors. Free website + lead generation with performance-based pricing."><meta name="author" content="Contractor Bear"><link rel="canonical" href="https://www.contractorbear.com/"><meta name="robots" content="index, follow"><!-- Open Graph --><meta property="og:type" content="website"><meta property="og:url" content="https://www.contractorbear.com/"><meta property="og:title" content="Contractor Bear | Marketing for Home Service Contractors"><meta property="og:description" content="Digital marketing for home service contractors. Free website + lead generation with performance-based pricing."><meta property="og:image" content="https://www.contractorbear.com/images/contractor-bear-logo.png"><meta property="og:site_name" content="Contractor Bear"><meta property="og:locale" content="en_US"><!-- Twitter --><meta name="twitter:card" content="summary_large_image"><meta name="twitter:title" content="Contractor Bear | Marketing for Home Service Contractors"><meta name="twitter:description" content="Digital marketing for home service contractors. Free website + lead generation with performance-based pricing."><meta name="twitter:image" content="https://www.contractorbear.com/images/contractor-bear-logo.png"><meta name="twitter:site" content="@contractorbear"><!-- Fonts — Inter with extended weights for display headings (non-render-blocking) --><link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link rel="preload" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap"></noscript><!-- Schema.org -->
1<script type="application/ld+json">
2    {
3      "@context": "https://schema.org",
4      "@type": "ProfessionalService",
5      "name": "Contractor Bear",
6      "url": "https://www.contractorbear.com",
7      "logo": "https://www.contractorbear.com/images/contractor-bear-logo.png",
8      "image": "https://www.contractorbear.com/images/contractor-bear-logo.png",
9      "description": "Digital marketing agency exclusively serving home service contractors. Free custom websites, local SEO, lead generation, and performance-based marketing for plumbers, HVAC techs, electricians, roofers, and 8 more trades.",
10      "telephone": "+1-206-222-5825",
11      "email": "[email protected]",
12      "priceRange": "$500-$3,500/mo",
13      "areaServed": {
14        "@type": "Country",
15        "name": "United States"
16      },
17      "serviceType": [
18        "Digital Marketing",
19        "Local SEO",
20        "Lead Generation",
21        "Content Marketing",
22        "Google Ads Management",
23        "Website Design"
24      ],
25      "knowsAbout": [
26        "Plumber Marketing",
27        "HVAC Marketing",
28        "Electrician Marketing",
29        "Roofing Marketing",
30        "Home Service Contractor Marketing"
31      ],
32      "contactPoint": {
33        "@type": "ContactPoint",
34        "telephone": "+1-206-222-5825",
35        "contactType": "sales",
36        "email": "[email protected]",
37        "availableLanguage": "English"
38      },
39      "sameAs": [
40        "https://twitter.com/contractorbear",
41        "https://linkedin.com/company/contractorbear"
42      ]
43    }
44  </script>
44<!-- Analytics -->
44<script src="https://app.rybbit.io/api/script.js" data-site-id="669d04562d7c" defer></script>
44<link rel="stylesheet" href="/_astro/_slug_.C1hXKZLF.css">
45<link rel="stylesheet" href="/_astro/_pillar_.D5YGmzyw.css">
46<style>#main-header[data-astro-cid-3ef6ksr2][data-transparent=true].header-scrolled{background-color:#0f172ae6;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-shadow-color: rgb(0 0 0 / .1);--tw-shadow: var(--tw-shadow-colored);--tw-backdrop-blur: blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);border-bottom:1px solid rgba(255,255,255,.05)}#main-header[data-astro-cid-3ef6ksr2][data-transparent=false].header-scrolled{background-color:#fffffff2;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
46--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);--tw-backdrop-blur: blur(24px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.h-18[data-astro-cid-3ef6ksr2]{height:4.5rem}#mobile-menu[data-astro-cid-3ef6ksr2]{transition:max-height .4s ease-out,opacity .3s ease-out}#mobile-menu[data-astro-cid-3ef6ksr2].is-open{opacity:1}#mobile-services-panel[data-astro-cid-3ef6ksr2]{transition:max-height .3s ease-out,opacity .2s ease-out}
47.proof-marquee[data-astro-cid-bcts4zk3]{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent)}.proof-track[data-astro-cid-bcts4zk3]{display:flex;width:-moz-max-content;width:max-content}.proof-track--left[data-astro-cid-bcts4zk3]{animation:scroll-left 60s linear infinite}.proof-track--right[data-astro-cid-bcts4zk3]{animation:scroll-right 60s linear infinite}.proof-track-inner[data-astro-cid-bcts4zk3]{display:flex;gap:1rem;padding-right:1rem}.proof-img[data-astro-cid-bcts4zk3]{height:220px;width:auto;border-radius:.75rem;border:1px solid rgba(148,163,184,.2);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.proof-img--sm[data-astro-cid-bcts4zk3]{height:180px}.proof-track[data-astro-cid-bcts4zk3]:hover{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scroll-right{0%{transform:translate(-50%)}to{transform:translate(0)}}@media(max-width:640px){.proof-img[data-astro-cid-bcts4zk3]{height:160px}.proof-img--sm[data-astro-cid-bcts4zk3]{height:130px}}
48</style></head> <body class="min-h-screen bg-white text-slate-850 antialiased">  <header id="main-header" data-transparent="true" class="fixed top-0 left-0 right-0 z-50 transition-all duration-500 bg-transparent" data-astro-cid-3ef6ksr2> <nav class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" data-astro-cid-3ef6ksr2> <div class="flex justify-between items-center h-18 py-3" data-astro-cid-3ef6ksr2> <!-- Logo --> <a href="/" class="group" data-astro-cid-3ef6ksr2> <img src="/images/contractor-bear-logo.png" alt="Contractor Bear" width="180" height="72" fetchpriority="high" class="object-contain transition-all duration-300 group-hover:scale-105" style="height: 4.5rem;" data-astro-cid-3ef6ksr2> </a> <!-- Desktop Nav --> <div class="hidden md:flex items-center gap-1" data-astro-cid-3ef6ksr2> <!-- Services Dropdown --> <div class="relative group/services" data-astro-cid-3ef6ksr2> <a href="/services" class="relative px-4 py-2 text-sm font-medium tracking-wide transition-colors duration-200 rounded-lg flex items-center gap-1 text-white/70 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2>
49Services
50<svg class="w-3.5 h-3.5 transition-transform duration-200 group-hover/services:rotate-180" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-3ef6ksr2></path></svg> </a> <div class="absolute left-1/2 -translate-x-1/2 top-full pt-2 opacity-0 invisible group-hover/services:opacity-100 group-hover/services:visible transition-all duration-200 z-50" data-astro-cid-3ef6ksr2> <div class="bg-white rounded-xl border border-slate-200 shadow-card-lg p-4 w-[520px] grid grid-cols-2 gap-1" data-astro-cid-3ef6ksr2> <a href="/plumber-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🔧</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>Plumbers</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Plumbing marketing</div> </div> </a><a href="/hvac-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>❄️</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>HVAC</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Heating &amp; cooling marketing</div> </div> </a><a href="/electrician-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>⚡</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>Electricians</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Electrical marketing</div> </div> </a><a href="/roofing-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🏠</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>Roofers</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Roofing marketing</div> </div> </a><a href="/landscaping-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🌿</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>Landscapers</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Landscaping marketing</div> </div> </a><a href="/painting-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🎨</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>Painters</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Painting marketing</div> </div> </a><a href="/pest-control-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🐜</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>Pest Control</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Pest control marketing</div> </div> </a><a href="/cleaning-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🧹</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>House Cleaning</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Cleaning marketing</div> </div> </a><a href="/garage-door-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🚗</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>Garage Door</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Garage door marketing</div> </div> </a><a href="/fencing-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🏡</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>
50Fencing</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Fencing marketing</div> </div> </a><a href="/concrete-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🧱</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>Concrete</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>Concrete marketing</div> </div> </a><a href="/general-contractor-marketing" class="flex items-center gap-3 px-3 py-2.5 rounded-lg hover:bg-bear-50 transition-colors group/item" data-astro-cid-3ef6ksr2> <span class="text-lg" data-astro-cid-3ef6ksr2>🔨</span> <div data-astro-cid-3ef6ksr2> <div class="text-sm font-semibold text-slate-900 group-hover/item:text-bear-600 transition-colors" data-astro-cid-3ef6ksr2>General Contractors</div> <div class="text-xs text-slate-500" data-astro-cid-3ef6ksr2>GC marketing</div> </div> </a> <div class="col-span-2 mt-2 pt-3 border-t border-slate-100" data-astro-cid-3ef6ksr2> <a href="/services" class="flex items-center justify-center gap-2 px-3 py-2 rounded-lg text-sm font-medium text-bear-600 hover:bg-bear-50 transition-colors" data-astro-cid-3ef6ksr2>
51View all services
52<svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5l7 7-7 7" data-astro-cid-3ef6ksr2></path></svg> </a> </div> </div> </div> </div> <a href="/audit" class="relative px-4 py-2 text-sm font-medium tracking-wide transition-colors duration-200 rounded-lg text-white/70 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> Free Audit </a><a href="/pricing" class="relative px-4 py-2 text-sm font-medium tracking-wide transition-colors duration-200 rounded-lg text-white/70 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> Pricing </a><a href="/case-studies" class="relative px-4 py-2 text-sm font-medium tracking-wide transition-colors duration-200 rounded-lg text-white/70 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> Case Studies </a><a href="/blog" class="relative px-4 py-2 text-sm font-medium tracking-wide transition-colors duration-200 rounded-lg text-white/70 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> Blog </a><a href="/about" class="relative px-4 py-2 text-sm font-medium tracking-wide transition-colors duration-200 rounded-lg text-white/70 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> About </a><a href="/contact" class="relative px-4 py-2 text-sm font-medium tracking-wide transition-colors duration-200 rounded-lg text-white/70 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> Contact </a> <a href="/pricing" class="ml-3 btn-primary text-sm !rounded-full !px-5 !py-2.5" data-astro-cid-3ef6ksr2>
53Get Started
54</a> </div> <!-- Mobile menu button --> <button class="md:hidden relative w-10 h-10 flex items-center justify-center rounded-xl transition-all duration-200 text-white hover:bg-white/10" aria-label="Toggle menu" id="mobile-menu-btn" data-astro-cid-3ef6ksr2> <!-- Hamburger icon --> <svg id="menu-icon-open" class="w-5 h-5 transition-all duration-300" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16M4 12h16M4 18h16" data-astro-cid-3ef6ksr2></path> </svg> <!-- Close icon --> <svg id="menu-icon-close" class="w-5 h-5 absolute transition-all duration-300 opacity-0 scale-75" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" data-astro-cid-3ef6ksr2></path> </svg> </button> </div> </nav> <!-- Mobile menu --> <div id="mobile-menu" class="md:hidden overflow-hidden transition-all duration-400 ease-out" style="max-height: 0; opacity: 0;" data-astro-cid-3ef6ksr2> <div class="px-4 py-6 space-y-1 border-t bg-slate-900/95 backdrop-blur-xl border-white/10" data-astro-cid-3ef6ksr2> <!-- Mobile Services Accordion --> <div data-astro-cid-3ef6ksr2> <button id="mobile-services-btn" type="button" class="w-full flex items-center justify-between px-4 py-3 rounded-xl text-base font-medium transition-all duration-200 text-slate-300 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span data-astro-cid-3ef6ksr2>Services</span> <svg id="mobile-services-chevron" class="w-4 h-4 transition-transform duration-200" fill="none" stroke="currentColor" viewBox="0 0 24 24" data-astro-cid-3ef6ksr2><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" data-astro-cid-3ef6ksr2></path></svg> </button> <div id="mobile-services-panel" class="overflow-hidden transition-all duration-300 ease-out" style="max-height: 0; opacity: 0;" data-astro-cid-3ef6ksr2> <div class="pl-4 pr-2 py-2 grid grid-cols-2 gap-1" data-astro-cid-3ef6ksr2> <a href="/plumber-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🔧</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Plumbers</span> </a><a href="/hvac-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>❄️</span> <span class="font-medium" data-astro-cid-3ef6ksr2>HVAC</span> </a><a href="/electrician-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>⚡</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Electricians</span> </a><a href="/roofing-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🏠</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Roofers</span> </a><a href="/landscaping-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🌿</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Landscapers</span> </a><a href="/painting-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🎨</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Painters</span> </a><a href="/pest-control-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🐜</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Pest Control</span> </a><a href="/cleaning-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🧹</span> <span class="font-medium" data-astro-cid-3ef6ksr2>House Cleaning</span> </a><a href="/garage-door-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🚗</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Garage Door</span> </a><a href="/fencing-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🏡</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Fencing</span> </a><a href="/concrete-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🧱</span> <span class="font-medium" data-astro-cid-3ef6ksr2>Concrete</span> </a><a href="/general-contractor-marketing" class="flex items-center gap-2 px-3 py-2.5 rounded-lg transition-colors text-sm text-slate-400 hover:text-white hover:bg-white/10" data-astro-cid-3ef6ksr2> <span class="text-base" data-astro-cid-3ef6ksr2>🔨</span> <span class="font-medium" data-astro-cid-3ef6ksr2>General Contractors</span> </a> </div> <a href="/services" class="block mx-4 mb-2 px-4 py-2 rounded-lg text-sm font-medium text-center transition-colors text-bear-400 hover:bg-white/10" data-astro-cid-3ef6ksr2>
55View all services →
56</a> </div> </div> <!-- Other mobile nav links --> <a href="/audit" class="block px-4 py-3 rounded-xl text-base font-medium transition-all duration-200 text-slate-300 hover:text-white hover:bg-white/10" style="transition-delay: 50ms;" data-astro-cid-3ef6ksr2> Free Audit </a><a href="/pricing" class="block px-4 py-3 rounded-xl text-base font-medium transition-all duration-200 text-slate-300 hover:text-white hover:bg-white/10" style="transition-delay: 100ms;" data-astro-cid-3ef6ksr2> Pricing </a><a href="/case-studies" class="block px-4 py-3 rounded-xl text-base font-medium transition-all duration-200 text-slate-300 hover:text-white hover:bg-white/10" style="transition-delay: 150ms;" data-astro-cid-3ef6ksr2> Case Studies </a><a href="/blog" class="block px-4 py-3 rounded-xl text-base font-medium transition-all duration-200 text-slate-300 hover:text-white hover:bg-white/10" style="transition-delay: 200ms;" data-astro-cid-3ef6ksr2> Blog </a><a href="/about" class="block px-4 py-3 rounded-xl text-base font-medium transition-all duration-200 text-slate-300 hover:text-white hover:bg-white/10" style="transition-delay: 250ms;" data-astro-cid-3ef6ksr2> About </a><a href="/contact" class="block px-4 py-3 rounded-xl text-base font-medium transition-all duration-200 text-slate-300 hover:text-white hover:bg-white/10" style="transition-delay: 300ms;" data-astro-cid-3ef6ksr2> Contact </a> <div class="pt-3" data-astro-cid-3ef6ksr2> <a href="/pricing" class="block btn-primary text-center" data-astro-cid-3ef6ksr2>
57Get Started
58</a> </div> </div> </div> </header> <!-- Header scroll styling -->  
58<script type="module">const c=document.getElementById("mobile-menu-btn"),e=document.getElementById("mobile-menu"),s=document.getElementById("menu-icon-open"),l=document.getElementById("menu-icon-close");let n=!1;c?.addEventListener("click",()=>{n=!n,e&&(n?(e.style.maxHeight=e.scrollHeight+"px",e.style.opacity="1",e.classList.add("is-open")):(e.style.maxHeight="0",e.style.opacity="0",e.classList.remove("is-open"))),s&&l&&(n?(s.style.opacity="0",s.style.transform="scale(0.75) rotate(90deg)",l.style.opacity="1",l.style.transform="scale(1) rotate(0deg)"):(s.style.opacity="1",s.style.transform="scale(1) rotate(0deg)",l.style.opacity="0",l.style.transform="scale(0.75) rotate(-90deg)"))});const a=document.getElementById("mobile-services-btn"),t=document.getElementById("mobile-services-panel"),i=document.getElementById("mobile-services-chevron");let o=!1;a?.addEventListener("click",()=>{o=!o,t&&(o?(t.style.maxHeight=t.scrollHeight+"px",t.style.opacity="1"):(t.style.maxHeight="0",t.style.opacity="0")),i&&(i.style.transform=o?"rotate(180deg)":"rotate(0deg)"),e&&n&&requestAnimationFrame(()=>{e.style.maxHeight=e.scrollHeight+"px"})});</script>
58 <main> <!-- ============================================ --> <!-- HERO SECTION                                 --> <!-- ============================================ --> <section class="relative min-h-screen flex items-center bg-gradient-to-br from-slate-950 via-slate-900 to-slate-800 overflow-hidden"> <!-- Background layers --> <div class="absolute inset-0"> <img src="/images/hero-bg.webp" alt="" class="w-full h-full object-cover opacity-20" fetchpriority="high" decoding="async"> </div> <div class="absolute inset-0 bg-gradient-to-b from-slate-950/60 via-slate-900/80 to-slate-900"></div> <div class="absolute inset-0 bg-dots-pattern-dark opacity-50"></div> <!-- Radial orange glow --> <div class="absolute top-1/3 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[800px] h-[600px] bg-radial-orange pointer-events-none"></div> <!-- Bottom fade to next section --> <div class="absolute bottom-0 left-0 right-0 h-32 bg-gradient-to-t from-slate-50 to-transparent"></div> <div class="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-32 sm:py-36 text-center w-full"> <!-- Badge --> <div class="animate-on-scroll inline-flex items-center gap-2 bg-white/[0.06] backdrop-blur-sm border border-white/[0.08] rounded-full px-5 py-2 mb-8"> <span class="w-2 h-2 rounded-full bg-green-400 animate-pulse"></span> <span class="text-slate-300 text-sm font-medium">Start at $500/mo. Auto-upgrade only when we deliver.</span> </div> <!-- Main headline --> <h1 class="animate-on-scroll delay-100 text-4xl sm:text-5xl lg:text-7xl font-extrabold text-white mb-6 leading-[1.1] tracking-tight">
59Own Your Lead Generation.<br> <span class="text-gradient-orange">Stop Renting It.</span> </h1> <!-- Subtitle --> <p class="animate-on-scroll delay-200 text-lg sm:text-xl text-slate-400 mb-10 max-w-2xl mx-auto leading-relaxed">
60Marketing systems <strong class="text-white font-semibold">you own</strong> — SEO, websites, and Google Business profiles that generate
61<strong class="text-white font-semibold">exclusive leads at $25 instead of $100+</strong>.
62          Tiers from <strong class="text-white font-semibold">$500/mo to $3,500/mo</strong> that auto-upgrade only when our marketing delivers more leads. Free custom website at the $1,500 tier and above.
63</p> <!-- CTA buttons --> <div class="animate-on-scroll delay-300 flex flex-col sm:flex-row gap-4 justify-center"> <a href="/pricing" data-cta="hero_pricing" class="hero-cta btn-primary-lg shadow-[0_0_30px_rgba(237,117,26,0.3)] hover:shadow-[0_0_50px_rgba(237,117,26,0.45)]">
64See Pricing &#x2192;
65</a> <a href="#video" data-cta="hero_video" class="hero-cta btn-secondary-lg">
66Watch the Video
67</a> </div> <p class="animate-on-scroll delay-400 text-slate-500 text-xs mt-4 font-medium">
68Your price only goes up after your lead flow does. No revenue share, no surprise billing.
69</p> <!-- Stats ticker --> <div class="animate-on-scroll delay-500 mt-20 max-w-4xl mx-auto"> <div class="glass rounded-2xl p-6 sm:p-8"> <div class="grid grid-cols-2 md:grid-cols-4 gap-6 md:gap-0 md:divide-x md:divide-white/10"> <div class="text-center px-4"> <div class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white stat-counter" data-target="25" data-prefix="$">0</div> <div class="text-xs sm:text-sm text-slate-400 uppercase tracking-wider font-medium mt-2">Avg Cost Per Lead</div> </div> <div class="text-center px-4"> <div class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white stat-counter" data-target="23" data-suffix="%">0</div> <div class="text-xs sm:text-sm text-slate-400 uppercase tracking-wider font-medium mt-2">Conversion Rate</div> </div> <div class="text-center px-4"> <div class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white stat-counter" data-target="30">0</div> <div class="text-xs sm:text-sm text-slate-400 uppercase tracking-wider font-medium mt-2">Days to Results</div> </div> <div class="text-center px-4"> <div class="text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white stat-counter" data-target="150" data-suffix="+">0</div> <div class="text-xs sm:text-sm text-slate-400 uppercase tracking-wider font-medium mt-2">Contractors Served</div> </div> </div> </div> </div> </div> </section> <!-- ============================================ --> <!-- FREE AUDIT — Below Hero                      --> <!-- ============================================ --> <section class="py-14 bg-slate-50"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-8"> <h2 class="text-2xl sm:text-3xl font-extrabold text-slate-900 tracking-tight">
70Get Your Free Local SEO Audit
71</h2> <p class="text-slate-500 mt-2 text-base">
72See exactly where you're losing leads to your top 3 competitors. PDF delivered within 24 hours.
73</p> </div> <div class="flex justify-center"> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
73<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).load=e;window.dispatchEvent(new Event("astro:load"));})();</script>
73<script>(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
73<astro-island uid="Z21RFji" component-url="/_astro/GeneralAuditForm.BFqSuLVo.js" component-export="default" renderer-url="/_astro/client.4TJVpnH5.js" props="{&quot;source&quot;:[0,&quot;Homepage Below Hero&quot;]}" ssr client="load" opts="{&quot;name&quot;:&quot;GeneralAuditForm&quot;,&quot;value&quot;:true}" await-children><div class="bg-white rounded-2xl shadow-2xl p-6 sm:p-7 text-left max-w-md mx-auto border border-white/10"><div class="mb-5"><div class="inline-flex items-center gap-1.5 bg-orange-50 border border-orange-100 rounded-full px-3 py-1 mb-3"><span class="w-1.5 h-1.5 rounded-full bg-orange-500 animate-pulse"></span><span class="text-orange-700 text-xs font-semibold uppercase tracking-wide">Free · 90 seconds</span></div><h3 class="text-xl sm:text-2xl font-extrabold text-slate-900 leading-tight">Get Your Free Local SEO Audit</h3><p class="text-sm text-slate-500 mt-1.5">See exactly where you're losing leads to your top 3 competitors. PDF delivered within 24 hours.</p><div class="flex items-center gap-2 mt-3"><span class="text-xs text-slate-500 font-medium">Step 1 of 2</span><span class="w-2 h-2 rounded-full bg-orange-500"></span><span class="w-2 h-2 rounded-full bg-slate-200"></span></div></div><form class="space-y-2.5"><div><input type="text" placeholder="e.g. Johnston Plumbing" value required autocomplete="organization" class="w-full px-4 py-2.5 rounded-lg border border-slate-300 text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm"/><label class="block text-xs text-slate-500 mt-1 ml-1">Business name</label></div><div><input type="url" placeholder="https://yoursite.com" value required autocomplete="url" class="w-full px-4 py-2.5 rounded-lg border text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm transition-opacity border-slate-300"/><label class="block text-xs text-slate-500 mt-1 ml-1">Website URL (required)</label></div><label class="flex items-center gap-2 cursor-pointer"><input type="checkbox" class="w-4 h-4 rounded border-slate-300 text-orange-500 focus:ring-orange-500"/><span class="text-sm text-slate-600">I don't have a website yet</span></label><div><input type="url" placeholder="https://maps.google.com/..." value autocomplete="off" class="w-full px-4 py-2.5 rounded-lg border border-slate-300 text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm"/><p class="text-xs text-slate-400 mt-1 ml-1">Google Business listing URL (optional) — helps us find your listing faster</p></div><select required class="w-full px-4 py-2.5 rounded-lg border border-slate-300 text-slate-900 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm bg-white"><option selected value disabled>Select your trade</option><option value="Plumber">Plumber</option><option value="HVAC">HVAC</option><option value="Electrician">Electrician</option><option value="Roofer">Roofer</option><option value="Landscaper">Landscaper</option><option value="Painter">Painter</option><option value="Pest Control">Pest Control</option><option value="Cleaning">Cleaning</option><option value="Garage Door">Garage Door</option><option value="Fencing">Fencing</option><option value="Concrete">Concrete</option><option value="General Contractor">General Contractor</option></select><div class="grid grid-cols-2 gap-2.5"><input type="text" placeholder="City" value required autocomplete="address-level2" class="w-full px-4 py-2.5 rounded-lg border border-slate-300 text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm"/><input type="text" placeholder="State (e.g. TX)" value required maxlength="2" autocomplete="address-level1" class="w-full px-4 py-2.5 rounded-lg border border-slate-300 text-slate-900 placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm uppercase"/></div><button type="submit" disabled class="w-full px-6 py-3 bg-orange-500 hover:bg-orange-600 text-white font-bold rounded-lg transition-colors duration-150 disabled:opacity-50 disabled:cursor-not-allowed text-base shadow-sm">Continue →</button><p class="text-slate-400 text-xs text-center pt-1">No spam. We only contact you about your audit.</p></form></div><!--astro:end--></astro-island> </div> </div> </section> <!-- ============================================ --> <!-- VIDEO SECTION                                --> <!-- ============================================ --> <section id="video" class="relative py-24 sm:py-32 bg-white overflow-hidden"> <div class="absolute inset-0 bg-dots-pattern"></div> <div class="relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-14"> <h2 class="animate-on-scroll section-heading">
74How Contractors Build a 24/7 Lead Engine That Replaces Ads, Angi, and Thumbtack
75</h2> <p class="animate-on-scroll delay-100 section-subheading">
76Watch the 7-minute breakdown: owned channels, higher close rates, and leads that cost less every month.
77</p> </div> <!-- Video embed --> <div class="animate-on-scroll-scale delay-200"> <div class="p-1 bg-gradient-to-br from-bear-500/40 via-bear-500/10 to-transparent roun
77ded-2xl shadow-[0_0_60px_rgba(237,117,26,0.1)]"> <div class="rounded-xl overflow-hidden"> <div style="position: relative; height: 0; padding-bottom: 62.81%;"> <iframe style="position: absolute; width: 100%; height: 100%; left: 0;" allow="autoplay; encrypted-media; picture-in-picture" src="https://dubb.com/v/WqPlAD/embed?width=auto&height=auto&autoplay=0&no_cta=0&no_controls=0&muted=0" width="auto" height="auto" frameborder="0" allowfullscreen></iframe> </div> </div> </div> </div> <div class="mt-10 text-center animate-on-scroll delay-300"> <a href="/pricing" class="btn-primary-lg">
78Get Your Free Website &#x2192;
79</a> <p class="text-slate-500 text-sm mt-4">No credit card required for the video. Free website with any package.</p> </div> </div> </section> <!-- ============================================ --> <!-- SOCIAL PROOF                                 --> <!-- ============================================ --> <section class="py-16 sm:py-20 bg-gradient-to-b from-slate-50 to-white overflow-hidden" data-astro-cid-bcts4zk3> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8" data-astro-cid-bcts4zk3> <div class="text-center mb-12" data-astro-cid-bcts4zk3> <h2 class="animate-on-scroll section-heading" data-astro-cid-bcts4zk3>Real Results. Real Contractors.</h2> <p class="animate-on-scroll delay-100 section-subheading" data-astro-cid-bcts4zk3>
80Screenshots from our actual client dashboards and conversations. No stock photos, no fake numbers.
81</p> </div> </div> <!-- Row 1: scrolls left --> <div class="proof-marquee mb-4" data-astro-cid-bcts4zk3> <div class="proof-track proof-track--left" data-astro-cid-bcts4zk3> <div class="proof-track-inner" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-3.webp" alt="Roofing case study: $221 per lead, 356 conversions in 90 days" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-9.webp" alt="Client text: 6 booked appointments in 36 hours" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-4.webp" alt="Roofing case study: $74 per lead, 111 conversions in 180 days" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-12.webp" alt="Client text: biggest job, can't keep up" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-5.webp" alt="Roofing case study: $57 per lead, 140 conversions" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-10.webp" alt="Client message: signed contract off 2nd lead" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> </div> <div class="proof-track-inner" aria-hidden="true" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-3.webp" alt="" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-9.webp" alt="" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-4.webp" alt="" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-12.webp" alt="" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-5.webp" alt="" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-10.webp" alt="" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> </div> </div> </div> <!-- Row 2: scrolls right --> <div class="proof-marquee" data-astro-cid-bcts4zk3> <div class="proof-track proof-track--right" data-astro-cid-bcts4zk3> <div class="proof-track-inner" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-6.webp" alt="Roofing case study: $94 per lead, 309 conversions in 60 days" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-1.webp" alt="Client text: 3.6M industrial facility job from the site" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-8.webp" alt="Roofing case study: $274 per lead, 95 conversions in 60 days" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-13.webp" alt="Client text: higher quality leads than competitors" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-7.webp" alt="Roofing case study: $99 per lead, 53 conversions" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-11.webp" alt="Client text: impressed, keep the leads rolling" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> </div> <div class="proof-track-inner" aria-hidden="true" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-6.webp" alt="" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-1.webp" alt="" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-8.webp" alt="" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-13.webp" alt="" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-7.webp" alt="" class="proof-img" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> <img src="/images/contractor-bear-client-proof-11.webp" alt="" class="proof-img proof-img--sm" loading="lazy" decoding="async" data-astro-cid-bcts4zk3> </div> </div> </div> </section>  <!-- ============================================ --> <!-- INDUSTRIES WE SERVE                          --> <!-- ============================================ --> <section class="py-16 sm:py-20 bg-white"> <div class="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-12"> <h2 class="animate-on-scroll text-3xl sm:text-4xl font-extrabold text-slate-900 tracking-tight">
82Contractor SEO, Lead Generation &amp; Marketing for Every Trade
83</h2> <p class="animate-on-scroll delay-100 text-lg text-slate-500 mt-3 max-w-2xl mx-auto">
8412 trades. One playbook: build digital assets you own that generate exclusive leads and compound in value every month.
85</p> </div> <div class="grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-4 gap-4"> <a href="/plumber-marketing" class="animate-on-scroll delay-100 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F527;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Plumbers</h3> <p class="text-xs text-slate-500 mt-1">$350 avg job</p> </a> <a href="/hvac-marketing" class="animate-on-scroll delay-150 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x2744;&#xFE0F;
85</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">HVAC</h3> <p class="text-xs text-slate-500 mt-1">$450 avg job</p> </a> <a href="/electrician-marketing" class="animate-on-scroll delay-200 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x26A1;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Electricians</h3> <p class="text-xs text-slate-500 mt-1">$400 avg job</p> </a> <a href="/roofing-marketing" class="animate-on-scroll delay-250 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F3E0;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Roofers</h3> <p class="text-xs text-slate-500 mt-1">$8,500 avg job</p> </a> <a href="/landscaping-marketing" class="animate-on-scroll delay-300 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F33F;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Landscapers</h3> <p class="text-xs text-slate-500 mt-1">$2,500 avg job</p> </a> <a href="/painting-marketing" class="animate-on-scroll delay-350 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F3A8;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Painters</h3> <p class="text-xs text-slate-500 mt-1">$3,000 avg job</p> </a> <a href="/pest-control-marketing" class="animate-on-scroll delay-400 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F41C;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Pest Control</h3> <p class="text-xs text-slate-500 mt-1">$175 avg job</p> </a> <a href="/cleaning-marketing" class="animate-on-scroll delay-450 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F9F9;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">House Cleaning</h3> <p class="text-xs text-slate-500 mt-1">$150 avg job</p> </a> <a href="/garage-door-marketing" class="animate-on-scroll delay-500 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F697;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Garage Door</h3> <p class="text-xs text-slate-500 mt-1">$450 avg job</p> </a> <a href="/fencing-marketing" class="animate-on-scroll delay-550 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F3E1;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Fencing</h3> <p class="text-xs text-slate-500 mt-1">$3,500 avg job</p> </a> <a href="/concrete-marketing" class="animate-on-scroll delay-600 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F9F1;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">Concrete</h3> <p class="text-xs text-slate-500 mt-1">$5,000 avg job</p> </a> <a href="/general-contractor-marketing" class="animate-on-scroll delay-700 group block bg-white rounded-xl border border-slate-200/80 p-5 hover:shadow-card hover:border-bear-200 transition-all duration-200 text-center"> <span class="text-3xl block mb-3">&#x1F528;</span> <h3 class="font-bold text-slate-900 group-hover:text-bear-600 transition-colors">General Contractors</h3> <p class="text-xs text-slate-500 mt-1">$25,000 avg job</p> </a> </div> </div> </section> <!-- ============================================ --> <!-- COST COMPARISON                              --> <!-- ============================================ --> <section class="relative py-24 sm:py-32 bg-white overflow-hidden"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16"> <h2 class="animate-on-scroll section-heading">
86Why Renting Leads Kills Your Profits
87</h2> <p class="animate-on-scroll delay-100 section-subheading">
88Platforms like Google Ads, Angi, and HomeAdvisor charge you more every year for shared leads. Owned channels cost less and close 2-3x higher.
89</p> </div> <!-- Visual cost comparison cards --> <div class="space-y-4"> <!-- Google Ads --> <div class="animate-on-scroll delay-100 bg-white rounded-2xl border border-slate-200/80 p-5 sm:p-6 shadow-card hover:shadow-card-hover transition-shadow duration-300"> <div class="flex flex-col sm:flex-row sm:items-center gap-4"> <div class="sm:w-40 shrink-0"> <span class="text-base font-semibold text-slate-900">Google Ads</span> </div> <div class="flex-1"> <div class="flex items-center gap-3 mb-2">
89 <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Cost/Lead</span> <div class="flex-1 bg-slate-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-red-400 to-red-500 rounded-full" data-width="85%" style="width: 0%;"></div> </div> <span class="text-sm font-semibold text-red-600 w-28 text-right">$45 - $150</span> </div> <div class="flex items-center gap-3"> <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Close Rate</span> <div class="flex-1 bg-slate-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-red-300 to-red-400 rounded-full" data-width="12%" style="width: 0%;"></div> </div> <span class="text-sm font-medium text-slate-500 w-28 text-right">8 - 12%</span> </div> </div> <div class="sm:w-44 shrink-0 text-right"> <span class="text-xs text-slate-400 uppercase tracking-wider font-medium">Cost/Customer</span> <div class="text-lg font-bold text-red-600">$375 - $1,875</div> </div> </div> </div> <!-- Facebook Ads --> <div class="animate-on-scroll delay-200 bg-white rounded-2xl border border-slate-200/80 p-5 sm:p-6 shadow-card hover:shadow-card-hover transition-shadow duration-300"> <div class="flex flex-col sm:flex-row sm:items-center gap-4"> <div class="sm:w-40 shrink-0"> <span class="text-base font-semibold text-slate-900">Facebook Ads</span> </div> <div class="flex-1"> <div class="flex items-center gap-3 mb-2"> <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Cost/Lead</span> <div class="flex-1 bg-slate-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-red-300 to-red-400 rounded-full" data-width="55%" style="width: 0%;"></div> </div> <span class="text-sm font-semibold text-red-600 w-28 text-right">$25 - $80</span> </div> <div class="flex items-center gap-3"> <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Close Rate</span> <div class="flex-1 bg-slate-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-red-300 to-red-400 rounded-full" data-width="8%" style="width: 0%;"></div> </div> <span class="text-sm font-medium text-slate-500 w-28 text-right">5 - 8%</span> </div> </div> <div class="sm:w-44 shrink-0 text-right"> <span class="text-xs text-slate-400 uppercase tracking-wider font-medium">Cost/Customer</span> <div class="text-lg font-bold text-red-600">$312 - $1,600</div> </div> </div> </div> <!-- HomeAdvisor --> <div class="animate-on-scroll delay-300 bg-white rounded-2xl border border-slate-200/80 p-5 sm:p-6 shadow-card hover:shadow-card-hover transition-shadow duration-300"> <div class="flex flex-col sm:flex-row sm:items-center gap-4"> <div class="sm:w-40 shrink-0"> <span class="text-base font-semibold text-slate-900">HomeAdvisor</span> </div> <div class="flex-1"> <div class="flex items-center gap-3 mb-2"> <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Cost/Lead</span> <div class="flex-1 bg-slate-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-orange-300 to-red-400 rounded-full" data-width="60%" style="width: 0%;"></div> </div> <span class="text-sm font-semibold text-red-600 w-28 text-right">$25 - $100</span> </div> <div class="flex items-center gap-3"> <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Close Rate</span> <div class="flex-1 bg-slate-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-orange-300 to-orange-400 rounded-full" data-width="10%" style="width: 0%;"></div> </div> <span class="text-sm font-medium text-slate-500 w-28 text-right">6 - 10%</span> </div> </div> <div class="sm:w-44 shrink-0 text-right"> <span class="text-xs text-slate-400 uppercase tracking-wider font-medium">Cost/Customer</span> <div class="text-lg font-bold text-red-600">$250 - $1,667</div> </div> </div> </div> <!-- SEO (Winner) --> <div class="animate-on-scroll delay-400 relative bg-green-50/50 rounded-2xl border-2 border-green-200 p-5 sm:p-6 shadow-card hover:shadow-card-hover transition-shadow duration-300"> <div class="absolute -top-3 left-6"> <span class="bg-green-500 text-white text-xs font-bold uppercase tracking-wider px-3 py-1 rounded-full">Best Value</span> </div> <div class="flex flex-col sm:flex-row sm:items-center gap-4"> <div class="sm:w-40 shrink-0"> <span class="text-base font-bold text-slate-900">SEO (Organic)</span> </div> <div class="flex-1"> <div class="flex items-center gap-3 mb-2">
89 <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Cost/Lead</span> <div class="flex-1 bg-green-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-green-400 to-green-500 rounded-full" data-width="25%" style="width: 0%;"></div> </div> <span class="text-sm font-bold text-green-600 w-28 text-right">$15 - $40</span> </div> <div class="flex items-center gap-3"> <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Close Rate</span> <div class="flex-1 bg-green-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-green-400 to-green-500 rounded-full" data-width="25%" style="width: 0%;"></div> </div> <span class="text-sm font-bold text-green-600 w-28 text-right">15 - 25%</span> </div> </div> <div class="sm:w-44 shrink-0 text-right"> <span class="text-xs text-green-500 uppercase tracking-wider font-medium">Cost/Customer</span> <div class="text-lg font-bold text-green-600">$60 - $267</div> </div> </div> </div> <!-- Google Business Profile (Winner) --> <div class="animate-on-scroll delay-500 relative bg-green-50/50 rounded-2xl border-2 border-green-200 p-5 sm:p-6 shadow-card hover:shadow-card-hover transition-shadow duration-300"> <div class="absolute -top-3 left-6"> <span class="bg-green-500 text-white text-xs font-bold uppercase tracking-wider px-3 py-1 rounded-full">Best Value</span> </div> <div class="flex flex-col sm:flex-row sm:items-center gap-4"> <div class="sm:w-40 shrink-0"> <span class="text-base font-bold text-slate-900">Google Business</span> </div> <div class="flex-1"> <div class="flex items-center gap-3 mb-2"> <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Cost/Lead</span> <div class="flex-1 bg-green-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-green-400 to-emerald-500 rounded-full" data-width="16%" style="width: 0%;"></div> </div> <span class="text-sm font-bold text-green-600 w-28 text-right">$10 - $25</span> </div> <div class="flex items-center gap-3"> <span class="text-sm font-medium text-slate-500 w-28 shrink-0">Close Rate</span> <div class="flex-1 bg-green-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-green-400 to-emerald-500 rounded-full" data-width="30%" style="width: 0%;"></div> </div> <span class="text-sm font-bold text-green-600 w-28 text-right">20 - 30%</span> </div> </div> <div class="sm:w-44 shrink-0 text-right"> <span class="text-xs text-green-500 uppercase tracking-wider font-medium">Cost/Customer</span> <div class="text-lg font-bold text-green-600">$33 - $125</div> </div> </div> </div> <!-- Doing Nothing --> <div class="animate-on-scroll delay-600 bg-red-50/50 rounded-2xl border border-red-200/60 p-5 sm:p-6"> <div class="flex flex-col sm:flex-row sm:items-center gap-4"> <div class="sm:w-40 shrink-0"> <span class="text-base font-semibold text-slate-900">Doing Nothing</span> </div> <div class="flex-1"> <div class="flex items-center gap-3"> <div class="flex-1 bg-red-100 rounded-full h-5 overflow-hidden"> <div class="animate-bar h-full bg-gradient-to-r from-red-400 to-red-600 rounded-full" data-width="100%" style="width: 0%;"></div> </div> </div> </div> <div class="sm:w-44 shrink-0 text-right"> <div class="text-lg font-bold text-red-600">Business Death &#x1f480;</div> </div> </div> </div> </div> <div class="animate-on-scroll delay-200 mt-10 text-center"> <p class="text-lg text-slate-600 max-w-3xl mx-auto leading-relaxed"> <strong class="text-slate-900">The math is clear:</strong> SEO + Google Business delivers the lowest cost per customer,
90            with leads that actually close.
91</p> </div> </div> </section> <!-- ============================================ --> <!-- LEAD MAGNET                                  --> <!-- ============================================ --> <section class="py-16 bg-white"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8"> 
91<script>(()=>{var a=(s,i,o)=>{let r=async()=>{await(await s())()},t=typeof i.value=="object"?i.value:void 0,c={rootMargin:t==null?void 0:t.rootMargin},n=new IntersectionObserver(e=>{for(let l of e)if(l.isIntersecting){n.disconnect(),r();break}},c);for(let e of o.children)n.observe(e)};(self.Astro||(self.Astro={})).visible=a;window.dispatchEvent(new Event("astro:visible"));})();</script>
91<astro-island uid="1KDnq0" component-url="/_astro/LeadMagnetForm.C1-7DR5M.js" component-export="default" renderer-url="/_astro/client.4TJVpnH5.js" props="{&quot;variant&quot;:[0,&quot;banner&quot;],&quot;source&quot;:[0,&quot;Homepage Mid-Page&quot;]}" ssr client="visible" opts="{&quot;name&quot;:&quot;LeadMagnetForm&quot;,&quot;value&quot;:true}" await-children><div class="bg-gradient-to-r from-slate-900 to-slate-800 rounded-2xl p-8 md:p-12"><div class="flex flex-col md:flex-row items-center gap-8"><div class="flex-1 text-center md:text-left"><div class="inline-flex items-center gap-2 bg-orange-500/10 border border-orange-500/20 rounded-full px-4 py-1.5 mb-4"><span class="text-orange-400 text-sm font-medium">FREE DOWNLOAD</span></div><h3 class="text-2xl md:text-3xl font-bold text-white mb-3">Free: Local SEO Playbook for Contractors</h3><p class="text-slate-400 text-base">The exact strategies top contractors use to dominate Google Maps. Get it free — delivered to your inbox.</p></div><form class="w-full md:w-auto flex flex-col gap-3 min-w-[320px]"><input type="text" placeholder="Your name" value required class="px-4 py-3 rounded-lg bg-white/10 border border-white/10 text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm"/><input type="email" placeholder="Your best email" value required class="px-4 py-3 rounded-lg bg-white/10 border border-white/10 text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm"/><button type="submit" class="px-6 py-3.5 bg-orange-500 hover:bg-orange-600 text-white font-bold rounded-lg transition-colors duration-150 disabled:opacity-60 text-base">Send Me the Playbook</button><p class="text-slate-500 text-xs text-center">No spam. Unsubscribe anytime.</p></form></div></div><!--astro:end--></astro-island> </div> </section> <!-- ============================================ --> <!-- HOW IT WORKS — Timeline                      --> <!-- ============================================ --> <section class="relative py-24 sm:py-32 bg-gradient-to-b from-slate-50 to-white overflow-hidden"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-20"> <h2 class="animate-on-scroll section-heading">
92From Zero to 30+ Exclusive Leads/Month in 90 Days
93</h2> <p class="animate-on-scroll delay-100 section-subheading">
94We build your owned marketing infrastructure in phases — each one reduces your cost per lead and increases your profit margins.
95</p> </div> <!-- Timeline --> <div class="relative"> <!-- Vertical timeline line (desktop) --> <div class="hidden md:block absolute left-1/2 top-0 bottom-0 w-px bg-gradient-to-b from-bear-200 via-bear-500 to-bear-200 -translate-x-1/2"></div> <!-- Vertical timeline line (mobile) --> <div class="md:hidden absolute left-8 top-0 bottom-0 w-px bg-gradient-to-b from-bear-200 via-bear-500 to-bear-200"></div> <!-- Phase 1 --> <div class="relative mb-16 md:mb-20"> <div class="flex flex-col md:flex-row md:items-center gap-8"> <!-- Left side content (desktop) --> <div class="hidden md:block md:w-1/2 md:pr-16 md:text-right"> <div class="animate-on-scroll-right"> <span class="text-sm font-semibold text-bear-500 uppercase tracking-wider">Month 1-2</span> <h3 class="text-2xl font-bold text-slate-900 mt-2 mb-4">Foundation</h3> <p class="text-slate-600 leading-relaxed">
96We build your custom website, optimize your Google Business Profile, and set up your review generation system. You start getting leads immediately.
97</p> </div> </div> <!-- Center node --> <div class="absolute left-8 md:left-1/2 -translate-x-1/2 w-16 h-16 bg-bear-500 rounded-full flex items-center justify-center text-white font-bold text-xl shadow-glow-orange z-10">
981
99</div> <!-- Right side (empty on desktop, content on mobile) --> <div class="md:w-1/2 md:pl-16 pl-24"> <div class="md:hidden animate-on-scroll"> <span class="text-sm font-semibold text-bear-500 uppercase tracking-wider">Month 1-2</span> <h3 class="text-2xl font-bold text-slate-900 mt-2 mb-4">Foundation</h3> <p class="text-slate-600 leading-relaxed">
100We build your custom website, optimize your Google Business Profile, and set up your review generation system. You start getting leads immediately.
101</p> </div> </div> </div> </div> <!-- Phase 2 --> <div class="relative mb-16 md:mb-20"> <div class="flex flex-col md:flex-row md:items-center gap-8"> <!-- Left side (empty on desktop) --> <div class="md:w-1/2 md:pr-16"></div> <!-- Center node --> <div class="absolute left-8 md:left-1/2 -translate-x-1/2 w-16 h-16 bg-bear-500 rounded-full flex items-center justify-center text-white font-bold text-xl shadow-glow-orange z-10">
1022
103</div> <!-- Right side content --> <div class="md:w-1/2 md:pl-16 pl-24"> <div class="animate-on-scroll"> <span class="text-sm font-semibold text-bear-500 uppercase tracking-wider">Month 3-4</span> <h3 class="text-2xl font-bold text-slate-900 mt-2 mb-4">Growth</h3> <p class="text-slate-600 leading-relaxed">
104Content marketing kicks in. You start ranking for "[your service] + [your city]" searches. Lead volume increases as your organic visibility grows.
105</p> </div> </div> </div> </div> <!-- Phase 3 --> <div class="relative"> <div class="flex flex-col md:flex-row md:items-center gap-8"> <!-- Left side content (desktop) --> <div class="hidden md:block md:w-1/2 md:pr-16 md:text-right"> <div class="animate-on-scroll-right"> <span class="text-sm font-semibold text-bear-500 uppercase tracking-wider">Month 5+</span> <h3 class="text-2xl font-bold text-slate-900 mt-2 mb-4">Domination</h3> <p class="text-slate-600 leading-relaxed">
106You're now the go-to contractor in your area. Consistent 30+ leads/month. We expand to surrounding cities and additional service pages.
107</p> </div> </div> <!-- Center node --> <div class="absolute left-8 md:left-1/2 -translate-x-1/2 w-16 h-16 bg-bear-500 rounded-full flex items-center justify-center text-white font-bold text-xl shadow-glow-orange z-10">
1083
109</div> <!-- Right side (mobile content) --> <div class="md:w-1/2 md:pl-16 pl-24"> <div class="md:hidden animate-on-scroll"> <span class="text-sm font-semibold text-bear-500 uppercase tracking-wider">Month 5+</span> <h3 class="text-2xl font-bold text-slate-900 mt-2 mb-4">Domination</h3> <p class="text-slate-600 leading-relaxed">
110You're now the go-to contractor in your area. Consistent 30+ leads/month. We expand to surrounding cities and additional service pages.
111</p> </div> </div> </div> </div> </div> </div> </section> <!-- ============================================ --> <!-- THE OFFER                                    --> <!-- ============================================ --> <section class="relative py-24 sm:py-32 bg-gradient-to-br from-slate-950 via-slate-900 to-slate-950 overflow-hidden">
111 <!-- Background effects --> <div class="absolute inset-0 bg-grid-pattern opacity-[0.04]"></div> <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[900px] h-[700px] bg-radial-orange pointer-events-none opacity-40"></div> <div class="absolute top-0 left-0 w-96 h-96 bg-bear-500/5 rounded-full -translate-x-1/2 -translate-y-1/2 blur-3xl"></div> <div class="absolute bottom-0 right-0 w-96 h-96 bg-bear-500/5 rounded-full translate-x-1/2 translate-y-1/2 blur-3xl"></div> <div class="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8"> <!-- Section header --> <div class="text-center mb-16"> <div class="animate-on-scroll inline-flex items-center gap-2 bg-bear-500/10 border border-bear-500/20 rounded-full px-5 py-2 mb-6"> <span class="w-2 h-2 rounded-full bg-bear-400 animate-pulse"></span> <span class="text-bear-300 text-sm font-semibold uppercase tracking-wider">What You Get — For Free</span> </div> <h2 class="animate-on-scroll text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white mb-6 tracking-tight leading-tight">
112Your Website Isn't a Brochure.<br> <span class="text-gradient-orange">It's a 24/7 Lead Generation Machine You Own.</span> </h2> <p class="animate-on-scroll delay-100 text-lg sm:text-xl text-slate-400 max-w-3xl mx-auto leading-relaxed">
113Every package starts with a <strong class="text-white">fully custom, enterprise-grade website</strong> that most agencies charge $15,000–$30,000 for.
114            We build it for free because it's the foundation that makes everything else work.
115</p> </div> <!-- Value stack grid --> <div class="grid md:grid-cols-2 lg:grid-cols-3 gap-5 mb-12"> <!-- Card 1: pSEO Pages --> <div class="animate-on-scroll delay-100 group relative bg-white/[0.04] backdrop-blur-sm border border-white/[0.08] rounded-2xl p-7 hover:bg-white/[0.07] hover:border-bear-500/30 transition-all duration-300"> <div class="w-12 h-12 rounded-xl bg-bear-500/10 flex items-center justify-center mb-5"> <svg class="w-6 h-6 text-bear-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M19 20H5a2 2 0 01-2-2V6a2 2 0 012-2h10a2 2 0 012 2v1m2 13a2 2 0 01-2-2V7m2 13a2 2 0 002-2V9a2 2 0 00-2-2h-2m-4-3H9M7 16h6M7 8h6v4H7V8z"></path> </svg> </div> <h3 class="text-lg font-bold text-white mb-2">100–500 Custom pSEO Pages</h3> <p class="text-slate-400 text-sm leading-relaxed">Not 5 pages. Not 10. We build <strong class="text-slate-300">hundreds</strong> of unique, localized pages targeting every service + city combo in your market. Full topical map coverage that establishes you as the authority in your entire region.</p> <div class="mt-4 text-xs font-semibold text-bear-400 uppercase tracking-wider">Other agencies charge $50–$200/page</div> </div> <!-- Card 2: Google-Update Proof --> <div class="animate-on-scroll delay-200 group relative bg-white/[0.04] backdrop-blur-sm border border-white/[0.08] rounded-2xl p-7 hover:bg-white/[0.07] hover:border-bear-500/30 transition-all duration-300"> <div class="w-12 h-12 rounded-xl bg-bear-500/10 flex items-center justify-center mb-5"> <svg class="w-6 h-6 text-bear-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"></path> </svg> </div> <h3 class="text-lg font-bold text-white mb-2">Google Update Bulletproof</h3> <p class="text-slate-400 text-sm leading-relaxed">While competitors scramble after every algorithm change, your site stands firm. We build with <strong class="text-slate-300">E-E-A-T best practices baked into every page</strong> — real expertise, real authority, real trust signals. No shortcuts, no tricks, no panic.</p> <div class="mt-4 text-xs font-semibold text-bear-400 uppercase tracking-wider">Sleep well during algorithm updates</div> </div> <!-- Card 3: Cloudflare Pages --> <div class="animate-on-scroll delay-300 group relative bg-white/[0.04] backdrop-blur-sm border border-white/[0.08] rounded-2xl p-7 hover:bg-white/[0.07] hover:border-bear-500/30 transition-all duration-300"> <div class="w-12 h-12 rounded-xl bg-bear-500/10 flex items-center justify-center mb-5"> <svg class="w-6 h-6 text-bear-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M13 10V3L4 14h7v7l9-11h-7z"></path> </svg> </div> <h3 class="text-lg font-bold text-white mb-2">Near-Instant Loading on Cloudflare</h3> <p class="text-slate-400 text-sm leading-relaxed">Deployed on <strong class="text-slate-300">Cloudflare Pages' global edge network</strong> — your site loads in milliseconds from 300+ data centers worldwide. Perfect Core Web Vitals scores. Google rewards fast sites with higher rankings. Perio
115d.</p> <div class="mt-4 text-xs font-semibold text-bear-400 uppercase tracking-wider">Sub-second load times, worldwide</div> </div> <!-- Card 4: Advanced Schema --> <div class="animate-on-scroll delay-100 group relative bg-white/[0.04] backdrop-blur-sm border border-white/[0.08] rounded-2xl p-7 hover:bg-white/[0.07] hover:border-bear-500/30 transition-all duration-300"> <div class="w-12 h-12 rounded-xl bg-bear-500/10 flex items-center justify-center mb-5"> <svg class="w-6 h-6 text-bear-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M10 20l4-16m4 4l4 4-4 4M6 16l-4-4 4-4"></path> </svg> </div> <h3 class="text-lg font-bold text-white mb-2">Advanced Schema Markup</h3> <p class="text-slate-400 text-sm leading-relaxed"><strong class="text-slate-300">LocalBusiness, Service, FAQ, Review, and BreadcrumbList schema</strong> on every page. This is the structured data that gets you rich snippets, star ratings in search results, and the knowledge panel that makes you look like the biggest company in town.</p> <div class="mt-4 text-xs font-semibold text-bear-400 uppercase tracking-wider">Rich results that competitors don't have</div> </div> <!-- Card 5: Custom Lead Forms + CRM --> <div class="animate-on-scroll delay-200 group relative bg-white/[0.04] backdrop-blur-sm border border-white/[0.08] rounded-2xl p-7 hover:bg-white/[0.07] hover:border-bear-500/30 transition-all duration-300"> <div class="w-12 h-12 rounded-xl bg-bear-500/10 flex items-center justify-center mb-5"> <svg class="w-6 h-6 text-bear-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M8 4H6a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2h-2m-4 0V2m0 2v2m0-2H8m4 0h4m-8 6h8m-8 4h4"></path> </svg> </div> <h3 class="text-lg font-bold text-white mb-2">Custom Lead Forms + Growth Hub CRM</h3> <p class="text-slate-400 text-sm leading-relaxed">Every form is custom-built for your services and feeds directly into <strong class="text-slate-300">Growth Hub CRM</strong> — our proprietary system that tracks every lead from first click to closed job. No more leads falling through the cracks. No more wondering "where did that call come from?"</p> <div class="mt-4 text-xs font-semibold text-bear-400 uppercase tracking-wider">Full lead attribution, zero guesswork</div> </div> <!-- Card 6: Analytics --> <div class="animate-on-scroll delay-300 group relative bg-white/[0.04] backdrop-blur-sm border border-white/[0.08] rounded-2xl p-7 hover:bg-white/[0.07] hover:border-bear-500/30 transition-all duration-300"> <div class="w-12 h-12 rounded-xl bg-bear-500/10 flex items-center justify-center mb-5"> <svg class="w-6 h-6 text-bear-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path> </svg> </div> <h3 class="text-lg font-bold text-white mb-2">Rybbit Analytics Dashboard</h3> <p class="text-slate-400 text-sm leading-relaxed">Forget Google Analytics' confusing mess. Your <strong class="text-slate-300">Rybbit dashboard</strong> shows you exactly what matters — which pages bring leads, which services are hot, which cities are converting. Real-time, privacy-first analytics you'll actually use.</p> <div class="mt-4 text-xs font-semibold text-bear-400 uppercase tracking-wider">Data you understand in 30 seconds</div> </div> </div> <!-- Perfect SEO callout --> <div class="animate-on-scroll delay-200 relative mb-12"> <div class="bg-gradient-to-r from-bear-500/10 via-bear-500/5 to-bear-500/10 border border-bear-500/20 rounded-2xl p-8 sm:p-10"> <div class="flex flex-col md:flex-row md:items-center gap-6"> <div class="flex-1"> <h3 class="text-2xl font-bold text-white mb-3">Perfect Technical SEO. Every. Single. Page.</h3> <p class="text-slate-400 leading-relaxed">Proper meta titles, descriptions, canonical tags, Open Graph tags, XML sitemaps, robots.txt, internal linking structure, image optimization, lazy loading, semantic HTML, accessibility compliance, and mobile-first responsive design. <strong class="text-slate-300">The foundation isn't an afterthought — it's the whole point.</strong></p> </div> <div class="shrink-0 text-center"> <div class="inline-flex flex-col items-center bg-white/[0.06] backdrop-blur-sm rounded-2xl px-8 py-6 border border-white/[0.08]"> <span class="text-5xl font-extrabold text-green-400">100</span> <span class="text-xs text-slate-400 uppercase tracking-wider font-medium mt
115-1">Lighthouse SEO Score</span> </div> </div> </div> </div> </div> <!-- Bottom: Value anchor + CTA --> <div class="animate-on-scroll-scale delay-300 text-center"> <div class="inline-block bg-white/[0.04] backdrop-blur-sm border border-white/[0.08] rounded-2xl px-8 sm:px-12 py-8 sm:py-10"> <div class="flex flex-col sm:flex-row items-center gap-4 sm:gap-8 mb-6"> <div class="text-center"> <span class="text-sm text-slate-500 uppercase tracking-wider font-medium">Typical Agency Cost</span> <div class="text-3xl sm:text-4xl font-extrabold text-slate-500 line-through decoration-red-500/60 decoration-2">$15,000–$30,000</div> </div> <div class="hidden sm:block"> <svg class="w-8 h-8 text-bear-400" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M14 5l7 7m0 0l-7 7m7-7H3"></path> </svg> </div> <div class="text-center"> <span class="text-sm text-bear-300 uppercase tracking-wider font-medium">Your Cost</span> <div class="text-3xl sm:text-4xl font-extrabold text-white">$0</div> <div class="text-sm text-slate-400 mt-1">Then just $49/mo hosting</div> </div> </div> <a href="/pricing" class="btn-primary-lg">
116Claim Your Free Website &#x2192;
117</a> <p class="text-slate-500 text-sm mt-4">Included from the Black tier ($1,500/mo) up. Cub clients bring their own site.</p> </div> </div> </div> </section> <!-- ============================================ --> <!-- TESTIMONIALS                                 --> <!-- ============================================ --> <section class="relative py-24 sm:py-32 bg-gradient-to-b from-slate-50 to-white overflow-hidden"> <div class="max-w-5xl mx-auto px-4 sm:px-6 lg:px-8"> <div class="text-center mb-16"> <h2 class="animate-on-scroll section-heading">
118Contractors Who Stopped Renting Leads and Started Owning Them
119</h2> <p class="animate-on-scroll delay-100 section-subheading">
120Three Washington contractors, twelve months of their own analytics, no ad spend.
121</p> </div> <div class="grid md:grid-cols-3 gap-6"> <div class="animate-on-scroll delay-200 bg-white rounded-3xl overflow-hidden shadow-card hover:shadow-card-hover transition-all duration-300 border border-slate-100 flex flex-col"> <a href="https://www.sasquatchplumbingseattle.com/" rel="noopener" target="_blank" class="block bg-slate-50"> <img src="/images/case-study-sasquatch.webp" alt="Sasquatch Plumbing website" width="1740" height="1180" loading="lazy" decoding="async" class="w-full h-auto"> </a> <div class="p-6 flex flex-col flex-1"> <div class="text-3xl font-extrabold text-slate-900">3,318</div> <div class="text-sm text-slate-500 mb-4">organic sessions in 12 months</div> <p class="text-sm text-slate-600 leading-relaxed flex-1">Four articles on what plumbing costs in West Seattle brought 1,406 entries &mdash; more than the home page.</p> <div class="mt-5 pt-4 border-t border-slate-100"> <div class="font-bold text-slate-900">Sasquatch Plumbing</div> <div class="text-xs text-slate-500 mt-0.5">Roman &mdash; West Seattle, WA</div> </div> </div> </div><div class="animate-on-scroll delay-300 bg-white rounded-3xl overflow-hidden shadow-card hover:shadow-card-hover transition-all duration-300 border border-slate-100 flex flex-col"> <a href="https://www.seattletrimrepair.com/" rel="noopener" target="_blank" class="block bg-slate-50"> <img src="/images/case-study-trimrepair.webp" alt="Seattle Trim Repair website" width="1740" height="1180" loading="lazy" decoding="async" class="w-full h-auto"> </a> <div class="p-6 flex flex-col flex-1"> <div class="text-3xl font-extrabold text-slate-900">86</div> <div class="text-sm text-slate-500 mb-4">completed estimate forms</div> <p class="text-sm text-slate-600 leading-relaxed flex-1">Nearly half of all traffic earned through organic search, plus 92 sessions from AI assistants.</p> <div class="mt-5 pt-4 border-t border-slate-100"> <div class="font-bold text-slate-900">Seattle Trim Repair</div> <div class="text-xs text-slate-500 mt-0.5">Max &mdash; Ballard, Seattle, WA</div> </div> </div> </div><div class="animate-on-scroll delay-400 bg-white rounded-3xl overflow-hidden shadow-card hover:shadow-card-hover transition-all duration-300 border border-slate-100 flex flex-col"> <a href="https://www.monarcaconstructionremodel.com/" rel="noopener" target="_blank" class="block bg-slate-50"> <img src="/images/case-study-monarca.webp" alt="Monarca Construction website" width="1740" height="1180" loading="lazy" decoding="async" class="w-full h-auto"> </a> <div class="p-6 flex flex-col flex-1"> <div class="text-3xl font-extrabold text-slate-900">32%</div> <div class="text-sm text-slate-500 mb-4">organic bounce rate</div> <p class="text-sm text-slate-600 leading-relaxed flex-1">The most engaged traffic of the three: 2.1 pages a session and 45 quote requests.</p> <div class="mt-5 pt-4 border-t border-slate-100"> <div class="font-bold text-slate-900">Monarca Construction</div> <div class="text-xs text-slate-500 mt-0.5">Carlos &mdash; Bellingham, WA</div> </div> </div> </div> </div> <p class="animate-on-scroll delay-500 text-center text-sm text-slate-500 mt-8">
122Figures read from each client's own Rybbit analytics, trailing 12 months.
123<a href="/case-studies" class="text-bear-500 font-semibold hover:text-bear-600">See the full breakdown &rarr;</a> </p> </div> </section> <!-- ============================================ --> <!-- FINAL CTA                                    --> <!-- ============================================ --> <section class="relative py-24 sm:py-32 bg-gradient-to-br from-slate-950 via-slate-900 to-slate-800 overflow-hidden">
123 <!-- Background effects --> <div class="absolute inset-0 bg-dots-pattern-dark"></div> <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 w-[600px] h-[400px] bg-radial-orange-subtle pointer-events-none"></div> <div class="relative max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center"> <h2 class="animate-on-scroll text-3xl sm:text-4xl lg:text-5xl font-extrabold text-white mb-6 tracking-tight">
124Stop Feeding Platforms. Start Building Equity.
125</h2> <p class="animate-on-scroll delay-100 text-lg sm:text-xl text-slate-400 mb-10 leading-relaxed max-w-2xl mx-auto">
126Every dollar you spend on Angi or Google Ads disappears when you stop paying. Every dollar invested here builds a lead generation asset <strong class="text-white">your business owns forever</strong> — a 100-500 page website, top Google rankings, and a reputation that compounds into higher profits every month.
127</p> <div class="animate-on-scroll delay-200"> <a href="/pricing" class="btn-primary-lg shadow-[0_0_30px_rgba(237,117,26,0.3)] hover:shadow-[0_0_50px_rgba(237,117,26,0.45)]">
128See Packages &amp; Pricing &#x2192;
129</a> </div> </div> </section> </main>  <div id="floating-cta" class="floating-cta"> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-3 sm:py-4 flex items-center justify-between gap-4"> <p class="hidden sm:block text-sm font-medium text-slate-700">
130Free 100–500 page custom website + leads starting at $25 each. No other agency does this.
131</p> <div class="flex items-center gap-3 w-full sm:w-auto"> <a href="/#video" class="flex-1 sm:flex-none btn-primary text-sm !rounded-full text-center">
132Get Your Free Website
133</a> <button id="floating-cta-close" class="w-8 h-8 rounded-full bg-slate-100 hover:bg-slate-200 flex items-center justify-center text-slate-500 transition-colors shrink-0" aria-label="Close"> <svg class="w-4 h-4" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path> </svg> </button> </div> </div> </div> <footer class="relative bg-gradient-to-b from-slate-900 via-slate-900 to-slate-950"> <!-- Decorative top gradient line --> <div class="absolute top-0 left-0 right-0 h-px bg-gradient-to-r from-transparent via-bear-500/50 to-transparent"></div> <!-- Lead Magnet CTA --> <div class="border-b border-white/5"> <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-10"> <astro-island uid="1CCERq" component-url="/_astro/LeadMagnetForm.C1-7DR5M.js" component-export="default" renderer-url="/_astro/client.4TJVpnH5.js" props="{&quot;variant&quot;:[0,&quot;banner&quot;],&quot;source&quot;:[0,&quot;Footer CTA&quot;]}" ssr client="visible" opts="{&quot;name&quot;:&quot;LeadMagnetForm&quot;,&quot;value&quot;:true}" await-children><div class="bg-gradient-to-r from-slate-900 to-slate-800 rounded-2xl p-8 md:p-12"><div class="flex flex-col md:flex-row items-center gap-8"><div class="flex-1 text-center md:text-left"><div class="inline-flex items-center gap-2 bg-orange-500/10 border border-orange-500/20 rounded-full px-4 py-1.5 mb-4"><span class="text-orange-400 text-sm font-medium">FREE DOWNLOAD</span></div><h3 class="text-2xl md:text-3xl font-bold text-white mb-3">Free: Local SEO Playbook for Contractors</h3><p class="text-slate-400 text-base">The exact strategies top contractors use to dominate Google Maps. Get it free — delivered to your inbox.</p></div><form class="w-full md:w-auto flex flex-col gap-3 min-w-[320px]"><input type="text" placeholder="Your name" value required class="px-4 py-3 rounded-lg bg-white/10 border border-white/10 text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm"/><input type="email" placeholder="Your best email" value required class="px-4 py-3 rounded-lg bg-white/10 border border-white/10 text-white placeholder-slate-400 focus:outline-none focus:ring-2 focus:ring-orange-500 focus:border-transparent text-sm"/><button type="submit" class="px-6 py-3.5 bg-orange-500 hover:bg-orange-600 text-white font-bold rounded-lg transition-colors duration-150 disabled:opacity-60 text-base">Send Me the Playbook</button><p class="text-slate-500 text-xs text-center">No spam. Unsubscribe anytime.</p></form></div></div><!--astro:end--></astro-island> </div> </div> <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-16"> <div class="grid grid-cols-1 md:grid-cols-12 gap-10 md:gap-8"> <!-- Brand --> <div class="md:col-span-3"> <div class="flex items-center gap-2.5 mb-5"> <span class="w-9 h-9 bg-white/10 rounded-xl flex items-center justify-center text-xl backdrop-blur"> <span class="relative top-[1px]">&#x1f43b;</span> </span> <span class="font-bold text-lg text-white tracking-tight">Contractor Bear</span> </div> <p class="text-slate-400 text-sm leading-relaxed max-w-xs">
134Digital marketing for home service contractors. Free website + lead generation with performance-based pricing.
135</p> <!-- Social --> <div class="flex gap-3 mt-6"> <a href="https://twitter.com/contractorbear" class="w-9 h-9 rounded-xl bg-white/5 hover:bg-white/10 flex items-center justify-center text-slate-400 hover:text-white transition-all duration-200" aria-label="Twitter"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path> </svg> </a> <a href="https://linkedin.com/company/contractorbear" class="w-9 h-9 rounded-xl bg-white/5 hover:bg-white/10 flex items-center justify-center text-slate-400 hover:text-white transition-all duration-200" aria-label="LinkedIn"> <svg class="w-4 h-4" fill="currentColor" viewBox="0 0 24 24"> <path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path> </svg> </a> </div> </div> <!-- Industries --> <div class="md:col-span-4"> <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-5">Industries</h3> <ul class="grid grid-cols-2 gap-x-6 gap-y-3"> <li><a href="/plumber-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Plumbers</a></li> <li><a href="/painting-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Painters</a></li> <li><a href="/hvac-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">HVAC</a></li> <li><a href="/pest-control-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Pest Control</a></li> <li><a href="/electrician-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Electricians</a></li> <li><a href="/cleaning-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">House Cleaning</a></li> <li><a href="/roofing-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Roofers</a></li> <li><a href="/garage-door-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Garage Door</a></li> <li><a href="/landscaping-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Landscapers</a></li> <li><a href="/fencing-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Fencing</a></li> <li><a href="/concrete-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Concrete</a></li> <li><a href="/general-contractor-growth" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">General Contractors</a></li> </ul> </div> <!-- Resources --> <div class="md:col-span-2"> <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-5">
135Resources</h3> <ul class="space-y-3"> <li><a href="/blog" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Blog</a></li> <li><a href="/case-studies" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Case Studies</a></li> <li><a href="/pricing" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">Pricing</a></li> <li><a href="/faq" class="text-sm text-slate-400 hover:text-white transition-colors duration-200">FAQ</a></li> </ul> </div> <!-- Contact --> <div class="md:col-span-3"> <h3 class="text-xs font-semibold uppercase tracking-widest text-slate-500 mb-5">Contact</h3> <ul class="space-y-3"> <li> <a href="mailto:[email protected]" class="text-sm text-slate-400 hover:text-white transition-colors duration-200 flex items-center gap-2"> <svg class="w-4 h-4 text-slate-500 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21.75 6.75v10.5a2.25 2.25 0 01-2.25 2.25h-15a2.25 2.25 0 01-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0019.5 4.5h-15a2.25 2.25 0 00-2.25 2.25m19.5 0v.243a2.25 2.25 0 01-1.07 1.916l-7.5 4.615a2.25 2.25 0 01-2.36 0L3.32 8.91a2.25 2.25 0 01-1.07-1.916V6.75"></path> </svg>
136[email protected]
137</a> </li> <li> <a href="tel:+12062225825" class="text-sm text-slate-400 hover:text-white transition-colors duration-200 flex items-center gap-2"> <svg class="w-4 h-4 text-slate-500 shrink-0" fill="none" stroke="currentColor" viewBox="0 0 24 24"> <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M2.25 6.75c0 8.284 6.716 15 15 15h2.25a2.25 2.25 0 002.25-2.25v-1.372c0-.516-.351-.966-.852-1.091l-4.423-1.106c-.44-.11-.902.055-1.173.417l-.97 1.293c-.282.376-.769.542-1.21.38a12.035 12.035 0 01-7.143-7.143c-.162-.441.004-.928.38-1.21l1.293-.97c.363-.271.527-.734.417-1.173L6.963 3.102a1.125 1.125 0 00-1.091-.852H4.5A2.25 2.25 0 002.25 4.5v2.25z"></path> </svg>
138(206) 222-5825
139</a> </li> </ul> </div> </div> <!-- Bottom bar --> <div class="border-t border-white/5 mt-14 pt-8 flex flex-col md:flex-row justify-between items-center gap-4"> <p class="text-slate-500 text-sm">&copy; 2026 Contractor Bear. All rights reserved.</p> <div class="flex gap-6"> <a href="/privacy" class="text-sm text-slate-500 hover:text-white transition-colors duration-200">Privacy Policy</a> <a href="/terms" class="text-sm text-slate-500 hover:text-white transition-colors duration-200">Terms of Service</a> </div> </div> </div> </footer>  <!-- Global scripts: Intersection Observer, Counter Animation, Floating CTA, Header Scroll --> 
139<script type="module">document.addEventListener("click",function(e){var t=e.target instanceof Element?e.target.closest("[data-cta]"):null;if(t){var a=t.getAttribute("data-cta")||"unknown",n=t.getAttribute("href")||"";try{window.rybbit&&window.rybbit.event&&window.rybbit.event("cta_click",{cta:a,href:n,path:location.pathname})}catch{}}},{passive:!0});</script>
139 <!-- Global Rybbit CTA tracking. Any element with [data-cta="..."] fires
140       a `cta_click` event with the data-cta value as the cta name. --> 
140<script type="module">function p(){const t=document.querySelectorAll(".animate-on-scroll, .animate-on-scroll-left, .animate-on-scroll-right, .animate-on-scroll-scale");if(!t.length)return;const e=new IntersectionObserver(s=>{s.forEach(o=>{o.isIntersecting&&(o.target.classList.add("is-visible"),e.unobserve(o.target))})},{threshold:.1,rootMargin:"0px 0px -40px 0px"});t.forEach(s=>e.observe(s))}function x(){const n=document.querySelectorAll(".stat-counter");if(!n.length)return;const t=new IntersectionObserver(e=>{e.forEach(s=>{if(s.isIntersecting){let o=function(m){const g=m-f,l=Math.min(g/u,1),h=1-Math.pow(1-l,3),v=Math.round(h*i);r.textContent=c+v.toLocaleString()+a,l<1?requestAnimationFrame(o):r.textContent=c+i.toLocaleString()+a};const r=s.target,d=r.dataset.target||"0",c=r.dataset.prefix||"",a=r.dataset.suffix||"",i=parseFloat(d.replace(/[^0-9.]/g,""));if(isNaN(i))return;const u=2e3,f=performance.now();requestAnimationFrame(o),t.unobserve(r)}})},{threshold:.3});n.forEach(e=>t.observe(e))}function b(){const n=document.querySelectorAll(".animate-bar");if(!n.length)return;const t=new IntersectionObserver(e=>{e.forEach(s=>{if(s.isIntersecting){const o=s.target,r=o.dataset.width||"0%";o.style.width=r,t.unobserve(o)}})},{threshold:.2});n.forEach(e=>t.observe(e))}function w(){const n=document.getElementById("floating-cta");if(!n)return;let t=!1;function e(){t||(window.scrollY>800?n.classList.add("is-visible"):n.classList.remove("is-visible"))}window.addEventListener("scroll",e,{passive:!0});const s=document.getElementById("floating-cta-close");s&&s.addEventListener("click",()=>{t=!0,n.classList.remove("is-visible")})}function E(){const n=document.getElementById("main-header");if(!n)return;n.dataset.transparent;function t(){window.scrollY>50?n.classList.add("header-scrolled"):n.classList.remove("header-scrolled")}window.addEventListener("scroll",t,{passive:!0}),t()}function y(){document.querySelectorAll(".faq-toggle").forEach(t=>{t.addEventListener("click",()=>{const e=t.nextElementSibling,s=t.querySelector(".faq-icon");e&&s&&(e.style.maxHeight&&e.style.maxHeight!=="0px"?(e.style.maxHeight="0px",e.style.opacity="0",s.style.transform="rotate(0deg)"):(e.style.maxHeight=e.scrollHeight+"px",e.style.opacity="1",s.style.transform="rotate(180deg)"))})})}document.addEventListener("DOMContentLoaded",()=>{p(),x(),b(),w(),E(),y()});</script>
140 </body> </html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.