1<!DOCTYPE html> 2<html lang="en" class="scroll-smooth"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6 <meta name="csrf-token" content="rymGyUsqu4DeNEnZVJE9E5TvfqlMpVkSdN7ybacj"> 7 8 <link rel="icon" href="https://customer2.ai/favicon.svg" type="image/svg+xml"> 9 10 <meta name="stripe-publishable-key" content="pk_live_51RO1T3IqBXh130x0ss9j91l3BfVopIsMuIg6YRFhLmoJSWBg35oEleE2zeHm7hcIghUaBuybbFU1Zk5kyZSwSxrE00aefw2yt8"> 11 <title>Contact â Customer2.AI</title> 12 <meta name="description" content="Get in touch with the Customer2.AI team. We're here to help."> 13 14 <!-- CSS --> 15 <!-- <link href="https://customer2.ai/vendor/aivent/css/bootstrap.min.css" rel="stylesheet"> --> 16 <link href="https://customer2.ai/vendor/aivent/css/vendors.css" rel="stylesheet"> 17 <link href="https://customer2.ai/vendor/aivent/css/swiper.css" rel="stylesheet"> 18 <!-- <link href="https://customer2.ai/vendor/aivent/css/style.css" rel="stylesheet"> --> 19 <link href="https://customer2.ai/vendor/aivent/css/swiper-custom-1.css" rel="stylesheet"> 20 <link id="colors" href="https://customer2.ai/vendor/aivent/css/colors/scheme-01.css" rel="stylesheet"> 21 <link rel="preload" as="style" href="https://customer2.ai/build/assets/app-IQI2Ha4E.css" /><link rel="stylesheet" href="https://customer2.ai/build/assets/app-IQI2Ha4E.css" data-navigate-track="reload" /> 22 23 24 <title>Contact â Customer2.AI</title> 25 <meta name="description" content="Get in touch with the Customer2.AI team. We're here to help."> 26 <link rel="canonical" href="https://customer2.ai/contact"> 27 28 29 <meta property="og:title" content="Contact Customer2.AI"> 30 <meta property="og:description" content="Get in touch with the Customer2.AI team. We're here to help."> 31 <meta property="og:type" content="article"> 32 <meta property="og:url" content="https://customer2.ai/contact"> 33 34 35 <meta name="twitter:card" content="summary_large_image"> 36 <meta name="twitter:title" content="Contact Customer2.AI"> 37 <meta name="twitter:description" content="Get in touch with the Customer2.AI team. We're here to help."> 38 39 40 41
41<script src="https://t.contentsquare.net/uxa/a5c4e39f36428.js" defer></script>
41 42 43 </head> 44 45<body> 46 47 <div id="wrapper"> 48 49 50 <div id="de-loader" style="display: none !important;"> 51 <div class="preloader-inner"> 52 <img src="https://customer2.ai/images/logo-white.png" alt="Customer2.AI" style="width:120px"> 53 </div> 54 </div> 55 56 57 58 <div id="announcement-bar" class="bg-purple text-white text-[11px] transition-colors duration-300"> 59 <div class="section-container-normal flex items-center justify-between gap-4 px-4 py-1.5 md:grid md:grid-cols-[1fr_auto_1fr] md:px-0"> 60 61 62 <div class="flex shrink-0 items-center gap-4 justify-self-start"> 63 <a href="tel:+18778362224" class="flex items-center gap-1.5 hover:text-white/70 transition"> 64 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" 65 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 66 <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.13.96.36 1.9.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.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z"/> 67 </svg> 68 <span>+1 877.836.2224</span> 69 </a> 70 <a href="/cdn-cgi/l/email-protection#7f0c1e131a0c3f1c0a0c0b10121a0d4d511e16" class="flex items-center gap-1.5 hover:text-white/70 transition"> 71 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" 72 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 73 <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/> 74 <polyline points="22 6 12 13 2 6"/> 75 </svg> 76 <span>Email Us</span> 77 </a> 78 </div> 79 80 81 <a href="/register" class="hidden md:block min-w-0 truncate text-center hover:text-white/70 transition justify-self-center invisible pointer-events-none"> 82 <span class="font-semibold">Announcement:</span> Our Announcements Here 83 </a> 84 85 86 <div class="flex shrink-0 items-center gap-4 justify-self-end"> 87 <a href="https://customer2.ai/login" class="flex items-center gap-1.5 hover:text-white/70 transition"> 88 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" 89 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"> 90 <path d="M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4"/> 91 <polyline points="10 17 15 12 10 7"/> 92 <line x1="15" y1="12" x2="3" y2="12"/> 93 </svg> 94 <span>Sign In</span> 95 </a> 96 </div> 97 98 </div> 99</div> 100 101 <nav id="main-nav" class="h-[70px] w-full flex items-center bg-[#010810] text-white transition-all duration-300 sticky top-0 z-40"> 102 103 104 105 <div class="section-container-normal flex items-center justify-between px-4 md:px-0"> 106 107 108 <a href="https://customer2.ai"> 109 <img class="logo-main block" src="https://customer2.ai/images/logo-white-landscape.png" alt="Customer2.AI" style="max-height:25px"> 110 </a> 111 112 113 114 <ul class="lg:flex hidden items-center gap-10"> 115 <li class="relative group"> 116 <a href="/enterprise" 117 class="text-sm hover:text-white/70 transition text-white/75" 118 > 119 Enterprise 120 </a> 121 </li> 122 <li class="relative group"> 123 <a href="/small-business" 124 class="text-sm hover:text-white/70 transition text-white/75" 125 > 126 Small Business 127 </a> 128 </li> 129 <li class="relative group"> 130 <a href="/blog" 131 class="text-sm hover:text-white/70 transition text-white/75" 132 > 133 Blog 134 </a> 135 </li> 136 <li class="relative group"> 137 <a href="#" 138 class="text-sm hover:text-white/70 transition text-white/75" 139 > 140 Partnerships 141 <svg xmlns="http://www.w3.org/2000/svg" width="13" height="13" viewBox="0 0 24 24" fill="none" 142 stroke="currentColor" stroke-width="2" stroke-linecap="round" 143 class="inline-block ml-0.5 transition-transform duration-200 group-hover:rotate-180 align-middle"> 144 <polyline points="6 9 12 15 18 9"/> 145 </svg> 146 </a> 147 <div class="absolute top-full left-1/2 -translate-x-1/2 pt-4 hidden group-hover:block w-48"> 148 <div class="bg-[rgba(18,24,46,0.98)] border border-white/10 rounded-xl py-1.5"> 149 <a href="/affiliate" 150 class="block px-4 py-2.5 text-sm text-white/70 hover:text-white hover:bg-white/[0.06] transition" 151 > 152 Affiliate 153 </a> 154 <a href="/white-label" 155 class="block px-4 py-2.5 text-sm text-white/70 hover:text-white hover:bg-white/[0.06] transition" 156 > 157 White Label 158 </a> 159 </div> 160 </div> 161 </li> 162 <li class="relative group"> 163 <a href="/contact" 164 class="text-sm hover:text-white/70 transition text-white font-semibold" 165 > 166 Contact 167 </a> 168 </li> 169 170 </ul> 171 172 173 <div class="lg:flex hidden items-center gap-3"> 174 <a href="/register" class="btn-block-sm">Create Demo Account</a> 175 </div> 176 177 178 <button id="menu-btn" aria-label="Toggle menu" type="button" 179 class="inline-flex lg:hidden items-center justify-center w-10 h-10 active:scale-90 transition"> 180 <svg id="icon-open" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 30 30" fill="white"> 181 <path d="M 3 7 A 1.0001 1.0001 0 1 0 3 9 L 27 9 A 1.0001 1.0001 0 1 0 27 7 L 3 7 z M 3 14 A 1.0001 1.0001 0 1 0 3 16 L 27 16 A 1.0001 1.0001 0 1 0 27 14 L 3 14 z M 3 21 A 1.0001 1.0001 0 1 0 3 23 L 27 23 A 1.0001 1.0001 0 1 0 27 21 L 3 21 z"/> 182 </svg> 183 <svg id="icon-close" xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 24 24" 184 fill="none" stroke="white" stroke-width="2" stroke-linecap="round" class="hidden"> 185 <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/> 186 </svg> 187 </button> 188 189 </div> 190 191 192 <div id="mobile-menu" 193 class="absolute top-[70px] left-0 w-full hidden border-t border-white/10 z-30" 194 style="background: rgba(10,16,34,0.97); backdrop-filter: blur(12px);"> 195 196 <ul class="flex flex-col px-4 py-4"> 197 198 199 <li> 200 <a href="/enterprise" 201 class="block py-3 text-[15px] text-white hover:text-white/70 border-b border-white/10 transition" 202 > 203 Enterprise 204 </a> 205 </li> 206 <li> 207 <a href="/small-business" 208 class="block py-3 text-[15px] text-white hover:text-white/70 border-b border-white/10 transition" 209 > 210 Small Business 211 </a> 212 </li> 213 <li> 214 <a href="/blog" 215 class="block py-3 text-[15px] text-white hover:text-white/70 border-b border-white/10 transition" 216 > 217 Blog 218 </a> 219 </li> 220 <li> 221 <button data-mobile-toggle 222 class="w-full flex items-center justify-between py-3 text-[15px] text-white hover:text-white/70 border-b border-white/10 transition">
223 <span>Partnerships</span> 224 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" 225 fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" 226 class="transition-transform duration-200"> 227 <polyline points="6 9 12 15 18 9"/> 228 </svg> 229 </button> 230 <ul data-mobile-submenu class="hidden pl-4 pb-2"> 231 <li> 232 <a href="/affiliate" 233 class="block py-2 text-[13px] text-white/60 hover:text-white transition" 234 > 235 Affiliate 236 </a> 237 </li> 238 <li> 239 <a href="/white-label" 240 class="block py-2 text-[13px] text-white/60 hover:text-white transition" 241 > 242 White Label 243 </a> 244 </li> 245 </ul> 246 </li> 247 <li> 248 <a href="/contact" 249 class="block py-3 text-[15px] text-white hover:text-white/70 border-b border-white/10 transition" 250 > 251 Contact 252 </a> 253 </li> 254 255 </ul> 256 257 258 <div class="px-4 py-4"> 259 <a href="/register" class="btn-block-sm inline-block w-full text-center">Start Your Free Trial</a> 260 </div> 261 262 </div> 263 264</nav>
vendor: 110 bytes, lines 264-266
264 265 266<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
266<script> 267document.addEventListener('DOMContentLoaded', () => { 268 const nav = document.getElementById('main-nav'); 269 const bar = document.getElementById('announcement-bar'); 270 const mobileMenu = document.getElementById('mobile-menu'); 271 const menuBtn = document.getElementById('menu-btn'); 272 const iconOpen = document.getElementById('icon-open'); 273 const iconClose = document.getElementById('icon-close'); 274 let lastScrollY = window.scrollY; 275 let ticking = false; 276 277 278 279 // ââ Hamburger âââââââââââââââââââââââââââââââââââââââââââââââââ 280 menuBtn.addEventListener('click', () => { 281 const isHidden = mobileMenu.classList.toggle('hidden'); 282 iconOpen.classList.toggle('hidden', !isHidden); 283 iconClose.classList.toggle('hidden', isHidden); 284 }); 285 286 // ââ Dynamic submenu toggles (any menu item with children) âââââ 287 document.querySelectorAll('[data-mobile-toggle]').forEach(btn => { 288 btn.addEventListener('click', () => { 289 const submenu = btn.nextElementSibling; 290 const chevron = btn.querySelector('svg'); 291 const isHidden = submenu.classList.toggle('hidden'); 292 chevron.style.transform = isHidden ? 'rotate(0deg)' : 'rotate(180deg)'; 293 }); 294 }); 295 296 297}); 298</script>
298 299 300 <section id="hero" class="relative space-background min-h-[500px] flex items-center pt-[50px] lg:pt-[75px] pb-[100px]"> 301 <div class="section-container-normal "> 302 303 <div class="grid grid-cols-12 gap-y-8 lg:gap-20 items-center w-full"> 304 305 306 <div class="col-span-12 lg:col-span-6 xl:col-span-7"> 307 308 309 <div class="flex flex-row justify-start gap-[3px] mb-[4px]"> 310 <span class="text-teal font-semibold text-[22px]">[</span> 311 <span class="text-white text-[16px] mt-[6px]">We're Here To Help</span> 312 <span class="text-teal font-semibold text-[22px]">]</span> 313 </div> 314 315 316 <h1 class="text-h1 text-white mt-[20px] mb-[24px]"> 317 Reach Out <span class='text-teal'>To Us</span> 318 </h1> 319 320 321 <p class="text-body text-white/60 leading-relaxed text-balance"> 322 Have questions? Our team is ready to help you get the most out of Customer2.AI. 323 </p> 324 325 326 <div class="mt-[24px]"> 327 <div class="flex flex-wrap gap-[16px] mt-[32px]"> 328 329 <div class="flex items-center gap-[12px] bg-white/5 rounded p-[16px] flex-1 max-w-[270px]"> 330 <div class="w-[36px] h-[36px] rounded-full bg-purple/20 flex items-center justify-center flex-shrink-0"> 331 <svg class="w-4 h-4 text-purple" fill="currentColor" viewBox="0 0 24 24"> 332 <path d="M6.62 10.79c1.44 2.83 3.76 5.14 6.59 6.59l2.2-2.2c.27-.27.67-.36 1.02-.24 1.12.37 2.33.57 3.57.57.55 0 1 .45 1 1V20c0 .55-.45 1-1 1-9.39 0-17-7.61-17-17 0-.55.45-1 1-1h3.5c.55 0 1 .45 1 1 0 1.25.2 2.45.57 3.57.11.35.03.74-.25 1.02l-2.2 2.2z"/> 333 </svg> 334 </div> 335 <div> 336 <p class="text-white text-[14px] font-semibold">Phone Support</p> 337 <p class="text-white/50 text-[12px]">+1 877.836.2224</p> 338 <p class="text-white/50 text-[12px]">Available 24/7</p> 339 </div> 340 </div> 341 342 <div class="flex items-center gap-[12px] bg-white/5 rounded p-[16px] flex-1 max-w-[270px]"> 343 <div class="w-[36px] h-[36px] rounded-full bg-purple/20 flex items-center justify-center flex-shrink-0"> 344 <svg class="w-4 h-4 text-purple" fill="currentColor" viewBox="0 0 24 24"> 345 <path d="M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/> 346 </svg> 347 </div> 348 <div> 349 <p class="text-white text-[14px] font-semibold">Email Support</p> 350 <p class="text-white/50 text-[12px]"><a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="80f3e1ece5f3c0e3f5f3f4efede5f2b2aee1e9">[email protected]</a></p> 351 <p class="text-white/50 text-[12px]">Available MonâFri, 9amâ6pm EST</p> 352 </div> 353 </div> 354 355 356 </div> 357 </div> 358 359 </div> 360 361 362 363 <div class="col-span-12 lg:col-span-6 xl:col-span-4 xl:col-start-9 flex flex-col bg-deepnavy rounded p-6 sm:p-8 lg:p-12.5"> 364 <form id="contact-form" data-api="https://customer2.ai/api/v1/contact" method="POST"> 365 <input type="hidden" name="_token" value="rymGyUsqu4DeNEnZVJE9E5TvfqlMpVkSdN7ybacj" autocomplete="off"> <div class="border-b border-white/25 py-[14px] focus-within:border-cyan transition-colors duration-200"> 366 <input type="text" name="name" placeholder="Full Name" required 367 class="w-full bg-transparent border-none outline-none text-white text-[15px] placeholder:text-white/50 no-autofill"> 368 </div> 369 <div class="border-b border-white/25 py-[14px] focus-within:border-cyan transition-colors duration-200"> 370 <input type="email" name="email" placeholder="Email Address" required 371 class="w-full bg-transparent border-none outline-none text-white text-[15px] placeholder:text-white/50 no-autofill"> 372 </div> 373 <div class="border-b border-white/25 py-[14px] focus-within:border-cyan transition-colors duration-200"> 374 <input type="text" name="subject" placeholder="Subject" required 375 class="w-full bg-transparent border-none outline-none text-white text-[15px] placeholder:text-white/50 no-autofill"> 376 </div> 377 <div class="border-b border-white/25 py-[14px] focus-within:border-cyan transition-colors duration-200"> 378 <input type="url" name="website" placeholder="Website (
378optional)" 379 class="w-full bg-transparent border-none outline-none text-white text-[15px] placeholder:text-white/50 no-autofill"> 380 </div> 381 <div class="border-b border-white/25 py-[14px] focus-within:border-cyan transition-colors duration-200"> 382 <select name="sales_rep_id" 383 class="w-full bg-transparent border-none outline-none text-white/50 text-[15px] [&>option]:text-black"> 384 <option value="">I did not work with a sales rep</option> 385 <option value="2">Ian M</option> 386 <option value="1">Sean W</option> 387 </select> 388 </div> 389 <div class="border-b border-white/25 py-[14px] focus-within:border-cyan transition-colors duration-200"> 390 <textarea name="message" placeholder="Message" rows="4" required 391 class="w-full bg-transparent border-none outline-none text-white text-[15px] placeholder:text-white/50 resize-none no-autofill:"></textarea> 392 </div> 393 394 <div class="api-errors hidden"></div> 395 396 <button type="submit" class="btn-block w-full text-[15px] font-semibold py-[18px] mt-[28px]"> 397 Send Message 398 </button> 399 </form>
vendor: 118 bytes, lines 399-401
399 400 401 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
401<script> 402 document.addEventListener('DOMContentLoaded', function () { 403 var form = document.getElementById('contact-form'); 404 if (!form) return; 405 406 form.addEventListener('c2ai:api-success', function (e) { 407 // Suppress attribution.js's generic plain-text alert â 408 // we're navigating away to the thank-you page instead. 409 if (e.detail) e.detail.message = ''; 410 411 window.location.href = '/thank-you'; 412 }); 413 }); 414 </script>
414 415 </div> 416 417 418 </div> 419 </div> 420</section> 421 422 423 <!-- Footer Start --> 424<footer class="bg-white border-t border-gray-200"> 425 <div class="section-container-normal py-16"> 426 427 428 <div class="grid grid-cols-1 gap-8 sm:grid-cols-2 lg:grid-cols-[1fr_1fr_1fr_1fr_auto] lg:gap-12"> 429 430 431 <div> 432 <p class="text-[13px] font-bold tracking-widest uppercase text-nearblack mb-4">Contact</p> 433 <p class="text-body text-mutedbluegray leading-relaxed"> 434 9414 E San Salvador Dr,<br> 435 Scottsdale, AZ 85258 436 </p> 437 <p class="text-body text-mutedbluegray mt-3">877.836.2224</p> 438 </div> 439 440 441 <div class="min-w-0"> 442 <p class="text-[13px] font-bold tracking-widest uppercase text-nearblack mb-4">Recent Posts</p> 443 <a href="https://customer2.ai/blog/how-ai-is-transforming-customer-engagement-in-2026" class="text-body text-purple hover:text-purple-900 transition-colors duration-200 block leading-relaxed truncate">How AI Is Transforming Customer Engagement in 2026</a> 444 <a href="https://customer2.ai/blog/why-ai-agents-are-replacing-traditional-call-centers" class="text-body text-purple hover:text-purple-900 transition-colors duration-200 block leading-relaxed truncate">Why AI Agents Are Replacing Traditional Call Centers</a> 445 <a href="https://customer2.ai/blog/5-ways-to-use-predictive-analytics-to-reduce-churn" class="text-body text-purple hover:text-purple-900 transition-colors duration-200 block leading-relaxed truncate">5 Ways to Use Predictive Analytics to Reduce Churn</a> 446 </div> 447 448 449 <div> 450 <p class="text-[13px] font-bold tracking-widest uppercase text-nearblack mb-4">Purpose</p> 451 <p class="text-body text-mutedbluegray leading-relaxed"> 452 Leveraging AI to create seamless, scalable customer experiences, we are 453 <a href="#" class="text-purple hover:text-darkpurple transition-colors duration-200">making the world a better place</a>. 454 </p> 455 </div> 456 457 458 <div> 459 <p class="text-[13px] font-bold tracking-widest uppercase text-nearblack mb-4">Legal</p> 460 <a href="/privacy" class="text-body text-purple hover:text-purple-900 transition-colors duration-200 block leading-relaxed truncate">Privacy Policy</a> 461 <a href="/sms-policy" class="text-body text-purple hover:text-purple-900 transition-colors duration-200 block leading-relaxed truncate">SMS Policy</a> 462 <a href="/email-policy" class="text-body text-purple hover:text-purple-900 transition-colors duration-200 block leading-relaxed truncate">Email Policy</a> 463 <a href="/terms" class="text-body text-purple hover:text-purple-900 transition-colors duration-200 block leading-relaxed truncate">Terms of Service</a> 464 </div> 465 466 467 <div class="flex flex-row gap-2 sm:flex-col sm:gap-2.5"> 468 469 <a href="#" aria-label="LinkedIn" 470 class="w-9 h-9 rounded-full bg-purple hover:bg-darkpurple transition-colors duration-200 flex items-center justify-center flex-shrink-0"> 471 <svg width="15" height="15" fill="none" viewBox="0 0 24 24"> 472 <path fill="white" d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"/> 473 <rect fill="white" width="4" height="12" x="2" y="9"/> 474 <circle fill="white" cx="4" cy="4" r="2"/> 475 </svg> 476 </a> 477 478 479 <a href="https://www.instagram.com/customer2.ai/" aria-label="Twitter" 480 class="w-9 h-9 rounded-full bg-purple hover:bg-darkpurple transition-colors duration-200 flex items-center justify-center flex-shrink-0"> 481 <svg width="15" height="15" fill="white" viewBox="0 0 24 24"> 482 <path d="M12 2.163c3.204 0 3.584.012 4.85.07 3.252.148 4.771 1.691 4.919 4.919.058 1.265.069 1.645.069 4.849 0 3.205-.012 3.584-.069 4.849-.149 3.225-1.664 4.771-4.919 4.919-1.266.058-1.644.07-4.85.07-3.204 0-3.584-.012-4.849-.07-3.26-.149-4.771-1.699-4.919-4.92-.058-1.265-.07-1.644-.07-4.849 0-3.204.013-3.583.07-4.849.149-3.227 1.664-4.771 4.919-4.919 1.266-.057 1.645-.069 4.849-.069zm0-2.163c-3.259
4820-3.667.014-4.947.072-4.358.2-6.78 2.618-6.98 6.98-.059 1.281-.073 1.689-.073 4.948 0 3.259.014 3.668.072 4.948.2 4.358 2.618 6.78 6.98 6.98 1.281.058 1.689.072 4.948.072 3.259 0 3.668-.014 4.948-.072 4.354-.2 6.782-2.618 6.979-6.98.059-1.28.073-1.689.073-4.948 0-3.259-.014-3.667-.072-4.947-.196-4.354-2.617-6.78-6.979-6.98-1.281-.059-1.69-.073-4.949-.073zm0 5.838a6.162 6.162 0 1 0 0 12.324 6.162 6.162 0 0 0 0-12.324zm0 10.162a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm6.406-11.845a1.44 1.44 0 1 0 0 2.881 1.44 1.44 0 0 0 0-2.881z"/> 483 </svg> 484 </a> 485 486 487 <a href="https://www.facebook.com/customer2ai" aria-label="Facebook" 488 class="w-9 h-9 rounded-full bg-purple hover:bg-darkpurple transition-colors duration-200 flex items-center justify-center flex-shrink-0"> 489 <svg width="15" height="15" fill="white" viewBox="0 0 24 24"> 490 <path d="M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z"/> 491 </svg> 492 </a> 493 </div> 494 495 </div> 496 497 498 <div class="mt-12 border-t border-gray-200 pt-5 pb-5"> 499 <p class="text-body-sm text-testmuted">© 2026 Customer 2 AI. All rights reserved.</p> 500 </div> 501 502 </div> 503</footer> 504<!-- Footer end --> 505 506 507 508 509 510 </div> 511 512 513 514
514<script src="https://customer2.ai/js/chat-widget.js?agent=1ce7d6ba-1e8c-4cb5-80a4-e07eb00df842&v=2.3.0" defer></script>
514 515 516
516<script src="https://customer2.ai/js/attribution.js" defer></script>
516 517 518 <link rel="modulepreload" as="script" href="https://customer2.ai/build/assets/parallax-C83NHY8i.js" />
518<script type="module" src="https://customer2.ai/build/assets/parallax-C83NHY8i.js" data-navigate-track="reload"></script>
518 519 <div 520 id="cookie-consent" 521 data-endpoint="https://customer2.ai/cookie-consent" 522 data-csrf="rymGyUsqu4DeNEnZVJE9E5TvfqlMpVkSdN7ybacj" 523 class="cc-root" 524> 525 526 <div 527 id="cookie-consent-banner" 528 role="dialog" 529 aria-modal="false" 530 aria-label="Cookie consent" 531 aria-describedby="cookie-consent-desc" 532 class="hidden fixed inset-x-0 bottom-0 z-[9998] translate-y-full transition-transform duration-300 ease-out bg-white border-t border-gray-200 shadow-[0_-4px_16px_rgba(0,0,0,0.10)]" 533 > 534 <div class="mx-auto max-w-7xl flex flex-col gap-4 px-6 py-5 lg:flex-row lg:items-center lg:justify-between"> 535 <div class="min-w-0"> 536 <p class="text-base font-semibold text-gray-900">We value your privacy</p> 537 <p id="cookie-consent-desc" class="mt-1 text-sm leading-relaxed text-gray-600"> 538 We use cookies to improve your experience on our site and to show you relevant content. By clicking "Agree To Cookies", you consent to our use of cookies as described in our Cookie Policy. 539 <a href="/privacy" class="font-medium text-purple underline hover:text-darkpurple">Cookie Policy</a>. 540 </p> 541 </div> 542 <div class="flex shrink-0 flex-col gap-2 sm:flex-row sm:items-center"> 543 <button type="button" data-cc-action="customize" 544 class="order-3 sm:order-1 rounded-md border border-gray-300 px-5 py-2.5 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors"> 545 Customise 546 </button> 547 <button type="button" data-cc-action="reject_all" 548 class="order-2 rounded-md border border-gray-300 px-5 py-2.5 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors"> 549 Reject all 550 </button> 551 <button type="button" data-cc-action="accept_all" 552 class="order-1 sm:order-3 rounded-md bg-purple px-5 py-2.5 text-sm font-semibold text-white hover:bg-darkpurple transition-colors"> 553 Accept all 554 </button> 555 </div> 556 </div> 557 </div> 558 559 560 <div id="cookie-consent-modal" class="hidden fixed inset-0 z-[9999]" role="dialog" aria-modal="true" aria-label="Cookie preferences"> 561 <div class="absolute inset-0 bg-black/50" data-cc-action="close"></div> 562 <div class="absolute inset-x-0 bottom-0 sm:inset-0 sm:m-auto sm:h-fit sm:max-w-2xl"> 563 <div class="mx-auto max-h-[85vh] overflow-y-auto rounded-t-2xl sm:rounded-2xl bg-white shadow-2xl"> 564 <div class="flex items-start justify-between gap-4 border-b border-gray-200 px-6 py-4"> 565 <div> 566 <h2 class="text-lg font-semibold text-gray-900">We value your privacy</h2> 567 <p class="mt-1 text-sm text-gray-600">We use cookies to improve your experience on our site and to show you relevant content. By clicking "Agree To Cookies", you consent to our use of cookies as described in our Cookie Policy.</p> 568 </div> 569 <button type="button" data-cc-action="close" aria-label="Close" 570 class="shrink-0 rounded-md p-1 text-gray-400 hover:bg-gray-100 hover:text-gray-600"> 571 <svg class="h-5 w-5" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M6 6l12 12M18 6L6 18"/></svg> 572 </button> 573 </div> 574 575 <div class="divide-y divide-gray-100 px-6"> 576 <div class="py-4"> 577 <div class="flex items-start justify-between gap-4"> 578 <div class="min-w-0"> 579 <p class="text-sm font-semibold text-gray-900">Strictly Necessary</p> 580 <p class="mt-0.5 text-sm leading-relaxed text-gray-600">Required for the site to function (security, load balancing, session, consent state itself). Always on â cannot be switched off.</p> 581 </div> 582 <div class="shrink-0 pt-0.5"> 583 <sp
583an class="inline-flex items-center rounded-full bg-gray-100 px-3 py-1 text-xs font-semibold text-gray-500">Always on</span> 584 <input type="hidden" data-cc-category="necessary" value="1"> 585 </div> 586 </div> 587 588 </div> 589 <div class="py-4"> 590 <div class="flex items-start justify-between gap-4"> 591 <div class="min-w-0"> 592 <p class="text-sm font-semibold text-gray-900">Functional</p> 593 <p class="mt-0.5 text-sm leading-relaxed text-gray-600">Remembers your preferences (language, region, chat) to give you a better, more personal experience.</p> 594 </div> 595 <div class="shrink-0 pt-0.5"> 596 <label class="relative inline-flex cursor-pointer items-center"> 597 <input type="checkbox" class="peer sr-only" 598 data-cc-category="functional" > 599 <span class="h-6 w-11 rounded-full bg-gray-300 transition-colors peer-checked:bg-purple"></span> 600 <span class="absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-white transition-transform peer-checked:translate-x-5"></span> 601 </label> 602 </div> 603 </div> 604 605 </div> 606 <div class="py-4"> 607 <div class="flex items-start justify-between gap-4"> 608 <div class="min-w-0"> 609 <p class="text-sm font-semibold text-gray-900">Analytics</p> 610 <p class="mt-0.5 text-sm leading-relaxed text-gray-600">Anonymous, aggregated statistics about how visitors use the site so we can improve it.</p> 611 </div> 612 <div class="shrink-0 pt-0.5"> 613 <label class="relative inline-flex cursor-pointer items-center"> 614 <input type="checkbox" class="peer sr-only" 615 data-cc-category="analytics" > 616 <span class="h-6 w-11 rounded-full bg-gray-300 transition-colors peer-checked:bg-purple"></span> 617 <span class="absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-white transition-transform peer-checked:translate-x-5"></span> 618 </label> 619 </div> 620 </div> 621 622 </div> 623 <div class="py-4"> 624 <div class="flex items-start justify-between gap-4"> 625 <div class="min-w-0"> 626 <p class="text-sm font-semibold text-gray-900">Marketing</p> 627 <p class="mt-0.5 text-sm leading-relaxed text-gray-600">Used to deliver and measure relevant advertising, and to build a profile of your interests.</p> 628 </div> 629 <div class="shrink-0 pt-0.5"> 630 <label class="relative inline-flex cursor-pointer items-center"> 631 <input type="checkbox" class="peer sr-only" 632 data-cc-category="marketing" >
633 <span class="h-6 w-11 rounded-full bg-gray-300 transition-colors peer-checked:bg-purple"></span> 634 <span class="absolute left-0.5 top-0.5 h-5 w-5 rounded-full bg-white transition-transform peer-checked:translate-x-5"></span> 635 </label> 636 </div> 637 </div> 638 639 </div> 640 </div> 641 642 <div class="flex flex-col gap-2 border-t border-gray-200 px-6 py-4 sm:flex-row sm:justify-end"> 643 <button type="button" data-cc-action="reject_all" 644 class="rounded-md border border-gray-300 px-5 py-2.5 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors"> 645 Reject all 646 </button> 647 <button type="button" data-cc-action="save" 648 class="rounded-md border border-gray-300 px-5 py-2.5 text-sm font-semibold text-gray-700 hover:bg-gray-50 transition-colors"> 649 Save my choices 650 </button> 651 <button type="button" data-cc-action="accept_all" 652 class="rounded-md bg-purple px-5 py-2.5 text-sm font-semibold text-white hover:bg-darkpurple transition-colors"> 653 Accept all 654 </button> 655 </div> 656 </div> 657 </div> 658 </div> 659 660 661 <button type="button" id="cookie-consent-reopen" data-cc-action="customize" 662 class="hidden fixed bottom-4 left-4 z-[9997] items-center gap-2 rounded-full border border-gray-200 bg-white px-4 py-2 text-xs font-semibold text-gray-600 shadow-lg hover:text-purple"> 663 <svg class="h-4 w-4" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="1.8"><circle cx="12" cy="12" r="9"/><circle cx="9" cy="9" r="1"/><circle cx="15" cy="10" r="1"/><circle cx="10" cy="15" r="1"/></svg> 664 Cookie settings 665 </button> 666</div> 667
668<script src="https://customer2.ai/js/cookie-consent.js" defer></script>
668 669 670
670<script> 671 window.__c2aiVA = { 672 endpoint: "https:\/\/customer2.ai\/track", 673 gateConsent: true }; 674 </script>
674 675
675<script src="https://customer2.ai/js/analytics-beacon.js" defer></script>
675 676 677
677<script src="https://js.stripe.com/v3/" defer></script>
677 678
678<script src="https://customer2.ai/js/stripe.js" defer></script>
678 679 680
680<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/gsap.min.js"></script>
680 681
681<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/ScrollTrigger.min.js"></script>
681 682
682<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/SplitText.min.js"></script>
682 683
683<script> 684 gsap.registerPlugin(ScrollTrigger, SplitText); 685 686 // SplitText word-flip â guarded so it only runs once even if both default.blade.php 687 // and elevator_pitch.blade.php are on the same page 688 if (!window.__c2aiGsapWordInit) { 689 window.__c2aiGsapWordInit = true; 690 691 const split = new SplitText("#elevator-h3", { type: "words" }); 692 const words = split.words; 693 694 gsap.set(words, { color: "#8a9ab5" }); 695 696 words.forEach((word, i) => { 697 ScrollTrigger.create({ 698 trigger: "#elevator-h3", 699 start: () => { 700 const progress = i / (words.length - 1); 701 return `top ${80 - (progress * 60)}%`; 702 }, 703 onEnter: () => gsap.set(word, { color: "#0f1f3d" }), 704 onLeaveBack: () => gsap.set(word, { color: "#8a9ab5" }), 705 }); 706 }); 707 } 708 709 // Horizontal gallery â scroll restoration is handled manually so it fires AFTER 710 // GSAP creates the pin-spacer. Browser auto-restore runs before window.load and 711 // before the pin-spacer exists, making the restored position land in the wrong 712 // spot. We save the Y offset in beforeunload, disable auto-restore, then apply 713 // it ourselves once the layout is fully pinned. 714 if (!window.__c2aiGsapHorizInit) { 715 window.__c2aiGsapHorizInit = true; 716 717 if ('scrollRestoration' in history) { 718 history.scrollRestoration = 'manual'; 719 } 720 721 window.addEventListener('beforeunload', function () { 722 sessionStorage.setItem('__c2aiScrollY', String(window.scrollY)); 723 }); 724 725 const initHorizGallery = function () { 726 gsap.registerPlugin(ScrollTrigger); 727 728 const sec = document.getElementById('hgw'); 729 const pinWrap = document.getElementById('hgs'); 730 731 if (!sec || !pinWrap) { 732 const saved = sessionStorage.getItem('__c2aiScrollY'); 733 if (saved !== null) { 734 window.scrollTo(0, parseInt(saved, 10)); 735 sessionStorage.removeItem('__c2aiScrollY'); 736 } 737 return; 738 } 739 740 let pinWrapWidth; 741 let horizontalScrollLength; 742 743 function refresh() { 744 pinWrapWidth = pinWrap.scrollWidth; 745 horizontalScrollLength = pinWrapWidth - (window.innerWidth / 2); 746 } 747 748 refresh(); 749 750 const cards = pinWrap.querySelectorAll('.scroll-card'); 751 752 cards.forEach(card => { 753 card.style.transition = 'transform 0.4s ease, filter 0.4s ease, opacity 0.4s ease'; 754 }); 755 756 function updateCards() { 757 const viewportCenter = window.innerWidth / 2; 758 759 cards.forEach(card => { 760 const rect = card.getBoundingClientRect(); 761 const cardCenter = rect.left + rect.width / 2; 762 const distFromCenter = Math.abs(viewportCenter - cardCenter); 763 const distance = distFromCenter / rect.width; 764 765 if (distance < 0.3) { 766 card.style.transform = 'scale(1)'; 767 card.style.filter = 'blur(0px)'; 768 card.style.opacity = '1'; 769 } else { 770 const scale = Math.max(0.8, 1 - (distance * 0.15)); 771 const blur = Math.min(4, distance * 3); 772 const opacity = Math.max(0.6, 1 - (distance * 0.2)); 773 774 card.style.transform = `scale(${scale})`; 775 card.style.filter = `blur(${blur}px)`; 776 card.style.opacity = String(opacity); 777 } 778 }); 779 } 780 781 gsap.to(pinWrap, { 782 scrollTrigger: { 783 scrub: true, 784 trigger: sec, 785 pin: sec, 786 start: 'center center', 787 end: () => `+=${pinWrapWidth - (window.innerWidth / 2)}`, 788 invalidateOnRefresh: true, 789 onUpdate: () => updateCards(), 790 }, 791 x: () => -horizontalScrollLength, 792 ease: 'none', 793 }); 794 795 updateCards(); 796 797 ScrollTrigger.addEventListener('refreshInit', () => { 798 refresh(); 799 updateCards(); 800 }); 801 802 // Restore scroll position NOW â pin-spacer is in place so the layout 803 // is in its final state and the position lands correctly. 804 const savedY = sessionStorage.getItem('__c2aiScrollY'); 805 if (savedY !== null) { 806 window.scrollTo(0, parseInt(savedY, 10)); 807 sessionStorage.removeItem('__c2aiScrollY'); 808 } 809 810 ScrollTrigger.refresh(); 811 }; 812 813 if (document.readyState === 'complete') { 814 initHorizGallery(); 815 } else { 816 window.addEventListener('load', initHorizGallery); 817 } 818 819 // Re-measure when the page is restored from the browser back/forward cache. 820 window.addEventListener('pageshow', function (e) { 821 if (e.persisted) ScrollTrigger.refresh(); 822 }); 823 } 824
825 // Counter animation â guarded so it only runs once 826 if (!window.__c2aiGsapCounterInit) { 827 window.__c2aiGsapCounterInit = true; 828 829 const items = document.querySelectorAll(".counter"); 830 831 items.forEach(el => { 832 const target = parseInt(el.textContent.replace(/,/g, '')); 833 834 gsap.fromTo(el, 835 { textContent: 0 }, 836 { 837 textContent: target, 838 duration: 4, 839 ease: Power1.easeIn, 840 snap: { textContent: 1 }, 841 onUpdate: function () { 842 el.textContent = parseInt(el.textContent).toLocaleString(); 843 }, 844 scrollTrigger: { 845 trigger: el, 846 start: 'top 80%', 847 once: true, 848 } 849 } 850 ); 851 }); 852 } 853 </script>
853 854 855 856 857 858
858<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"ecb8f65743074f1ba8b1f8f132231b90","r":1,"spa":2}' crossorigin="anonymous"></script>
858 859</body> 860</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.