AI CSR for Home Services | SNSYS <meta name="description" content="Never miss another service call. Your AI CSR answers every call, books jobs into Jobber, Housecall Pro, or ServiceTitan, and texts callers back. 24/7. $149/mo."> <meta property="og:type" content="website"> <meta property="og:url" content="https://snsys.ai/lp/ai-assistant/"> <meta property="og:title" content="AI CSR for Home Services | SNSYS"> <meta property="og:description" content="Never miss another service call. Your AI CSR answers every call, books jobs, and texts callers back. 24/7. $149/mo."> <meta property="og:image" content="https://snsys.ai/assets/snsys-social-banner.png"> <link rel="canonical" href="https://snsys.ai/lp/ai-assistant"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="AI CSR for Home Services | SNSYS"> <meta name="twitter:description" content="Never miss another service call. Your AI CSR answers every call, books jobs, and texts callers back. 24/7. $149/mo."> <meta name="twitter:image" content="https://snsys.ai/assets/social-banner.png"> <link rel="icon" type="image/x-icon" href="/favicon/favicon.ico"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png"> <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="/shared/components.css?v=6"> <style> *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } :root { --bg: #0a0b0f; --bg-elevated: #12131a; --surface: #1a1b24; --border: rgba(255,255,255,0.06); --text: #e8e9ed; --text-muted: #6b6e7a; --accent: #00d4aa; --accent-glow: rgba(0, 212, 170, 0.15); --accent-dim: rgba(0, 212, 170, 0.4); --spoke-1: #00b4d8; } html { scroll-behavior: smooth; } body { background: var(--bg); color: var(--text); font-family: 'Outfit', sans-serif; overflow-x: hidden; min-height: 100vh; } /* === NOISE OVERLAY === */ body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E"); pointer-events: none; z-index: 9999; } /* === LP NAV OVERRIDE — strip all links except logo === */ .nav-links { display: none !important; } .nav-hamburger { display: none !important; } .nav-phone-icon { display: none !important; } .nav-cta-wrap { display: none !important; } .nav-drawer { display: none !important; } /* === HERO === */ .lp-hero { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 10rem 2rem 5rem; position: relative; overflow: hidden; } .lp-hero::before { content: ''; position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(0, 180, 216, 0.1) 0%, transparent 65%); pointer-events: none; } .lp-eyebrow { font-family: 'Space Mono', monospace; font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--spoke-1); margin-bottom: 1.5rem; opacity: 0; animation: fadeUp 0.8s 0.2s forwards; } .lp-headline { font-size: clamp(2.2rem, 5vw, 3.8rem); font-weight: 700; line-height: 1.1; max-width: 700px; margin-bottom: 1.5rem; opacity: 0; animation: fadeUp 0.8s 0.35s forwards; } .lp-sub { font-size: 1.15rem; font-weight: 300; color: var(--text-muted); line-height: 1.7; max-width: 560px; margin-bottom: 2.5rem; opacity: 0; animation: fadeUp 0.8s 0.5s forwards; } .lp-sub strong { color: var(--text); font-weight: 500; } .lp-hero-cta { display: inline-block; background: var(--spoke-1); color: var(--bg); padding: 1rem 2.5rem; font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.04em; text-decoration: none; border-radius: 6px; border: none; cursor: pointer; transition: all 0.3s; opacity: 0; animation: fadeUp 0.8s 0.65s forwards; } .lp-hero-cta:hover { opacity: 0.88; transform: translateY(-2px); box-shadow: 0 8px 30px rgba(0, 180, 216, 0.25); } /* === HERO SVG === */ .lp-hero-visual { width: min(320px, 70vw); margin-bottom: 2.5rem; opacity: 0; animation: fadeUp 0.8s 0.1s forwards; } .lp-hero-visual svg { width: 100%; height: auto; } @keyframes waveBar { 0%, 100% { transform: scaleY(0.3); } 50% { transform: scaleY(1); } } .wave-bar { animation: waveBar 1.2s ease-in-out infinite; transform-origin: center; } /* === SECTIONS === */ .lp-section { padding: 5rem 2rem; position: relative; } .lp-section-inner { max-width: 1000px; margin: 0 auto; } .lp-section-tag { font-family: 'Space Mono', monospace; font-size: 0.7rem; letter-spacing: 0.25em; text-transform: uppercase; color: var(--spoke-1); margin-bottom: 0.75rem; text-align: center; } .lp-section-title { font-size: clamp(1.5rem, 3vw, 2.2rem); font-weight: 300; line-height: 1.2; text-align: center; margin-bottom: 3rem; } /* === DIVIDER === */ .lp-divider { width: min(80%, 900px); height: 1px; background: linear-gradient(90deg, transparent, var(--border), transparent); margin: 0 auto; } /* === PAIN POINTS === */ .pain-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .pain-card { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 12px; padding: 2rem 1.5rem; text-align: center; position: relative; overflow: hidden; } .pain-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 2px; background: var(--spoke-1); opacity: 0.5; } .pain-stat { font-family: 'Space Mono', monospace; font-size: clamp(2rem, 4vw, 2.8rem); font-weight: 700; color: var(--spoke-1); line-height: 1; margin-bottom: 0.75rem; } .pain-text { font-size: 0.95rem; color: var(--text); line-height: 1.5; margin-bottom: 0.5rem; } .pain-source { font-size: 0.7rem; color: var(--text-muted); font-style: italic; } /* === HOW IT WORKS === */ .steps-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; counter-reset: step; } .step-card { text-align: center; padding: 1.5rem; counter-increment: step; } .step-number { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 50%; border: 2px solid var(--spoke-1); font-family: 'Space Mono', monospace; font-size: 1.2rem; font-weight: 700; color: var(--spoke-1); margin-bottom: 1.25rem; } .step-title { font-size: 1.05rem; font-weight: 600; margin-bottom: 0.6rem; } .step-desc { font-size: 0.9rem; color: var(--text-muted); line-height: 1.6; } /* === WHAT IT DOES === */ .outcome-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.5rem; } .outcome-card { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 10px; padding: 1.75rem; display: flex; gap: 1rem; align-items: flex-start; transition: border-color 0.3s, transform 0.3s; } .outcome-card:hover { border-color: rgba(0, 180, 216, 0.3); transform: translateY(-2px); } .outcome-icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: 8px; background: rgba(0, 180, 216, 0.08); display: flex; align-items: center; justify-content: center; } .outcome-icon svg { width: 20px; height: 20px; stroke: var(--spoke-1); stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; fill: none; } .outcome-title { font-size: 1rem; font-weight: 600; margin-bottom: 0.3rem; } .outcome-desc { font-size: 0.85rem; color: var(--text-muted); line-height: 1.55; } /* === TESTIMONIALS === */ .lp-testimonials { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } .lp-testimonial { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 12px; padding: 1.75rem; position: relative; } .lp-testimonial-mark { font-size: 3rem; line-height: 0.8; color: var(--spoke-1); opacity: 0.3; font-family: Georgia, serif; user-select: none; margin-bottom: 0.5rem; } .lp-testimonial-quote { font-style: italic; font-size: 0.92rem; color: var(--text); line-height: 1.7; margin-bottom: 1rem; } .lp-testimonial-author { font-size: 0.72rem; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); } .lp-testimonial-author strong { color: var(--spoke-1); font-weight: 600; } /* === INTEGRATIONS === */ .integrations-section { text-align: center; } .integrations-subtitle { color: var(--text-muted); font-size: 1rem; margin-bottom: 2rem; } .integration-pills { display: flex; flex-wrap: wrap; gap: 0.6rem; justify-content: center; margin-bottom: 2rem; } .integration-pill { font-family: 'Space Mono', monospace; font-size: 0.72rem; letter-spacing: 0.06em; color: var(--spoke-1); border: 1px solid rgba(0, 180, 216, 0.35); padding: 0.45rem 1rem; border-radius: 20px; white-space: nowrap; } .integrations-phone { margin-top: 1rem; } .integrations-phone a { font-family: 'Space Mono', monospace; font-size: 1.2rem; color: var(--spoke-1); text-decoration: none; letter-spacing: 0.05em; transition: opacity 0.3s; } .integrations-phone a:hover { opacity: 0.7; } /* === FORM SECTION === */ .form-section { padding: 5rem 2rem; position: relative; } .form-section::before { content: ''; position: absolute; top: 30%; left: 50%; transform: translate(-50%, -50%); width: 700px; height: 500px; background: radial-gradient(circle, rgba(0, 180, 216, 0.08) 0%, transparent 65%); pointer-events: none; } .form-section-inner { max-width: 520px; margin: 0 auto; text-align: center; } .form-wrapper { background: var(--bg-elevated); border: 1px solid var(--border); border-radius: 12px; padding: 2.5rem; position: relative; text-align: left; } .form-wrapper::before { content: ''; position: absolute; inset: -1px; border-radius: 12px; padding: 1px; background: linear-gradient(135deg, rgba(0, 180, 216, 0.2), transparent 50%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; } .form-heading { font-size: 1.4rem; font-weight: 600; margin-bottom: 0.4rem; text-align: center; } .form-sub { color: var(--text-muted); font-size: 0.9rem; margin-bottom: 2rem; text-align: center; line-height: 1.5; } .lp-form { display: flex; flex-direction: column; gap: 0.85rem; } .form-row { display: flex; gap: 0.85rem; } .form-row .form-field { flex: 1; } .form-field label { display: block; font-size: 0.7rem; font-weight: 500; letter-spacing: 0.08em; text-transform: uppercase; color: var(--text-muted); margin-bottom: 0.4rem; } .form-field input { width: 100%; background: var(--surface); border: 1px solid var(--border); color: var(--text); font-family: 'Outfit', sans-serif; font-size: 0.9rem; padding: 0.8rem 1rem; border-radius: 6px; outline: none; transition: border-color 0.3s, box-shadow 0.3s; } .form-field input::placeholder { color: var(--text-muted); opacity: 0.6; } .form-field input:focus { border-color: rgba(0, 180, 216, 0.5); box-shadow: 0 0 0 3px rgba(0, 180, 216, 0.08); } .lp-submit { display: block; width: 100%; background: var(--spoke-1); color: var(--bg); padding: 1rem 2rem; font-family: 'Outfit', sans-serif; font-size: 1rem; font-weight: 600; letter-spacing: 0.04em; border-radius: 6px; border: none; cursor: pointer; transition: all 0.3s; margin-top: 0.5rem; } .lp-submit:hover { opacity: 0.9; transform: translateY(-1px); } .lp-submit.sending { pointer-events: none; opacity: 0.7; } .form-status { font-size: 0.85rem; margin-top: 0.5rem; min-height: 1.2em; text-align: center; } .form-status.success { color: var(--accent); } .form-status.error { color: #f47264; } .form-alt { text-align: center; margin-top: 1.25rem; font-size: 0.85rem; color: var(--text-muted); } .form-alt a { color: var(--spoke-1); text-decoration: none; font-family: 'Space Mono', monospace; font-size: 0.85rem; transition: opacity 0.3s; } .form-alt a:hover { opacity: 0.7; } /* === MINIMAL FOOTER === */ .lp-footer { text-align: center; padding: 2rem; border-top: 1px solid var(--border); font-size: 0.75rem; letter-spacing: 0.05em; color: var(--text-muted); } /* === REVEAL ANIMATION === */ .reveal { opacity: 0; transform: translateY(24px); transition: opacity 0.7s ease-out, transform 0.7s ease-out; } .reveal.visible { opacity: 1; transform: translateY(0); } @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } /* === RESPONSIVE === */ @media (max-width: 768px) { .lp-hero { padding: 7rem 1.5rem 3rem; min-height: auto; } .lp-section { padding: 3.5rem 1.5rem; } .pain-grid { grid-template-columns: 1fr; } .steps-grid { grid-template-columns: 1fr; gap: 1.5rem; } .outcome-grid { grid-template-columns: 1fr; } .lp-testimonials { grid-template-columns: 1fr; } .form-section { padding: 3.5rem 1.5rem; } .form-wrapper { padding: 2rem 1.5rem; } } @media (max-width: 480px) { .lp-hero { padding: 7rem 1.25rem 2.5rem; } .lp-headline { font-size: 2rem; } .lp-sub { font-size: 1rem; } .form-row { flex-direction: column; gap: 0.85rem; } .form-wrapper { padding: 1.5rem 1.25rem; } .form-field input { font-size: 16px; padding: 0.75rem 0.85rem; } .pain-stat { font-size: 2rem; } } </style> </head> <body>  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N97ZT7GV" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div id="site-nav" data-theme="dark"></div>  <section class="lp-hero"> <div class="lp-hero-visual"> <svg viewBox="0 0 380 320" fill="none" xmlns="http://www.w3.org/2000/svg">  <rect x="120" y="40" width="140" height="240" rx="20" stroke="var(--spoke-1)" stroke-width="1.5" opacity="0.3"/> <rect x="155" y="70" width="70" height="8" rx="4" fill="var(--spoke-1)" opacity="0.15"/>  <g transform="translate(145, 140)"> <rect class="wave-bar" x="0" y="0" width="6" height="40" rx="3" fill="var(--spoke-1)" opacity="0.8" style="animation-delay: 0s"/> <rect class="wave-bar" x="12" y="0" width="6" height="40" rx="3" fill="var(--spoke-1)" opacity="0.9" style="animation-delay: 0.15s"/> <rect class="wave-bar" x="24" y="0" width="6" height="40" rx="3" fill="var(--spoke-1)" opacity="1" style="animation-delay: 0.3s"/> <rect class="wave-bar" x="36" y="0" width="6" height="40" rx="3" fill="var(--spoke-1)" opacity="0.9" style="animation-delay: 0.45s"/> <rect class="wave-bar" x="48" y="0" width="6" height="40" rx="3" fill="var(--spoke-1)" opacity="0.7" style="animation-delay: 0.6s"/> <rect class="wave-bar" x="60" y="0" width="6" height="40" rx="3" fill="var(--spoke-1)" opacity="0.85" style="animation-delay: 0.75s"/> <rect class="wave-bar" x="72" y="0" width="6" height="40" rx="3" fill="var(--spoke-1)" opacity="0.6" style="animation-delay: 0.9s"/> </g>  <rect x="270" y="100" width="100" height="32" rx="8" fill="var(--spoke-1)" opacity="0.12"/> <rect x="280" y="110" width="60" height="4" rx="2" fill="var(--spoke-1)" opacity="0.3"/> <rect x="280" y="118" width="40" height="4" rx="2" fill="var(--spoke-1)" opacity="0.2"/> <rect x="258" y="145" width="112" height="32" rx="8" fill="var(--spoke-1)" opacity="0.08"/> <rect x="268" y="155" width="70" height="4" rx="2" fill="var(--spoke-1)" opacity="0.2"/> <rect x="268" y="163" width="50" height="4" rx="2" fill="var(--spoke-1)" opacity="0.15"/>  <line x1="260" y1="160" x2="270" y2="125" stroke="var(--spoke-1)" stroke-width="1" opacity="0.2" stroke-dasharray="3 3"/>  <circle cx="190" cy="160" r="120" fill="url(#voiceGlow)"/> <defs> <radialGradient id="voiceGlow"> <stop offset="0%" stop-color="var(--spoke-1)" stop-opacity="0.08"/> <stop offset="100%" stop-color="var(--spoke-1)" stop-opacity="0"/> </radialGradient> </defs> </svg> </div> <div class="lp-eyebrow">AI CSR for Home Service Businesses</div> <h1 class="lp-headline">Never miss another service call.</h1> <p class="lp-sub">Your AI front desk answers every call, books jobs, and texts callers back. After hours, weekends, holidays.<br><strong>750 minutes included. $149/mo.</strong></p> <a href="#form" class="lp-hero-cta">Get My Free Assessment</a> </section>  <div class="lp-divider"></div>  <section class="lp-section"> <div class="lp-section-inner"> <div class="lp-section-tag reveal">The Problem</div> <h2 class="lp-section-title reveal">Every missed call is a job that goes to your competitor.</h2> <div class="pain-grid"> <div class="pain-card reveal"> <div class="pain-stat">62%</div> <p class="pain-text">of calls to home service businesses go unanswered</p> <span class="pain-source">Forbes</span> </div> <div class="pain-card reveal"> <div class="pain-stat">85%</div> <p class="pain-text">of callers who reach voicemail won't call back -- they call the next company</p> <span class="pain-source">AT&T</span> </div> <div class="pain-card reveal"> <div class="pain-stat">$1,200</div> <p class="pain-text">average revenue lost per missed HVAC, plumbing, or electrical call</p> <span class="pain-source">Industry average</span> </div> </div> </div> </section>  <div class="lp-divider"></div>  <section class="lp-section"> <div class="lp-section-inner"> <div class="lp-section-tag reveal">How It Works</div> <h2 class="lp-section-title reveal">Live in days. Not months.</h2> <div class="steps-grid"> <div class="step-card reveal"> <div class="step-number">1</div> <h3 class="step-title">We forward your business line</h3> <p class="step-desc">Keep your existing number. Calls forward to your AI CSR after hours, on overflow, or full-time -- your choice.</p> </div> <div class="step-card reveal"> <div class="step-number">2</div> <h3 class="step-title">AI answers like your best CSR</h3> <p class="step-desc">Trained on your services, pricing, and service area. Books jobs directly into Jobber, Housecall Pro, or ServiceTitan.</p> </div> <div class="step-card reveal"> <div class="step-number">3</div> <h3 class="step-title">You get every detail instantly</h3> <p class="step-desc">Transcripts, recordings, and booked appointments delivered in real time. Dispatch-ready before your morning coffee.</p> </div> </div> </div> </section>  <div class="lp-divider"></div>  <section class="lp-section"> <div class="lp-section-inner"> <div class="lp-section-tag reveal">What You Get</div> <h2 class="lp-section-title reveal">More than an answering service. Smarter than a call center.</h2> <div class="outcome-grid"> <div class="outcome-card reveal"> <div class="outcome-icon"> <svg viewBox="0 0 24 24"><path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z"/></svg> </div> <div> <h3 class="outcome-title">Every call answered, 24/7/365</h3> <p class="outcome-desc">Saturday emergency? Late-night leak? Your AI picks up on the first ring. No voicemail, no missed revenue.</p> </div> </div> <div class="outcome-card reveal"> <div class="outcome-icon"> <svg viewBox="0 0 24 24"><rect x="3" y="4" width="18" height="18" rx="2" ry="2"/><line x1="16" y1="2" x2="16" y2="6"/><line x1="8" y1="2" x2="8" y2="6"/><line x1="3" y1="10" x2="21" y2="10"/></svg> </div> <div> <h3 class="outcome-title">Books into your software</h3> <p class="outcome-desc">Connects with Jobber, Housecall Pro, ServiceTitan, and more. Jobs booked automatically -- no double-entry, no phone tag.</p> </div> </div> <div class="outcome-card reveal"> <div class="outcome-icon"> <svg viewBox="0 0 24 24"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg> </div> <div> <h3 class="outcome-title">Texts callers mid-call</h3> <p class="outcome-desc">Sends your address, service area, pricing, or booking confirmation via text -- while the customer is still on the line.</p> </div> </div> <div class="outcome-card reveal"> <div class="outcome-icon"> <svg viewBox="0 0 24 24"><path d="M12 2c-1.1 0-2 .9-2 2v7c0 1.1.9 2 2 2s2-.9 2-2V4c0-1.1-.9-2-2-2z"/><path d="M19 10v1c0 3.9-3.1 7-7 7s-7-3.1-7-7v-1"/><path d="M12 18v4"/><path d="M8 22h8"/></svg> </div> <div> <h3 class="outcome-title">Sounds human, not robotic</h3> <p class="outcome-desc">Callers think they're talking to a real person. Natural conversation, not a phone tree. Trained on your business.</p> </div> </div> <div class="outcome-card reveal"> <div class="outcome-icon"> <svg viewBox="0 0 24 24"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg> </div> <div> <h3 class="outcome-title">750 minutes included</h3> <p class="outcome-desc">Enough to handle hundreds of calls per month. No per-minute surprises. Predictable cost, predictable coverage.</p> </div> </div> <div class="outcome-card reveal"> <div class="outcome-icon"> <svg viewBox="0 0 24 24"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> </div> <div> <h3 class="outcome-title">After-hours emergency routing</h3> <p class="outcome-desc">True emergencies get routed to your on-call tech. Everything else gets booked for the next available slot.</p> </div> </div> </div> </div> </section>  <div class="lp-divider"></div>  <section class="lp-section"> <div class="lp-section-inner"> <div class="lp-section-tag reveal">Real Results</div> <h2 class="lp-section-title reveal">Home service owners who stopped losing calls.</h2> <div class="lp-testimonials"> <div class="lp-testimonial reveal"> <div class="lp-testimonial-mark">“</div> <p class="lp-testimonial-quote">We were sending 40% of our calls to voicemail after 5pm. Now every single one gets answered and booked. We added two jobs a week just from after-hours calls.</p> <div class="lp-testimonial-author"><strong>Mike</strong> · HVAC Company</div> </div> <div class="lp-testimonial reveal"> <div class="lp-testimonial-mark">“</div> <p class="lp-testimonial-quote">My guys are in crawl spaces all day -- they can't answer the phone. The AI handles everything and puts it right into Jobber. It's like hiring a dispatcher for $149.</p> <div class="lp-testimonial-author"><strong>Sarah</strong> · Plumbing Company</div> </div> <div class="lp-testimonial reveal"> <div class="lp-testimonial-mark">“</div> <p class="lp-testimonial-quote">Saturday morning emergency calls used to go to voicemail. Now they get answered, triaged, and my on-call guy gets dispatched before I even wake up.</p> <div class="lp-testimonial-author"><strong>James</strong> · Electrical Contractor</div> </div> </div> </div> </section>  <div class="lp-divider"></div>  <section class="lp-section integrations-section"> <div class="lp-section-inner reveal"> <div class="lp-section-tag">Integrations</div> <h2 class="lp-section-title" style="margin-bottom: 1rem;">Works with the tools you already use.</h2> <p class="integrations-subtitle">Your AI CSR connects to the platforms home service businesses run on.</p> <div class="integration-pills"> <span class="integration-pill">Jobber</span> <span class="integration-pill">Housecall Pro</span> <span class="integration-pill">ServiceTitan</span> <span class="integration-pill">Google Calendar</span> <span class="integration-pill">QuickBooks</span> <span class="integration-pill">Zapier</span> </div> <div class="integrations-phone"> <a href="tel:+14752644979">(475) 264-4979</a> </div> </div> </section>  <div class="lp-divider"></div>  <section class="form-section" id="form"> <div class="form-section-inner"> <div class="lp-section-tag reveal">Free Assessment</div> <h2 class="lp-section-title reveal" style="margin-bottom: 2rem;">See what AI CSR can do for your business.</h2> <div class="form-wrapper reveal"> <h3 class="form-heading">Get your free assessment</h3> <p class="form-sub">Tell us about your business. We'll show you exactly how many calls you're missing and what it's costing you.</p> <form class="lp-form" id="lpForm"> <input type="hidden" name="form_source" value="lp_ai_assistant"> <div class="form-row"> <div class="form-field"> <label for="firstName">First Name</label> <input type="text" id="firstName" name="first" required> </div> <div class="form-field"> <label for="lastName">Last Name</label> <input type="text" id="lastName" name="last" required> </div> </div> <div class="form-field"> <label for="email">Email</label> <input type="email" id="email" name="email" required> </div> <div class="form-field"> <label for="phone">Phone</label> <input type="tel" id="phone" name="phone"> </div> <div class="form-field"> <label for="business">Business Name</label> <input type="text" id="business" name="business"> </div> <button type="submit" class="lp-submit" id="submitBtn">Get My Free Assessment</button> <div class="form-status" id="formStatus"></div> </form> <div class="form-alt"> or call <a href="tel:+14752644979">(475) 264-4979</a> </div> </div> </div> </section>  <footer class="lp-footer">© 2026 SNSYS. All rights reserved.</footer> <script src="/shared/components.js" defer></script> <script> // Remove standard footer injected by components.js (we use our own minimal one) (function() { var stdFooter = document.querySelector('footer[data-theme]'); if (stdFooter) stdFooter.remove(); })(); // Scroll-triggered reveal var reveals = document.querySelectorAll('.reveal'); var revealObserver = new IntersectionObserver(function(entries) { entries.forEach(function(entry) { if (entry.isIntersecting) { entry.target.classList.add('visible'); } }); }, { threshold: 0.1, rootMargin: '0px 0px -40px 0px' }); reveals.forEach(function(el) { revealObserver.observe(el); }); // Stagger cards within grids document.querySelectorAll('.pain-card.reveal, .step-card.reveal, .outcome-card.reveal, .lp-testimonial.reveal').forEach(function(el, i) { el.style.transitionDelay = ((i % 3) * 0.1) + 's'; }); // Form submission document.getElementById('lpForm').addEventListener('submit', async function(e) { e.preventDefault(); var form = e.target; var btn = document.getElementById('submitBtn'); var status = document.getElementById('formStatus'); var data = Object.fromEntries(new FormData(form)); btn.disabled = true; btn.classList.add('sending'); btn.textContent = 'Sending...'; status.textContent = ''; status.className = 'form-status'; try { var res = await fetch('/api/contact', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(Object.assign({}, data, { message: '[LP: AI CSR] Lead from landing page', sessionId: window.__snsys?.sessionId || '', visitorId: window.__snsys?.visitorId || '', gclid: window.__snsys?.getParam('gclid') || '', utmSource: window.__snsys?.getParam('utm_source') || '', utmMedium: window.__snsys?.getParam('utm_medium') || '', utmCampaign: window.__snsys?.getParam('utm_campaign') || '', })) }); if (!res.ok) throw new Error('Failed'); status.textContent = 'Got it! We\'ll be in touch within one business day.'; status.classList.add('success'); window.dataLayer = window.dataLayer || []; window.dataLayer.push({ event: 'form_submit', form_name: 'lp_ai_assistant' }); form.reset(); btn.textContent = 'Sent!'; } catch (err) { status.textContent = 'Something went wrong. Try calling us at (475) 264-4979.'; status.classList.add('error'); btn.textContent = 'Get My Free Assessment'; } finally { btn.disabled = false; btn.classList.remove('sending'); } }); </script> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9d4624a57e47e6b0',t:'MTc3MjE3OTE3MA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>