https://inspire-shell-clone.lovable.app/

1<!doctype html>
2<html lang="en">
3  <head>
4    <meta charset="UTF-8" />
5    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6    <title>Trenchless Sewer & Plumbing Bay Area | West Peak</title>
7    <meta name="description" data-rh="true" content="Trenchless pipe repair, sewer service, hydro jetting, and water heater install across the SF Bay Area. 24/7 emergency plumbing." />
8    <meta name="author" content="West Peak Trenchless & Plumbing" />
9    <meta name="google-site-verification" content="tv6oqedMkagz2ZoU9aRd6WOIoeeDebONB8YVw-L2zbQ" />
10
11    <link rel="icon" type="image/x-icon" href="/favicon.ico" />
12    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png" />
13    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
14    <link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png" />
15    <link rel="icon" type="image/png" sizes="512x512" href="/icon-512.png" />
16    <link rel="manifest" href="/manifest.webmanifest" />
17    <meta name="theme-color" content="#B0984C" />
18    <meta name="apple-mobile-web-app-capable" content="yes" />
19    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
20    <meta name="apple-mobile-web-app-title" content="West Peak" />
21
22    <meta property="og:type" data-rh="true" content="website" />
23    <meta property="og:url" data-rh="true" content="https://westpeakplumbing.com/" />
24    <meta property="og:title" data-rh="true" content="Trenchless Sewer & Plumbing Bay Area | West Peak" />
25    <meta property="og:description" data-rh="true" content="Trenchless pipe repair, sewer service, hydro jetting, and water heater install across the SF Bay Area. 24/7 emergency plumbing." />
26    <meta property="og:image" data-rh="true" content="https://westpeakplumbing.com/og-image.png" />
27
28    <meta name="twitter:card" data-rh="true" content="summary_large_image" />
29    <meta name="twitter:title" data-rh="true" content="Trenchless Sewer & Plumbing Bay Area | West Peak" />
30    <meta name="twitter:description" data-rh="true" content="Trenchless pipe repair, sewer service, hydro jetting, and water heater install across the SF Bay Area. 24/7 emergency plumbing." />
31    <meta name="twitter:image" data-rh="true" content="https://westpeakplumbing.com/og-image.png" />
32
33    

33<script>
34      // Installed-PWA bounce: the app is the team mobile CRM. New installs use
35      // the manifest start_url (/mobile/home); if a PWA opens on exactly "/"
36      // as a standalone app, forward it to /mobile/home. Scoped to exact "/"
37      // so public deep links keep working.
38      (function () {
39        try {
40          if (window.location.pathname !== '/') return;
41          var standalone =
42            (window.matchMedia && window.matchMedia('(display-mode: standalone)').matches) ||
43            window.navigator.standalone === true;
44          if (standalone) window.location.replace('/mobile/home');
45        } catch (e) {}
46      })();
47    </script>

47
48    

48<script type="module" crossorigin src="/assets/index-w1fePxTa.js"></script>

48
49    <link rel="stylesheet" crossorigin href="/assets/index-PCSxAVmA.css">
50  
51<style>
52	#lovable-badge {
53		--badge-bg: #1b1b1b;
54		--badge-text: #c5c1b9;
55		--badge-text-hover: #dcdad5;
56		--badge-radius: 6px;
57		--badge-padding: 8px;
58		--badge-gap: 6px;
59		--badge-shadow: 
60			0 0 0 1px rgba(0, 0, 0, 0.88),
61			0 1px 0 0 rgba(0, 0, 0, 0.04),
62			0 2px 2px -1px rgba(0, 0, 0, 0.08),
63			0 4px 4px -2px rgba(0, 0, 0, 0.08),
64			0 8px 8px -4px rgba(0, 0, 0, 0.08),
65			0 16px 16px -8px rgba(0, 0, 0, 0.08);
66		--badge-transition-duration: 0.2s;
67		--badge-transition-easing: cubic-bezier(0.16, 1, 0.32, 1);
68		--focus-color: #575ECF;
69		--focus-offset: 2px;
70		--focus-width: 2px;
71		
72		position: fixed;
73		bottom: 12px;
74		right: 12px;
75		height: 24px;
76		display: flex;
77		align-items: center;
78		z-index: 1000000;
79		background-color: var(--badge-bg) !important;
80		color: var(--badge-text) !important;
81		border-radius: var(--badge-radius);
82		box-shadow: var(--badge-shadow) !important;
83		font-size: 12px;
84		font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
85		font-weight: 400 !important;
86		text-transform: none !important;
87		font-feature-settings: normal !important;
88		transform: translateZ(0);
89		will-change: transform, opacity;
90		transition: opacity var(--badge-transition-duration) var(--badge-transition-easing);
91	}
92
93	#lovable-badge.closing {
94		opacity: 0;
95		pointer-events: none;
96	}
97
98	#lovable-badge-cta {
99		display: flex;
100		align-items: baseline;
101		gap: var(--badge-gap);
102		box-sizing: border-box;
103		padding: 4px var(--badge-padding) 0;
104		height: 100%;
105		color: inherit;
106		text-decoration: none;
107		white-space: nowrap;
108		border-radius: var(--badge-radius) 0 0 var(--badge-radius);
109		transition: 
110			background-color var(--badge-transition-duration) ease,
111			color var(--badge-transition-duration) ease,
112			transform 0.1s ease;
113	}
114
115	#lovable-badge-cta:hover {
116		background: rgba(255, 255, 255, 0.04);
117		color: var(--badge-text-hover);
118	}
119
120	#lovable-badge-cta:active {
121		transform: scale(0.98);
122	}
123
124	#lovable-badge-cta:focus {
125		outline: none;
126	}
127
128	#lovable-badge-cta:focus-visible {
129		outline: var(--focus-width) solid var(--focus-color);
130		outline-offset: var(--focus-offset);
131		z-index: 1;
132	}
133
134	#lovable-badge-text {
135		line-height: 1;
136	}
137
138	/* The wordmark baseline sits at y=12 of the 16px logo; an empty 12px box
139	   makes that the flex baseline so the text aligns to it on any system font. */
140	#lovable-badge-logo {
141		position: relative;
142		display: block;
143		width: 52px;
144		height: 12px;
145	}
146
147	#lovable-badge-logo svg {
148		position: absolute;
149		top: 0;
150		left: 0;
151	}
152
153	#lovable-badge-divider {
154		width: 1px;
155		height: 24px;
156		background-color: rgba(255, 255, 255, 0.04);
157		flex-shrink: 0;
158	}
159
160	#lovable-badge-close {
161		width: 24px;
162		height: 24px;
163		min-width: 24px;
164		min-height: 24px;
165		cursor: pointer;
166		background: none;
167		border: none;
168		padding: 0;
169		display: flex;
170		align-items: center;
171		justify-content: center;
172		border-radius: 0 var(--badge-radius) var(--badge-radius) 0;
173		flex-shrink: 0;
174		transition: 
175			background-color var(--badge-transition-duration) ease,
176			transform 0.1s ease;
177	}
178
179	#lovable-badge-close:hover {
180		background: rgba(255, 255, 255, 0.04);
181	}
182
183	#lovable-badge-close:active {
184		transform: scale(0.92);
185	}
186
187	#lovable-badge-close:focus {
188		outline: none;
189	}
190
191	#lovable-badge-close:focus-visible {
192		outline: var(--focus-width) solid var(--focus-color);
193		outline-offset: calc(var(--focus-offset) * -1);
194		z-index: 1;
195	}
196
197	#lovable-badge-close svg path {
198		fill: var(--badge-text);
199		transition: fill var(--badge-transition-duration) ease;
200	}
201
202	#lovable-badge-close:hover svg path {
203		fill: var(--badge-text-hover);
204	}
205
206	@media (prefers-reduced-motion: reduce) {
207		#lovable-badge,
208		#lovable-badge-cta,
209		#lovable-badge-close,
210		#lovable-badge-close svg path {
211			transition: none;
212		}
213		
214		#lovable-badge-cta:active,
215		#lovable-badge-close:active {
216			transform: none;
217		}
218	}
219
220	@media (prefers-contrast: high) {
221		#lovable-badge {
222			--badge-bg: #000;
223			--badge-text: #fff;
224			--badge-text-hover: #fff;
225			border: 2px solid currentColor;
226		}
227		
228		#lovable-badge-cta:focus-visible,
229		#lovable-badge-close:focus-visible {
230			outline-width: 3px;
231		}
232	}
233</style>

234<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script>

234</head>
235
236  <body>
237    <div id="root"></div>
238
239    <!-- ServiceTitan Scheduler Embed -->
240    

240<script
241      data-api-key="wgchll8y8ii49nre9ygp48xk"
242      data-schedulerid="sched_viuogxght04wcvjvuzj8vvjt"
243      defer
244      id="se-widget-embed"
245      src="https://embed.scheduler.servicetitan.com/scheduler-v1.js"
246    ></script>

246
247  
248<aside
249	id="lovable-badge"
250	role="complementary"
251	dir="ltr"
252	lang="en"
253	aria-label="Edit with Lovable">
254	<a
255		id="lovable-badge-cta" 
256		target="_blank" 
257		href="https://lovable.dev/projects/lovp_2kyjzr41xd8nkaj1k68rpfqara?utm_source=lovable-badge"
258		rel="noopener nofollow"
259		aria-label="Edit with Lovable">
260		<span id="lovable-badge-text">Edit with</span>
261		<span id="lovable-badge-logo"><svg xmlns="http://www.w3.org/2000/svg" width="52" height="16" fill="none" viewBox="0 0 52 16">
262  <path fill="#FCFBF8" fill-rule="evenodd" d="M20.318 5.25c.643 0 1.206.14 1.69.418a2.81 2.81 0 0 1 1.118 1.191c.266.513.4 1.115.4 1.807s-.134 1.296-.4 1.812a2.81 2.81 0 0 1-1.118 1.193c-.484.278-1.047.418-1.69.418s-1.208-.14-1.695-.418a2.85 2.85 0 0 1-1.125-1.193c-.262-.516-.393-1.12-.393-1.812s.131-1.294.393-1.807a2.848 2.848 0 0 1 1.125-1.191c.487-.279 1.052-.418 1.695-.418Zm0 1.425c-.27 0-.504.076-.7.228-.193.147-.34.37-.443.67-.102.295-.153.66-.153 1.093 0 .435.05.801.153 1.1.102.3.25.524.443.676.196.147.43.22.7.22.27 0 .502-.073.694-.22.193-.152.341-.375.443-.67.103-.299.153-.667.153-1.106 0-.65-.112-1.145-.337-1.481a1.08 1.08 0 0 0-.953-.51ZM32.7 5.25c.61 0 1.127.1 1.549.3.422.197.74.48.953.849.217.368.325.809.325 1.32v2.704c0 .29.02.562.062.812.044.245.108.4.19.466V12h-1.935a5.895 5.895 0 0 1-.105-.684 7.745 7.745 0 0 1-.02-.228 2.293 2.293 0 0 1-.151.203c-.205.242-.47.437-.793.584-.32.143-.685.215-1.094.215-.406 0-.77-.08-1.094-.24a1.845 1.845 0 0 1-.756-.682 1.984 1.984 0 0 1-.27-1.045c0-.606.178-1.069.535-1.388.356-.324.87-.534 1.542-.633l1.125-.16c.225-.032.403-.074.534-.123a.622.622 0 0 0 .288-.196.549.549 0 0 0 .093-.327.65.65 0 0 0-.11-.367.702.702 0 0 0-.32-.27c-.14-.07-.31-.105-.51-.105-.32 0-.576.083-.768.251-.193.164-.298.39-.314.676h-1.923c.016-.434.147-.82.393-1.155.25-.34.596-.604 1.039-.792.442-.189.954-.283 1.535-.283Zm.99 3.498a.98.98 0 0 1-.215.14 2.49 2.49 0 0 1-.584.178l-.473.092c-.315.061-.553.156-.713.283-.155.127-.233.305-.233.534 0 .23.084.412.252.547.168.135.383.203.645.203s.494-.058.694-.173c.201-.118.355-.282.461-.49.11-.21.166-.448.166-.714v-.6Zm4.526-2.375c.065-.125.138-.243.221-.349.197-.25.437-.44.719-.571.282-.135.6-.203.952-.203.528 0 .988.138 1.377.412.389.275.688.67.896 1.186.21.512.314 1.12.314 1.824 0 .7-.107 1.309-.32 1.825-.213.512-.518.906-.915 1.18-.393.275-.854.412-1.383.412-.352 0-.667-.062-.946-.184a1.832 1.832 0 0 1-.7-.554 2.2 2.2 0 0 1-.234-.383V12h-1.843V3h1.862v3.373Zm1.284.296c-.274 0-.51.085-.707.253-.192.163-.338.397-.436.7a3.376 3.376 0 0 0-.148 1.05c0 .406.05.759.148 1.058.098.299.243.53.436.694.197.164.433.246.707.246.279 0 .512-.082.7-.246.193-.164.336-.395.43-.694.099-.3.148-.652.148-1.058 0-.405-.05-.757-.147-1.056-.095-.299-.238-.53-.43-.694a1.015 1.015 0 0 0-.7-.253Zm9.416-1.419c.602 0 1.136.131 1.604.393.466.262.829.643 1.086 1.143.263.5.394 1.097.394 1.794 0 .25-.002.449-.006.596H47.51c.018.288.071.538.164.75a1.3 1.3 0 0 0 .491.596c.214.13.465.196.757.196.319 0 .583-.082.792-.246.209-.167.34-.403.393-.706h1.862a2.48 2.48 0 0 1-.485 1.235 2.54 2.54 0 0 1-1.051.805c-.439.188-.949.283-1.53.283-.655 0-1.225-.125-1.708-.375a2.672 2.672 0 0 1-1.13-1.143c-.267-.508-.4-1.137-.4-1.887 0-.712.14-1.327.418-1.843a2.86 2.86 0 0 1 1.155-1.186c.491-.27 1.051-.405 1.678-.405Zm-.044 1.345c-.274 0-.516.068-.725.203a1.29 1.29 0 0 0-.479.59 2.045 2.045 0 0 0-.132.498h2.562a1.873 1.873 0 0 0-.138-.602 1.061 1.061 0 0 0-.418-.516 1.243 1.243 0 0 0-.67-.173Z" clip-rule="evenodd"/>
263  <path fill="#FCFBF8" d="m26.605 9.995 1.342-4.566h1.924L27.628 12h-2.07l-2.33-6.57h1.98l1.397 4.565Zm-13.013.143h2.256c1.632 0 1.421 1.837 1.418 1.861h-5.603V3h1.93v7.138Zm31.516 1.861h-1.862V3h1.862v8.999Z"/>
264  <path fill="url(#a)" fill-rule="evenodd" d="M2.7 3c1.492 0 2.7 1.192 2.7 2.663v1.012h.9c1.49 0 2.7 1.192 2.7 2.662S7.791 12 6.3 12H0V5.663C0 4.193 1.209 3 2.7 3Z" clip-rule="evenodd"/>
265  <defs>
266    <radialGradient id="a" cx="0" cy="0" r="1" gradientTransform="matrix(-1.54236 7.07838 -10.231 -2.15602 4.627 5.022)" gradientUnits="userSpaceOnUse">
267      <stop offset=".106" stop-color="#FE7B02"/>
268      <stop offset=".394" stop-color="#FE3F21"/>
269      <stop offset=".608" stop-color="#F858BC"/>
270      <stop offset=".929" stop-color="#575ECF"/>
271    </radialGradient>
272  </defs>
273</svg>
274
275</span>
276	</a>
277	
278	<span id="lovable-badge-divider" aria-hidden="true"></span>
279	
280	<button 
281		id="lovable-badge-close"
282		aria-label="Dismiss"
283		title="Dismiss"

284		type="button">
285		<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 16 16" aria-hidden="true">
286			<path d="M10.646 4.646a.5.5 0 1 1 .707.708L8.707 8l2.646 2.646a.5.5 0 1 1-.707.707L8 8.707l-2.646 2.646a.5.5 0 1 1-.708-.707L7.293 8 4.646 5.354a.5.5 0 1 1 .708-.708L8 7.293l2.646-2.647Z"/>
287		</svg>
288	</button>
289</aside>

290<script>
291	(() => {
292		if (window.self !== window.top || navigator.userAgent.includes('puppeteer')) {
293			const badge = document.querySelector('#lovable-badge');
294			if (badge) {
295				badge.style.display = 'none';
296			}
297			return;
298		}
299
300		const closeButton = document.querySelector('#lovable-badge-close');
301		if (closeButton) {
302			closeButton.addEventListener('click', function(event) {
303				event.preventDefault();
304				event.stopPropagation();
305				const badge = document.querySelector('#lovable-badge');
306				if (badge) {
307					badge.classList.add('closing');
308					setTimeout(function() {
309						if (badge) {
310							badge.style.display = 'none';
311						}
312					}, 240);
313				}
314			});
315		}
316	})();
317</script>

317
318</body>
319</html>