PageSourceSearch

https://customer2.ai/contact

html customer2.ai collected 2026-10-05 11:56:43 UTC 47,925 bytes, 860 lines download raw bytes

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&#039;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&#039;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&#039;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&#039;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&#039;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&#160;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 &quot;Agree To Cookies&quot;, 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 &quot;Agree To Cookies&quot;, 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.