PageSourceSearch

https://recallhq.com/

html recallhq.com collected 2026-10-09 22:39:43 UTC 93,218 bytes, 2,173 lines download raw bytes

1
2<!-- ////////////// HTML //////////////// -->
3<!DOCTYPE html>
4<html lang="en">
5<head>
6
7
8    <!-- Metadata -->
9    <meta charset="UTF-8">
10    <meta http-equiv="X-UA-Compatible" content="IE=edge">
11    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
12    
13    <!-- Title -->
14    <title>RecallHQ</title>
15
16    <link rel="canonical" href="https://www.recallhq.com/" />
17
18    <!-- Open Graph Meta Tags -->
19    <meta property="og:title" content="RecallHQ">
20    <meta property="og:description" content="Your Headquarters for all things recall outreach">
21    <meta property="og:image" content="https://recallhq.com/assets/images/recallHq_highRes.png">
22    <meta property="og:url" content="https://recallhq.com/">
23    <meta property="og:type" content="website">
24
25    <!-- Twitter Card Meta Tags -->
26    <meta name="twitter:card" content="summary_large_image">
27    <meta name="twitter:title" content="RecallHQ">
28    <meta name="twitter:description" content="Your Headquarters for all things recall outreach">
29    <meta name="twitter:image" content="https://recallhq.com/assets/images/recallHq_highRes.png">
30
31    <!-- Fallback Meta Tag -->
32    <link rel="icon" href="https://recallhq.com/assets/images/favicon.png" type="image/png">
33
34    <!-- Favicon -->
35    <link data-favicon rel="icon" type="image/png" href="https://recallhq.com/assets/images/favicon.png">
36    <link data-favicon rel="apple-touch-icon" sizes="57x57" href="https://recallhq.com/assets/images/favicon.png">
37    <link data-favicon rel="apple-touch-icon" sizes="72x72" href="https://recallhq.com/assets/images/favicon.png">
38    
39
40    <!-- Fonts -->
41    <link rel="preconnect" href="https://fonts.googleapis.com">
42    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
43    
44    <link href="https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Montserrat:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
45    <link rel="preconnect" href="https://fonts.googleapis.com">
46    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
47
48
49    <!-- AOS -->
50    <link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
51
52    <!-- Mapbox -->
53    
53<script src="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.js"></script>
53
54    
54<script src='https://npmcdn.com/@turf/turf/turf.min.js'></script>
54
55    <link href="https://api.mapbox.com/mapbox-gl-js/v2.15.0/mapbox-gl.css" rel="stylesheet">
56
57    <!-- Font Awesome -->
58    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
59    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/boxicons@latest/css/boxicons.min.css">
60    <link rel="preconnect" href="https://fonts.googleapis.com">
61
62
63    <!-- Styles -->
64    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
65    <link rel="stylesheet" href="assets/css/base.css">
66    <link rel="stylesheet" href="assets/css/mapping.css">
67    <link rel="stylesheet" href="assets/css/styles.css?12345">
68
69    <!-- Scripts -->
70    
70<script src="https://player.vimeo.com/api/player.js"></script>
70
71    
71<script src="assets/js/nav.js?12341" type="module" defer></script>
71
72    
72<script src="assets/js/script.js?12ab123" type="module" defer></script>
72
73    
73<script src="assets/js/schedule_demo.js?11234" type="module" defer></script>
73
74    
74<script src="assets/js/contact.js?12341" defer></script>
74
75    
75<script src="assets/js/slider.js?12341" defer></script>
75
76
77
78</head>
79<body>    
80        
81    <div class="section hero-section">
82            
83            <img class="hero-background" src="assets/images/hero_background_mobile_402.png" alt="hero_background">
84
85            <div class="top-nav">
86                
87                <div class="nav-wrapper">
88                
89                    <div class="mobile-nav-wrapper">
90                        <img class="nav-logo" src="assets/images/recallHqLogoWhite_sm.svg" alt="recall_hq_nav_logo">
91
92                        <div class="nav-icon">
93                            <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
94                                <path d="M3 12H21M3 6H21M3 18H21" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
95                            </svg>
96                        </div>
97                    </div>
98
99                    <div class="nav-items-wrapper">
100
101                        <div class="nav-items">
102                            <a href="#products" class="footer-link" href="">Solutions</a>
103                            <a href="#blog" class="footer-link">Blog</a>
104                            <a class="footer-link" href="#contact">Contact</a>
105                            <a class="btn-md btn-mid openModalBtn">Schedule a Demo</a>
106                        </div>
107
108
109
110                    </div>
111
112                </div>
113
114            </div>
115
116
117            <div class="wrapper"
118                data-aos="fade-in"
119                data-aos-delay="50"
120                data-aos-duration="1000"
121                data-aos-easing="ease-in-out"
122                data-aos-once="true">
123
124                <div class="text-group">
125
126                    <div class="headline text-light">Your Headquarters for all things <span class="emphasis text-light no-break">recall&nbsp;outreach</span></div>
127
128                    <div class="subhead text-light">Powered by VIN-Level Precision. Built for Platforms That Can't Afford to Guess.</div>
129
130                    <a href="#map_wrapper" class="btn-md btn-dark">Find Recalls in Your Area</a>
131
132                    
133                </div>
134                
135
136
137                <div class="hero-video">
138                    <!-- <img style="position:absolute;" src="assets/images/hero_video_placehodler.png" alt="hero_video_img"> -->
139                    <iframe
140                        class="hero-vimeo-bg"
141                        src="https://player.vimeo.com/video/1148799851?background=1&autoplay=1&loop=1&muted=1" 
142                        frameborder="0" 
143                        allow="autoplay; fullscreen;" 
144                        title="RecallHQ HERO Video">
145                    </iframe>
146                    <div class="hero-img-play-btn">
147                        <button class="play-btn" aria-label="Play video">
148                            <svg width="19" height="21" viewBox="0 0 19 21" fill="none" xmlns="http://www.w3.org/2000/svg">
149                                <g filter="url(#filter0_i_2030_391)">
150                                <path d="M16.5498 8.41212C17.8831 9.18192 17.8831 11.1064 16.5498 11.8762L3.7498 19.2663C2.41647 20.0361 0.749804 19.0739 0.749804 17.5343V2.75409C0.749804 1.21449 2.41647 0.252239 3.7498 1.02204L16.5498 8.41212Z" stroke="url(#paint0_linear_2030_391)" stroke-width="1.5" stroke-linejoin="round"/>
151                                </g>
152                                <defs>
153                                <filter id="filter0_i_2030_391" x="0" y="0" width="18.2998" height="20.2884" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
154                                <feFlood flood-opacity="0" result="BackgroundImageFix"/>
155                                <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
156                                <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
157                                <feOffset/>
158                                <feGaussianBlur stdDeviation="10"/>
159                                <feComposite in2="hardAlpha" operator="arithmetic" k2="-1" k3="1"/>
160                                <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/>
161                                <feBlend mode="normal" in2="shape" result="effect1_innerShadow_2030_391"/>
162                                </filter>
163                                <linearGradient id="paint0_linear_2030_391" x1="7.
16301647" y1="-2.38916" x2="7.01647" y2="22.6775" gradientUnits="userSpaceOnUse">
164                                <stop stop-color="#0575F3"/>
165                                <stop offset="1" stop-color="#03448D"/>
166                                </linearGradient>
167                                </defs>
168                            </svg>
169                        </button>
170                    </div>
171                </div>
172            
173            </div>
174        
175
176
177    </div><!-- Hero Section -- END -->
178
179
180
181    <div class="section market-count-section" 
182        data-aos="fade-up"
183        data-aos-offset="100"
184        data-aos-delay="50"
185        data-aos-duration="1000"
186        data-aos-easing="ease-in-out"
187        data-aos-once="true">
188
189        <div id="market-count-section" class="headline text-mid statement" style="text-transform:none;">Automotive platforms, dealers, and OEMs rely on RecallHQ for recall data that is accurate at the VIN level, available in near real-time, and simple to integrate - without adding operational complexity.
190        </div>
191        
192        <div class="wrapper">
193
194            <div id="dealer-entry"  class="market-count-form-page text-group">
195
196                <div class="headline text-dark">How many recalls 
197                are in your area?</div>
198
199                <div class="feature-input-wrapper">
200                    <input id="dealer_name" class="feature-input" type="text" placeholder="Search Dealer Name">
201                    <div id="dealer-help-text" class="validation-help-text">Please enter and select a dealer.</div>
202                </div>
203
204                <button id="dealer-entry-proceed" class="proceed-btn submit-btn submit-btn-lg">
205                    Find Out!
206                </button>
207
208                <br>
209                <div class="card-subhead text-dark">If you have multiple dealers please <span id="launch-chat" data-launch-chat class="text-btn text-dark no-break">chat&nbsp;with&nbsp;us</span> or send an email to [email protected] and our team can provide additional market assessments!</div>
210
211                <div class="progress-indicator">
212                    <div class="progress-bar"></div>
213                    <div class="progress-bar"></div>
214                    <div class="progress-bar"></div>
215                </div>
216            
217            </div>
218
219            <div id="brands-entry" style="display:none;" class="market-count-form-page text-group">
220
221                <div class="headline text-dark">What Brands Will 
222                You Service?</div>
223
224                <div>
225                <div id="brands-input-wrapper" class="input-group-wrapper">
226                    <div class="input-group">
227
228                        <label class="text-xs inline-checkbox">
229                            <input type="checkbox" name="selected" value="ACURA">Acura</label>
230
231                        <label class="text-xs inline-checkbox">
232                            <input type="checkbox" name="selected" value="ALFA ROMEO">Alfa Romeo</label>
233
234                        <label class="text-xs inline-checkbox">
235                            <input type="checkbox" name="selected" value="AUDI">Audi</label>
236
237                        <label class="text-xs inline-checkbox">
238                            <input type="checkbox" name="selected" value="BMW">BMW</label>
239
240                        <label class="text-xs inline-checkbox">
241                            <input type="checkbox" name="selected" value="BUICK">Buick</label>
242
243                        <label class="text-xs inline-checkbox">
244                            <input type="checkbox" name="selected" value="CADILLAC">Cadillac</label>
245
246                        <label class="text-xs inline-checkbox">
247                            <input type="checkbox" name="selected" value="CHEVROLET">Chevrolet</label>
248
249                        <label class="text-xs inline-checkbox">
250                            <input type="checkbox" name="selected" value="CHRYSLER">Chrysler</label>
251
252                        <label class="text-xs inline-checkbox">
253                            <input type="checkbox" name="selected" value="DODGE">Dodge</label>
254
255                        <label class="text-xs inline-checkbox">
256                            <input type="checkbox" name="selected" value="FIAT">Fiat</label>
257
258                        <label class="text-xs inline-checkbox">
259                            <input type="checkbox" name="selected" value="FORD">Ford</label>
260
261                        <label class="text-xs inline-checkbox">
262                            <input type="checkbox" name="selected" value="GENESIS">Genesis</label>
263
264                        <label class="text-xs inline-checkbox">
265                            <input type="checkbox" name="selected" value="GMC">GMC</label>
266
267                        <label class="text-xs inline-checkbox">
268                            <input type="checkbox" name="selected" value="HONDA">Honda</label>
269
270                        <label class="text-xs inline-checkbox">
271                            <input type="checkbox" name="selected" value="HUMMER">Hummer</label>
272
273                        <label class="text-xs inline-checkbox">
274                            <input type="checkbox" name="selected" value="HYUNDAI">Hyundai</label>
275
276                        <label class="text-xs inline-checkbox">
277                            <input type="checkbox" name="selected" value="INFINITI">Infiniti</label>
278
279                        <label class="text-xs inline-checkbox">
280                            <input type="checkbox" name="selected" value="JAGUAR">Jaguar</label>
281
282                        <label class="text-xs inline-checkbox">
283                            <input type="checkbox" name="selected" value="JEEP">Jeep</label>
284
285                        <label class="text-xs inline-checkbox">
286                            <input type="checkbox" name="selected" value="KIA">Kia</label>
287                            
288                        <label class="text-xs inline-checkbox">
289                            <input type="checkbox" name="selected" value="LA
289ND ROVER">Land Rover</label>
290                            
291                        <label class="text-xs inline-checkbox">
292                            <input type="checkbox" name="selected" value="LEXUS">Lexus</label>
293
294                        <label class="text-xs inline-checkbox">
295                            <input type="checkbox" name="selected" value="LINCOLN">Lincoln</label>
296
297                        <label class="text-xs inline-checkbox">
298                            <input type="checkbox" name="selected" value="MASERATI">Maserati</label>
299                            
300                        <label class="text-xs inline-checkbox">
301                            <input type="checkbox" name="selected" value="MAZDA">Mazda</label>
302
303                        <label class="text-xs inline-checkbox">
304                            <input type="checkbox" name="selected" value="MERCEDES-BENZ">Mercedes-Benz</label>
305
306                        <label class="text-xs inline-checkbox">
307                            <input type="checkbox" name="selected" value="MINI">Mini</label>
308
309                        <label class="text-xs inline-checkbox">
310                            <input type="checkbox" name="selected" value="MITSUBISHI">Mitsubishi</label>
311
312                        <label class="text-xs inline-checkbox">
313                            <input type="checkbox" name="selected" value="NISSAN">Nissan</label>
314
315                        <label class="text-xs inline-checkbox">
316                            <input type="checkbox" name="selected" value="PORSCHE">Porsche</label>
317
318                        <label class="text-xs inline-checkbox">
319                            <input type="checkbox" name="selected" value="RAM">RAM</label>
320
321                        <label class="text-xs inline-checkbox">
322                            <input type="checkbox" name="selected" value="SUBARU">Subaru</label>
323
324                        <label class="text-xs inline-checkbox">
325                            <input type="checkbox" name="selected" value="TESLA">Tesla</label>
326
327                        <label class="text-xs inline-checkbox">
328                            <input type="checkbox" name="selected" value="TOYOTA">Toyota</label>
329
330                        <label class="text-xs inline-checkbox">
331                            <input type="checkbox" name="selected" value="VOLKSWAGEN">Volkswagen</label>
332
333                        <label class="text-xs inline-checkbox">
334                            <input type="checkbox" name="selected" value="VOLVO">Volvo</label>
335
336                    </div>
337                </div>
338                <div id="brands-help-text" class="validation-help-text">Please select at least one brand.</div>
339                </div>
340
341                <button id="brands-entry-proceed" class="proceed-btn submit-btn submit-btn-lg"> 
342                    Almost There...
343                </button>
344
345                <button id="back-to-dealer" class="text-btn text-btn-light">Go Back</button>
346
347                <div class="progress-indicator">
348                    <div class="progress-bar complete"></div>
349                    <div class="progress-bar"></div>
350                    <div class="progress-bar"></div>
351                </div>
352        
353            </div>
354
355            <div id="contact-entry" style="display:none;"  class="market-count-form-page text-group">
356
357                <div class="headline text-dark">Let Us Know Where to Send Your Recall Outreach Details</div>
358            
359                <div class="input-group">
360                
361                    <!-- <input id="name" class="text-input text-input-md" type="text" placeholder="Your Name">
362
363                    <input id="email" class="text-input text-input-md" type="text" placeholder="[email protected]"> -->
364
365                    <div class="submission-form">
366                        <div id='crmWebToEntityForm' class='zcwf_lblTopBottom crmWebToEntityForm'>
367<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
368    <META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>
vendor: 86 bytes, lines 368-371
368
369    <script src='https://www.google.com/recaptcha/api.js' async defer></script>
370
371    
371<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'></script>
371
372
373    <div class='wf_customMessageBox' id='wf_splash' style='display:none'>
374    <div class='wf_customCircle'>
375    <div class='wf_customCheckMark'></div>
376    </div>
377    <span id='wf_splash_info'></span>
378    </p>
379    </div>
380
381<form id='webform6559824000000657001' name=WebToLeads6559824000000657001 accept-charset='UTF-8'>
382    <input type='text' style='display:none;' name='xnQsjsdp' value='00062d11c4983c7fa19e924772b347a060702fc6dfacb808c1237e6fed978402'></input> 
383    <input type='hidden' name='zc_gad' id='zc_gad' value=''></input>
384    <input type='text' style='display:none;' name='xmIwtLD' value='f81caf038f035bdab57b188e21f403258a0f4e30e600270508b1c4c828f0dc38a79608ab98c9b806be80d16a4d6e9f8b'></input> 
385    <input type='text'  style='display:none;' name='actionType' value='TGVhZHM='></input>
386    <input type='text' style='display:none;' name='returnURL' value='null' > </input>
387	 <!-- Do not remove this code. -->
388
389
390<!-- First Name -->
391<div class='zcwf_row'>
392    <div class='zcwf_col_lab'>
393        <label for='First_Name'>First Name<span style='color:red;'>*</span></label>
394    </div>
395    <div class='zcwf_col_fld'>
396        <input type='text' id='First_Name' aria-required='true' aria-label='First Name' name='First Name' aria-valuemax='40' maxlength='40'></input>
397        <div class='zcwf_col_help'></div>
398    </div>
399</div>
400
401<!-- Last Name -->
402<div class='zcwf_row'>
403    <div class='zcwf_col_lab'>
404        <label for='Last_Name'>Last Name<span style='color:red;'>*</span></label>
405    </div>
406    
407    <div class='zcwf_col_fld'>
408        <input type='text' id='Last_Name' aria-required='true' aria-label='Last Name' name='Last Name' aria-valuemax='80' maxlength='80'></input>
409        <div class='zcwf_col_help'></div>
410    </div>
411</div>
412
413<!-- Email -->
414<div class='zcwf_row'>
415    <div class='zcwf_col_lab'>
416        <label for='Email'>Email<span style='color:red;'>*</span></label>
417    </div>
418    
419    <div class='zcwf_col_fld'>
420        <input type='text' ftype='email' autocomplete='false' id='Email' aria-required='true' aria-label='Email' name='Email' aria-valuemax='100' crmlabel='' maxlength='100'></input>
421        <div class='zcwf_col_help'></div>
422    </div>
423</div>
424
425<!-- CAPTCHA -->
426<div class='zcwf_row'>
427    <div class='zcwf_col_lab'></div>
428    <div class='zcwf_col_fld'>
429        <div class='g-recaptcha' data-sitekey='6LcA47kqAAAAAHq9G8934txP4hN9ZzQkeHORHnsb' data-theme='light' data-callback='rccallback6559824000000657001' captcha-verified='false' id='recap6559824000000657001'></div>
430        <div  id='recapErr6559824000000657001' style='font-size:12px;color:red;visibility:hidden;'>Captcha validation failed. If you are not a robot then please try again.</div>
431    </div>
432</div>
433
434<!-- SUBMIT -->
435<div class='zcwf_row'>
436    <div class='zcwf_col_lab'></div>
437    <div class='zcwf_col_fld'>
438        <input type='submit' data-market-count-submit id='formsubmit' role='button' class='submit-btn submit-btn-lg' value="Let's Go!" aria-label='Submit' title='Submit'>
439        <input type='reset' class='zcwf_button' role='button' name='reset' value='Reset' aria-label='Reset' title='Reset'>
440    </div>
441</div>
442	
443
444<!-- SCRIPTS -->
445<script>
446
447  /* Do not remove this code. */
448 	function rccallback6559824000000657001()
449	{
450		if(document.getElementById('recap6559824000000657001')!=undefined){
451			document.getElementById('recap6559824000000657001').setAttribute('captcha-verified',true);
452		}
453		if(document.getElementById('recapErr6559824000000657001')!=undefined && document.getElementById('recapErr6559824000000657001').style.visibility == 'visible' ){
454			document.getElementById('recapErr6559824000000657001').style.visibility='hidden';
455		}
456	}
457	function reCaptchaAlert6559824000000657001()
458	{
459		var recap = document.getElementById('recap6559824000000657001');
460		if( recap !=undefined && recap.getAttribute('captcha-verified') == 'false')
461		{
462			document.getElementById('recapErr6559824000000657001').style.visibility='visible';
463			return false;
464		}
465		return true;
466	}
467	function validateEmail6559824000000657001()
468	{
469		var form = document.forms['WebToLeads6559824000000657001'];
470		var emailFld = form.querySelectorAll('[ftype=email]');
471		var i;
472		for (i = 0; i < emailFld.length; i++)
473		{
474			var emailVal = emailFld[i].value;
475			if((emailVal.replace(/^\s+|\s+$/g, '')).length!=0 )
476			{
477				var atpos=emailVal.indexOf('@');
478				var dotpos=emailVal.lastIndexOf('.');
479				if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailVal.length)
480				{
481					alert('Please enter a valid email address. ');
482					emailFld[i].focus();
483					return false;
484				}
485			}
486		}
487		return true;
488	}
489
490	function checkMandatory6559824000000657001() {
491		var mndFileds = new Array('First Name','Last Name','Email');
492		var fldLangVal = new Array('First\x20Name','Last\x20Name','Email');
493		for(i=0;i<mndFileds.length;i++) {
494		  var fieldObj=document.forms['WebToLeads6559824000000657001'][mndFileds[i]];
495		  if(fieldObj) {
496
497            let help_text = fieldObj.closest('div').querySelector('.zcwf_col_help')
498
499            fieldObj.style.borderColor = "#344054"
500            help_text.innerHTML = ""
501
502			if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {
503			 if(fieldObj.type =='file')
504				{ 
505				 alert('Please select a file to upload.'); 
506				 fieldObj.focus(); 
507				 return false;
508				} 
509			    fieldObj.style.borderColor = "#F04438"
510                help_text.innerHTML = fldLangVal[i] +' cannot be empty.'
511                help_text.classList.add('help-text')
512                // alert(fldLangVal[i] +' cannot be empty.'); 
513   	   	  	  fieldObj.focus();
514   	   	  	  return false;
515			}  else if(fieldObj.nodeName=='SELECT') {
516  	   	   	 if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {
517				alert(fldLangVal[i] +' cannot be none.'); 
518				fieldObj.focus();
519				return false;
520			   }
521			} else if(fieldObj.type =='checkbox'){
522 	 	 	 if(fieldObj.checked == false){
523				alert('Please accept  '+fldLangVal[i]);
524				fieldObj.focus();
525				return false;
526			   } 
527			 } 
528			 try {
529			     if(fieldObj.name == 'Last Name') {
530				name = fieldObj.value;
531 	 	 	    }
532			} catch (e) {}
533		    }
534		}
535		if(!validateEmail6559824000000657001()){return false;}
536		
537		if(!reCaptchaAlert6559824000000657001()){return false;}
538		
539        var urlparams = new URLSearchParams( window.location.search);
540        if(urlparams.has('service') && (urlparams.get('service')==='smarturl')){
541            var webform = document.getElementById('webform6559824000000657001');
542            var service =  urlparams.get('service'); 
543            var smarturlfield = document.createElement('input');
544            smarturlfield.setAttribute('type','hidden');
545            smarturlfield.setAttribute('value',service);
546            smarturlfield.setAttribute('name','service');
547            webform.appendChild(smarturlfield); 
548        }
549
550            document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true);
551        return true;
552	}
553//////////////////////////////////////////////////////////////////////////////
554    // Remove for production
555//////////////////////////////////////////////////////////////////////////////
556    // $(document).ready(function () {
557    //     $('#webform6559824000000657001').submit(function (e) {
558    //         e.preventDefault();
559    //     })
560    // })
561//////////////////////////////////////////////////////////////////////////////
562    // Uncomment for production
563//////////////////////////////////////////////////////////////////////////////
564    $(document).ready(function () {
565        $('#webform6559824000000657001').submit(function (e) {
566            var ismandatory = checkMandatory6559824000000657001();
567            e.preventDefault();
568            if(ismandatory){
569                if(typeof _wfa_track != 'undefined' && _wfa_track.wfa_submit){ _wfa_track.wfa_submit(e); }
570                var formData = new FormData(this);
571                $.ajax({
572                    url :'https://crm.zoho.com/crm/WebToLeadForm',
573                    type : 'POST',
574                    data : formData,
575                    cache: false,
576                    contentType: false,
577                    processData: false,
578                    success: function(data) {
579                            // var splashinfodom = document.getElementById('wf_splash_info');
580                            // splashinfodom.innerText=data.actionvalue;
581                            // var splashdom = document.getElementById('wf_splash');
582
583                            console.log(formData)
584
585                            sendCountData(formData)
586
587                            document.getElementById('webform6559824000000657001').reset.click();
588
589                            console.log("lets go - display receipt")
590                            //  Hide current page
591                            document.querySelector('#contact-entry').style.display = "none"
592                            // Show next page
593                            document.querySelector('#count-submitted').style.display = "flex"
594
595                            // splashdom.style.display = '';
596                            // setTimeout(function(){
597                            //     splashdom.style.display = 'none';
598                            // },5000);
599                    document.querySelector('.crmWebToEntityForm .formsubmit').removeAttribute('disabled');
600                    },
601                    error: function(data){
602                        alert('an error occurred');
603                    } 
604                });
605            }
606        });
607    });
608
609    function tooltipShow6559824000000657001(el){
610        var tooltip = el.nextElementSibling;
611        var tooltipDisplay = tooltip.style.display;
612        if(tooltipDisplay == 'none'){
613            var allTooltip = document.getElementsByClassName('zcwf_tooltip_over');
614            for(i=0; i<allTooltip.length; i++){
615                allTooltip[i].style.display='none';
616            }
617            tooltip.style.display = 'block';
618        }else{
619            tooltip.style.display='none';
620        }
621    }
622
623    function sendCountData(formData) {
624        const dataObject = Object.fromEntries(formData.entries());
625
626        document.querySelector('#form_first_name').value = dataObject['First Name']
627        document.querySelector('#form_last_name').value = dataObject['Last Name']
628        document.querySelector('#form_email').value = dataObject['Email']
629        console.log("Send count data")
630        console.log(dataObject)
631
632        sendEmail()
633    }
634
635
636    function sendEmail() {
637        
638
639
640        let dealer_name = document.querySelector('#dealer_name').value
641        let dealer_website = document.querySelector('#dealer_website').value
642        let dealer_street_address = document.querySelector('#dealer_street_address').value
643        let dealer_city = document.querySelector('#dealer_city').value
644        let dealer_state = document.querySelector('#dealer_state').value
645        let dealer_zipcode = document.querySelector('#dealer_zipcode').value
646        let dealer_latitude = document.querySelector('#dealer_latitude').value
647        let dealer_longitude = document.querySelector('#dealer_longitude').value
648        let dealer_place_id = document.querySelector('#dealer_place_id').value
649        let dealer_rating = document.querySelector('#dealer_rating').value
650        let dealer_rating_total = document.querySelector('#dealer_rating_total').value
651        let count_id = document.querySelector('#count_id').value
652        let form_first_name = document.querySelector('#form_first_name').value
653        let form_last_name = document.querySelector('#form_last_name').value
654        let form_email = document.querySelector('#form_email').value
655
656
657
658
659        let data = {
660            "first_name": form_first_name,
661            "last_name": form_last_name,
662            "email": form_email,
663            "dealer_name": dealer_name,
664            "dealer_website": dealer_website,
665            "dealer_address": dealer_street_address,
666            "dealer_city": dealer_city,
667            "dealer_state": dealer_state,
668            "dealer_zipcode": dealer_zipcode,
669            "dealer_latitude": dealer_latitude,
670            "dealer_longitude": dealer_longitude,
671            "dealer_place_id": dealer_place_id,
672            "dealer_rating": dealer_rating,
673            "dealer_rating_total": dealer_rating_total,
674            "count_id": count_id
675        }
676        data = JSON.stringify(data)
677
678        $.ajax({
679            url: `assets/scripts/ajax/send_market_count_email.php`,
680            type: "POST",
681            data:{"data":data},
682            }).done(function(data) {
683                console.log(data)
684
685                response = JSON.parse(data)
686                
687                if (response.success == "1")
688                {
689                    console.log('Confirmation successful.')
690                  
691                }
692                else
693                {
694                    console.log('Error in confirmation.')
695                }
696
697            })
698
699
700    }
701
702
703</script>
703
704
705
706	<!-- Do not remove this --- Analytics Tracking code starts -->
707     
707<script id='wf_anal' src='https://crm.zohopublic.com/crm/WebFormAnalyticsServeServlet?rid=62c4098c274b7d6a847a2bfa8b5765308a9dfa88fdaa3c4c2bc723f3460cd96c79facf3fc8855640b6baf7b1c8c825e2gidf6090db798f1ae6044b3d64556449ac1fb4752552add868b42baa277979ca632gidc004baa4fcb7df853e535a957a89c2cc94f2d7589505a5e2894d95a169d306e5gid403eac9fdc6181d65a5acc05addea4999cdce9b3e2578f59965c937538545fe1&tw=c435b5f0a8a619e517b18b74061863ea9f9fc2841cd208aa95157e6924ed74c7'></script>
707
708     <!-- Do not remove this --- Analytics Tracking code ends. --></form>
709
710
711</div>
712
713                    </div>
714
715                    <!-- <button id="contact-entry-proceed" class="submit-btn submit-btn-lg">
716                        Let's Go!
717                    </button> -->
718
719                    <div class="progress-indicator">
720                        <div class="progress-bar complete"></div>
721                        <div class="progress-bar complete"></div>
722                        <div class="progress-bar"></div>
723                    </div>
724
725                </div>
726
727            </div>
728
729            <div id="count-submitted" style="display:none;" class="market-count-form-page text-group">
730
731                <div class="card-text-group">
732
733                    <div class="card-icon">
734                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
735                            <path d="M31.1666 15.7048V17.0081C31.1648 20.063 30.1756 23.0355 28.3465 25.4823C26.5173 27.9291 23.9462 29.7191 21.0167 30.5853C18.0871 31.4515 14.956 31.3474 12.0904 30.2887C9.2248 29.2301 6.77818 27.2734 5.11545 24.7106C3.45271 22.1478 2.66296 19.1162 2.86396 16.0679C3.06497 13.0196 4.24596 10.1179 6.23082 7.79561C8.21567 5.47333 10.898 3.85488 13.8779 3.18163C16.8577 2.50838 19.9753 2.8164 22.7658 4.05976M31.1666 5.66665L16.9999 19.8475L12.7499 15.5975" stroke="#12B76A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
736                        </svg>
737                    </div>
738
739                    <div class="card-headline text-dark">You're on your way!</div>
740                    <br>
741                    <div class="card-subhead text-dark">You will recieve your results via email shortly.</div> 
742                    
743                    <div class="card-subhead text-dark">If you do not receive an email from us, please check your spam folder.</div>
744
745                    <div class="card-subhead text-dark">If you have any questions, please <span data-launch-chat class="text-btn text-dark">chat with us</span> or send an email to [email protected].</div>
746
747                </div>
748
749                <div class="progress-indicator">
750                    <div class="progress-bar complete"></div>
751                    <div class="progress-bar complete"></div>
752                    <div class="progress-bar complete"></div>
753                </div>
754
755            </div>
756
757            <div id="map_wrapper" class="market-count-map" > 
758                <div id="map"></div>
759                
760                <div class="legend">
761                    <div class="legend-wrapper">
762                        <div class="legend-symbol"></div>
763                        <div class="legend-text">Blue markers represent the presence of recalled vehicles by zipcode. The larger the circle, the more recalls!</div>
764                    </div>
765                </div>
766            </div>
767            <!-- <img class="market-count-map" src="assets/images/market_count_map_image_mobile_340.png" alt="market_count_map_img"> -->
768
769        </div>
770
771
772
773        <div class="headline text-mid" style="display:none;">$517 Average <span class="text-dark">repair orders on recall appointments</span></div>
774            
775
776        </div>
777    </div><!-- Market Count Section -- END -->
778
779
780
781    <div id="metrics-section" class="section metrics-section">
782        <div class="wrapper">
783
784            <div class="text-group"
785                    data-aos="fade-in"
786                    data-aos-offset="100"
787                    data-aos-delay="50"
788                    data-aos-duration="1000"
789                    data-aos-easing="ease-in-out"
790                    data-aos-once="true">
791
792
793                <div class="metrics-headline-group">
794                    <div class="card-icon">
795                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="29" viewBox="0 0 24 29" fill="none">
796                            <path d="M13.3045 1L1.68607 15.4286C1.23106 15.9937 1.00355 16.2762 1.00007 16.5148C0.997052 16.7223 1.08637 16.9196 1.24229 17.05C1.42164 17.2 1.77702 17.2 2.48778 17.2H12L10.
7966955 28L22.3139 13.5714C22.7689 13.0063 22.9965 12.7238 22.9999 12.4852C23.0029 12.2777 22.9136 12.0804 22.7577 11.95C22.5784 11.8 22.223 11.8 21.5122 11.8H12L13.3045 1Z" stroke="#0575F3" stroke-width="1.66667" stroke-linecap="round" stroke-linejoin="round"/>
797                        </svg>
798                    </div>
799
800                    <div class="headline text-dark">Industry-Leading Results</div>
801
802                </div>
803                
804
805                <div class="metrics-group">
806
807
808                    <div class="card" 
809                        data-aos="fade-up"
810                        data-aos-offset="100"
811                        data-aos-delay="50"
812                        data-aos-duration="1000"
813                        data-aos-easing="ease-in-out"
814                        data-aos-once="true"
815                        data-aos-id="metrics-section">
816
817                        <div class="card-text-group">
818
819                            <div class="card-metric text-mid">$<span id="avg_ro" class="text-mid">--</span></div>
820
821
822                            <div class="card-headline text-dark">Average Repair Order</div>
823
824                            <div class="card-subhead text-dark">2x the national average, according to a recent <a href="https://www.coxautoinc.com/wp-content/uploads/2023/12/2023-Cox-Automotive-Service-Study-Summary.pdf" target="_blank">Cox Automotive</a> study.</div>
825
826                            
827                        </div>
828
829                    </div>
830
831                    <div class="card" 
832                        data-aos="fade-up"
833                        data-aos-offset="100"
834                        data-aos-delay="50"
835                        data-aos-duration="1000"
836                        data-aos-easing="ease-in-out"
837                        data-aos-once="true">
838
839                        <div class="card-text-group">
840
841                            <div class="card-metric text-mid"><span id="avg_roi" class="text-mid">--</span>x</div>
842
843
844                            <div class="card-headline text-dark">Average ROI</div>
845
846                            <div class="card-subhead text-dark">Generates $37,450 in average monthly service revenue.</div>
847
848                            
849                        </div>
850
851                    </div>
852                    
853                    <div class="card" 
854                        data-aos="fade-up"
855                        data-aos-offset="100"
856                        data-aos-delay="50"
857                        data-aos-duration="1000"
858                        data-aos-easing="ease-in-out"
859                        data-aos-once="true">
860
861                        <div class="card-text-group">
862
863                            <div class="card-metric text-mid"><span id="pct_customer_pay" class="text-mid">--</span>%</div>
864
865
866                            <div class="card-headline text-dark">ROs Include Customer Pay</div>
867
868                            <div class="card-subhead text-dark">2.5x higher than other recall communications providers.</div>
869
870                            
871                        </div>
872
873                    </div>
874
875                </div>
876
877            </div>
878            
879
880        </div>
881    </div><!-- Metrics Section -- END -->
882
883
884
885    <div id="products" class="section product-section">
886
887
888        <img class="product-background-img" src="assets/images/product_background_top.png" alt="product_background_top">
889
890        <div class="product-background-color"></div>
891        
892        <div class="wrapper">
893
894            <!-- Recall Programs -->
895            <div class="text-group first-product">
896
897                <div 
898                    data-aos="fade-in"
899                    data-aos-offset="100"
900                    data-aos-delay="50"
901                    data-aos-duration="1000"
902                    data-aos-easing="ease-in-out"
903                    data-aos-once="true">
904                
905                    <div class="headline text-dark" style="margin-bottom:28px;">
905Recall Solutions designed with <span class="text-mid emphasis-short ">you</span> in mind!</div>
906
907                    <div class="subhead text-mid">You know <span class="text-dark font-medium">CARS</span>. We know <span class="text-dark font-medium">TECH</span>.</div>
908                </div>
909
910
911                <div class="card" 
912                    data-aos="fade-up"
913                    data-aos-offset="100"
914                    data-aos-delay="50"
915                    data-aos-duration="1000"
916                    data-aos-easing="ease-in-out"
917                    data-aos-once="true">
918
919                    <!-- <img class="product-screenshot" src="assets/images/recall_programs_product_screenshot_web.png" alt="recall_programs_product_screenshot"> -->
920
921                    <div class="product-screenshot slider-group">
922                        <div id="slider1" class="slider-container slider-dimensions">
923                            <div class="slider">
924                                <div data-img-url="assets/images/features_card_1.png" class="slider-dimensions"></div>
925                                <div data-img-url="assets/images/features_card_2.png" class="slider-dimensions"></div>
926                                <div data-img-url="assets/images/features_card_3.png" class="slider-dimensions"></div>
927                            </div>
928                            <div class="nav-container slider-dimensions" tabindex="0">
929                                <button data-index-change="-1">&lt;</button>
930                                <div class="index-container">
931                                <button></button>
932                                <button></button>
933                                <button></button>
934                                </div>
935                                <button data-index-change="1">&gt;</button>
936                            </div>
937                        </div>
938                    </div>
939
940
941                    <div class="card-text-group">
942
943                        <div class="card-icon">
944                            <svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none">
945                                <path d="M7.36401 13.5681C7.28891 13.0841 7.24994 12.5882 7.24994 12.0833C7.24994 6.74454 11.6063 2.41663 16.9802 2.41663C22.3541 2.41663 26.7105 6.74454 26.7105 12.0833C26.7105 13.2893 26.4882 14.4437 26.0821 15.5083C25.9977 15.7294 25.9555 15.84 25.9364 15.9263C25.9174 16.0118 25.9101 16.072 25.908 16.1595C25.9059 16.2479 25.9179 16.3453 25.9419 16.54L26.4284 20.4915C26.481 20.9193 26.5073 21.1331 26.4362 21.2886C26.3738 21.4249 26.2631 21.5331 26.1255 21.5923C25.9684 21.6598 25.7552 21.6286 25.3287 21.5661L21.4799 21.0019C21.2789 20.9724 21.1784 20.9577 21.0869 20.9582C20.9964 20.9587 20.9337 20.9654 20.8451 20.9841C20.7556 21.0029 20.6412 21.0457 20.4123 21.1314C19.345 21.5312 18.1883 21.75 16.9802 21.75C16.4749 21.75 15.9786 21.7117 15.494 21.6379M9.22148 26.5833C12.8041 26.5833 15.7083 23.6079 15.7083 19.9375C15.7083 16.2671 12.8041 13.2916 9.22148 13.2916C5.6389 13.2916 2.73464 16.2671 2.73464 19.9375C2.73464 20.6753 2.85199 21.385 3.06861 22.0481C3.16018 22.3284 3.20597 22.4686 3.22099 22.5643C3.23668 22.6643 3.23943 22.7204 3.23359 22.8214C3.22799 22.9182 3.20378 23.0275 3.15536 23.2462L2.41666 26.5833L6.03538 26.0891C6.23289 26.0621 6.33165 26.0486 6.41789 26.0492C6.5087 26.0498 6.5569 26.0547 6.64595 26.0725C6.73053 26.0894 6.85627 26.1337 7.10773 26.2225C7.77029 26.4563 8.48141 26.5833 9.22148 26.5833Z" stroke="#0575F3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
946                            </svg>
947                        </div>
948
949                        <div class="card-headline text-dark">Recall Communications Platform</div>
950
951                        <div class="card-subhead text-dark">Drive service through compliant recall outreach. Private label platform to track results in real time.</div>
952
953                        <a href="https://www.recallhq.com/rcp" class="card-text-btn text-dark">
954                            Learn more
955                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
956                                <path d="M4.16666 9.99996H15.8333M15.8333 9.99996L9.99999 4.16663M15.8333 9.99996L9.99999 15.8333" stroke="#02356D" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
957                            </svg>
958                        </a>
959
960                    </div>
961
962                </div>
963            
964            </div>
965
966        </div>
967
968        <!-- Recall API -->
969        <div class="text-group">
970
971            <img class="product-overlay-img" src="assets/images/product_overlay_background_402.png" alt="product_overlay_top">
972
973            <div class="wrapper text-group last-product"
974                data-aos="fade-up"
975                data-aos-offset="100"
976                data-aos-delay="50"
977                data-aos-duration="1000"
978                data-aos-easing="ease-in-out"
979                data-aos-once="true">
980            
981
982                <div class="card">
983
984                    <!-- <img class="product-screenshot" src="assets/images/recall_api_product_screenshot_web.png" alt="recall_api_product_screenshot"> -->
985
986                    <div class="product-screenshot slider-group">
987                        <div id="slider2" class="slider-container slider-
987dimensions">
988                            <div class="slider">
989                                <div data-img-url="assets/images/recall_api_slide_1.png" class="slider-dimensions"></div>
990                                <div data-img-url="assets/images/recall_api_slide_2.png" class="slider-dimensions"></div>
991                                <div data-img-url="assets/images/recall_api_slide_3.png" class="slider-dimensions"></div>
992                            </div>
993                            <div class="nav-container slider-dimensions" tabindex="0">
994                                <button data-index-change="-1">&lt;</button>
995                                <div class="index-container">
996                                <button></button>
997                                <button></button>
998                                <button></button>
999                                </div>
1000                                <button data-index-change="1">&gt;</button>
1001                            </div>
1002                        </div>
1003                    </div>
1004
1005                    <div class="card-text-group">
1006
1007                        <div class="card-icon">
1008                            <svg xmlns="http://www.w3.org/2000/svg" width="33" height="33" viewBox="0 0 33 33" fill="none">
1009                                <path d="M23.116 23.116L29.732 16.5L23.116 9.88398M9.884 9.88398L3.26801 16.5L9.884 23.116M19.1464 4.59119L13.8536 28.4088" stroke="#0575F3" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1010                            </svg>
1011                        </div>
1012
1013                        <div class="card-headline text-light">Recall API</div>
1014
1015                        <div class="card-subhead text-light">We handle the data so you can care for your clients. Immediate vehicle and recall data with robust consumer insights.</div>
1016
1017                        <a href="https://recallhq.com/api" target="_blank" class="card-text-btn text-light">
1018                            Learn more
1019                            <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1020                                <path d="M4.16666 9.99996H15.8333M15.8333 9.99996L9.99999 4.16663M15.8333 9.99996L9.99999 15.8333" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1021                            </svg>
1022                        </a>
1023
1024                    </div>
1025
1026                </div>
1027
1028            </div>
1029        </div>
1030
1031        <div id="schedule_demo" class="section schedule-demo-popout-section">
1032
1033            <img class="schedule-demo-popout-background" src="assets/images/schedule_demo_popout_background_small_533.png" alt="schedule_demo_popout_background">
1034
1035            <div class="wrapper">
1036
1037                <div class="text-group">
1038
1039                    <div class="card-subhead text-light"><span class="font-medium text-light">Ready to see RecallHQ in action?</span><br><br>
1040                    Most teams are up and running within days. See why leading automotive groups choose RecallHQ to fill their service bays while INCREASING RECALL COMPLETION RATES!</div>
1041
1042                    <button class="btn-md btn-light openModalBtn">Schedule a Demo</button>
1043                
1044                </div>
1045
1046            </div>
1047        </div><!-- Schedule Demo Popout Section -- END -->
1048
1049
1050
1051    </div><!-- Product Section -- END -->
1052
1053
1054
1055    <div class="section brands-section">
1056        <div class="wrapper">
1057
1058            <div class="text-group">
1059
1060                <div class="headline text-dark"
1061                    data-aos="fade-in"
1062                    data-aos-offset="100"
1063                    data-aos-delay="50"
1064                    data-aos-duration="1000"
1065                    data-aos-easing="ease-in-out"
1066                    data-aos-once="true">
1067                    Proven success with these clients
1068                </div>
1069
1070                <div class="logo-group"
1071                    data-aos="fade-up"
1072                    data-aos-offset="100"
1073                    data-aos-delay="50"
1074                    data-aos-duration="1000"
1075                    data-aos-easing="ease-in-out"
1076                    data-aos-once="true">
1077
1078                    <div class="logo-wrapper">
1079                        <img class="brand-logo grey bmw" src="assets/images/brand_logos/bmw_grey.svg" alt="brand_log_bmw">
1080                        <img class="brand-logo color bmw" src="assets/images/brand_logos/bmw_color.svg" alt="brand_log_bmw">
1081                    </div>
1082
1083                    <div class="logo-wrapper">
1084                        <img class="brand-logo grey nissan" src="assets/images/brand_logos/nissan_grey.svg" alt="brand_log_nissan">
1085                        <img class="brand-logo color nissan" src="assets/images/brand_logos/nissan_color.svg" alt="brand_log_nissan">
1086                    </div>
1087
1088                    <div class="logo-wrapper">
1089                        <img class="brand-logo grey toyota" src="assets/images/brand_logos/toyota_grey.svg" alt="brand_log_toyota">
1090                        <img class="brand-logo color toyota" src="assets/images/brand_logos/toyota_color.svg" alt="brand_log_toyota">
1091                    </div>
1092                    
1093                    <div class="logo-wrapper">
1094                        <img class="brand-logo grey logo-landscape volvo" src="assets/images/brand_logos/volvo_grey.svg" alt="brand_log_volvo">
1095                        <img class="brand-logo color logo-landscape volvo" src="assets/images/brand_logos/volvo_color.svg" alt="brand_log_volvo">
1096                    </div>
1097                    
1098                    <div class="logo-wrapper">
1099                        <img class="brand-logo grey gm" src="assets/images/brand_logos/gm_grey.svg" alt="brand_log_gm">
1100                        <img class="brand-logo color gm" src="assets/images/brand_logos/gm_color.svg" alt="brand_log_gm">
1101                    </div>
1102                    
1103                    <div class="logo-wrapper">
1104                        <img class="brand-logo grey honda" src="assets/images/brand_logos/honda_grey.svg" alt="brand_log_honda">
1105                        <img class="brand-logo color honda" src="assets/images/brand_logos/honda_color.svg" alt="brand_log_honda">
1106                    </div>
1107                    
1108                    <div class="logo-wrapper">
1109                        <img class="brand-logo grey ford" src="assets/images/brand_logos/ford_grey.svg" alt="brand_log_ford">
1110                        <img class="brand-logo color ford" src="assets/images/brand_logos/ford_color.svg" alt="brand_log_ford">
1111                    </div>
1112                    
1113                    <div class="logo-wrapper">
1114                        <img class="brand-logo grey ferarri" src="assets/images/brand_logos/ferarri_grey.svg" alt="brand_log_ferarri">
1115                        <img class="brand-logo color ferarri" src="assets/images/brand_logos/ferarri_color.svg" alt="brand_log_ferarri">
1116                    </div>
1117                    
1118                    <div class="logo-wrapper">
1119                        <img class="brand-logo grey logo-landscape isuzu" src="assets/images/brand_logos/isuzu_grey.svg" alt="brand_log_isuzu">
1120                        <img class="brand-logo color logo-landscape isuzu" src="assets/images/brand_logos/isuzu_color.svg" alt="brand_log_isuzu">
1121                    </div>
1122                    
1123                    <div class="logo-wrapper">
1124                        <img class="brand-logo grey logo-landscape tall stellantis" src="assets/images/brand_logos/stellantis_grey.svg" alt="brand_log_stellantis">
1125                        <img class="brand-logo color logo-landscape tall stellantis" src="assets/images/brand_logos/stellantis_color.svg" alt="brand_log_stellantis">
1126                    </div>
1127                
1128                </div>
1129            
1130            </div>
1131            
1132
1133        </div>
1134    </div><!-- Brands Section -- END -->
1135
1136
1137    <div id="blog" class="section blog-listing-section">
1138
1139        <img class="blog-background" src="assets/images/blog_section_background_mobile_340.png" alt="blog_background">
1140
1141        <div class="wrapper">
1142            
1143            <div class="headline text-light" 
1144                    data-aos="fade-in"
1145                    data-aos-offset="100"
1146                    data-aos-delay="50"
1147                    data-aos-duration="1000"
1148                    data-aos-easing="ease-in-out"
1149                    data-aos-once="true">Your Recall Information HQ</div>
1150
1151            <br><br>
1152
1153            <div id="blog-cards" class="text-group blog-cards"
1154                    data-aos="fade-up"
1155                    data-aos-offset="100"
1156                    data-aos-delay="50"
1157                    data-aos-duration="1000"
1158                    data-aos-easing="ease-in-out"
1159                    data-aos-once="true"><div class='blog-card'
1160        data-aos='fade-up'
1161        data-aos-offset='50'
1162        data-aos-delay='300'
1163        data-aos-duration='1000'
1164        data-aos-easing='ease-in-out'
1165        data-aos-once='true'>
1166   
1167        <img class='blog-card-image' src='https://recall-hq-blog.directus.app/assets/818b3baf-8194-46c8-965c-51646cad8d31' alt='blog_post_thumbnail'>
1168
1169        <div class='blog-card-text'>
1170    
1171            <div class='blog-headline-group'>
1172    
1173                <h1 class='card-headline text-dark'>16 Years. 66 VIN Checks. One Road Ahead.</h1>
1174        
1175                <h2 class='card-subhead text-dark truncate-multiline'>Celebrating RecallHQ’s 16th anniversary with a little help from America’s most famous highway.</h2>
1176    
1177            </div>
1178        
1179    
1180            <a href='https://recallhq.com/blog/16-years-66-vin-checks-one-road-ahead' class='card-text-btn text-dark'>
1181                Read post
1182                <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
1183                    <path d='M4.16666 9.99996H15.8333M15.8333 9.99996L9.99999 4.16663M15.8333 9.99996L9.99999 15.8333' stroke='#02356D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path>
1184                </svg>
1185            </a>
1186    
1187        </div>
1188    </div><div class='blog-card'
1189        data-aos='fade-up'
1190        data-aos-offset='50'
1191        data-aos-delay='300'
1192        data-aos-duration='1000'
1193        data-aos-easing='ease-in-out'
1194        data-aos-once='true'>
1195   
1196        <img class='blog-card-image' src='https://recall-hq-blog.directus.app/assets/9e375c9d-64e4-4873-9b0a-ba579dac363d' alt='blog_post_thumbnail'>
1197
1198        <div class='blog-card-text'>
1199    
1200            <div class='blog-headline-group'>
1201    
1202                <h1 class='card-headline text-dark'>Junk in the Trunk: Your Recall List Is Only as Good as the VINs Behind It</h1>
1203        
1204                <h2 class='card-subhead text-dark truncate-multiline'>Sometimes the most useful automotive intelligence is buried in the details. In our first Junk in the Trunk, we explore why VIN-specific recall data turns recall information into something you can actually act on.</h2>
1205    
1206            </div>
1207        
1208    
1209            <a href='https://recallhq.com/blog/junk-in-the-trunk-your-recall-list-is-only-as-good-as-the-vi-ns-behind-it' class='card-text-btn text-dark'>
1210                Read post
1211                <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
1212                    <path d='M4.16666 9.99996H15.8333M15.8333 9.99996L9.99999 4.16663M15.8333 9.99996L9.99999 15.8333' stroke='#02356D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path>
1213                </svg>
1214            </a>
1215    
1216        </div>
1217    </div><div class='blog-card'
1218        data-aos='fade-up'
1219        data-aos-offset='50'
1220        data-aos-delay='300'
1221        data-aos-duration='1000'
1222        data-aos-easing='ease-in-out'
1223        data-aos-once='true'>
1224   
1225        <img class='blog-card-image' src='https://recall-hq-blog.directus.app/assets/08a5d28f-b29d-4613-9ce0-3c174cc433f8' alt='blog_post_thumbnail'>
1226
1227        <div class='blog-card-text'>
1228    
1229            <div class='blog-headline-group'>
1230    
1231                <h1 class='card-headline text-dark'>Football Season Is Here. Is Recall Outreach Part of Your Game Plan?</h1>
1232        
1233                <h2 class='card-subhead text-dark truncate-multiline'>Football season creates a timely opportunity to put recall safety in front of customers. Learn how the right combination of VIN-specific recall data and effective communications can help drive action and increase recall completion rates.</h2>
1234    
1235            </div>
1236        
1237    
1238            <a href='https://recallhq.com/blog/football-season-is-here-is-recall-outreach-part-of-your-game-plan' class='card-text-btn text-dark'>
1239                Read post
1240                <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
1241                    <path d='M4.16666 9.99996H15.8333M15.8333 9.99996L9.99999 4.16663M15.8333 9.99996L9.99999 15.8333' stroke='#02356D' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'></path>
1242                </svg>
1243            </a>
1244    
1245        </div>
1246    </div></div>
1247
1248            <a href="https://recallhq.com/blog/" class="card-text-btn center text-light"
1249                    data-aos="fade-in"
1250                    data-aos-offset="100"
1251                    data-aos-delay="400"
1252                    data-aos-duration="1000"
1253                    data-aos-easing="ease-in-out"
1254                    data-aos-once="true">
1255                See all blog posts
1256                <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
1257                    <path d="M4.16666 9.99996H15.8333M15.8333 9.99996L9.99999 4.16663M15.8333 9.99996L9.99999 15.8333" stroke="#FFFFFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
1258                </svg>
1259            </a>
1260
1261        </div>
1262
1263        <div class="section schedule-demo-section">
1264
1265            <img class="schedule-demo-background" src="assets/images/schedule_demo_background_mobile_402.png" alt="schedule_demo_background">
1266
1267            <div class="product-background-color"></div>
1268
1269            <div class="wrapper">
1270
1271                <div class="text-group">
1272
1273                    <div class="headline text-dark">see how we can support your recall outreach efforts!</div>
1274
1275                    <button class="btn-md btn-mid openModalBtn">Schedule a Demo</button>
1276                
1277                </div>
1278
1279            </div>
1280        </div><!-- Schedule Demo Section -- END -->
1281
1282
1283    </div><!-- Blog Section -- END -->
1284
1285
1286
1287    <div class="section footer-section">
1288        <div class="wrapper">
1289
1290            <div class="text-group">
1291
1292                <div id="contact" class="headline text-light">Contact Us</div>
1293
1294                <div id="contact-form" class="input-group">
1295
1296                    <input id="name" class="text-input text-input-dark text-input-md" type="text" placeholder="Your Name">
1297
1298                    <input id="phone" class="text-input text-input-dark text-input-md" type="text" placeholder="(555) 555-5555">
1299
1300                    <input id="email" class="text-input text-input-dark text-input-md" type="text" placeholder="[email protected]">
1301
1302                    <textarea id="note" class="text-input text-input-dark text-input-md" type="text" rows="4" placeholder="How can we help?"></textarea>
1303
1304                    <button id="submit-contact" class="submit-btn submit-btn-lg">
1305                        <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
1306                            <path d="M14.8743 19.1251L29.7493 4.25008M15.0551 19.5898L18.7782 29.1637C19.1062 30.0071 19.2702 30.4288 19.5065 30.5519C19.7113 30.6586 19.9554 30.6588 20.1603 30.5523C2
13060.3968 30.4294 20.5613 30.0079 20.8903 29.1649L30.2266 5.24061C30.5236 4.4796 30.672 4.0991 30.5908 3.85596C30.5203 3.64481 30.3546 3.4791 30.1434 3.40856C29.9003 3.32734 29.5198 3.47583 28.7588 3.7728L4.83448 13.1091C3.99145 13.4381 3.56994 13.6026 3.4471 13.839C3.34062 14.044 3.34076 14.288 3.44749 14.4929C3.57061 14.7292 3.99231 14.8932 4.83571 15.2212L14.4096 18.9443C14.5808 19.0109 14.6664 19.0442 14.7384 19.0956C14.8023 19.1412 14.8582 19.1971 14.9038 19.261C14.9552 19.333 14.9885 19.4186 15.0551 19.5898Z" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1307                        </svg>
1308                    </button>
1309                </div>
1310
1311                <div id="contact-receipt" class="input-group">
1312                    <div class="card-text-group">
1313
1314                        <div class="card-icon">
1315                            <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
1316                                <path d="M31.1666 15.7048V17.0081C31.1648 20.063 30.1756 23.0355 28.3465 25.4823C26.5173 27.9291 23.9462 29.7191 21.0167 30.5853C18.0871 31.4515 14.956 31.3474 12.0904 30.2887C9.2248 29.2301 6.77818 27.2734 5.11545 24.7106C3.45271 22.1478 2.66296 19.1162 2.86396 16.0679C3.06497 13.0196 4.24596 10.1179 6.23082 7.79561C8.21567 5.47333 10.898 3.85488 13.8779 3.18163C16.8577 2.50838 19.9753 2.8164 22.7658 4.05976M31.1666 5.66665L16.9999 19.8475L12.7499 15.5975" stroke="#12B76A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path>
1317                            </svg>
1318                        </div>
1319
1320                        <div class="card-headline text-light">Thank you!</div>
1321
1322                        <div class="card-subhead text-light">One of our recall experts will reach out to you shortly.</div>
1323
1324                    </div>
1325                </div>
1326            
1327            </div>
1328
1329            <div class="text-group">
1330
1331                <div class="headline text-light">Links</div>
1332
1333                <div class="footer-link-group">
1334                    <a href="https://www.recallhq.com" class="footer-link">Home</a>
1335                    <a href="https://www.recallhq.com/blog" class="footer-link">Blog</a>
1336                    <a href="#contact" class="footer-link">Contact</a>
1337                    <a class="footer-link openModalBtn">Schedule Demo</a>
1338                    <a href="https://www.recallhq.com/terms.php" class="footer-link">Terms</a>
1339                    <a href="https://www.recallhq.com/privacy.php" class="footer-link">Privacy</a>
1340                </div>
1341
1342            </div>
1343
1344            <div class="text-group">
1345
1346                <img class="footer-logo" src="assets/images/recallHqLogoWhite_sm.svg" alt="recall_hq_nav_logo">
1347
1348                <div class="card-subhead text-light"><span class="card-subhead text-light" style="text-transform:none;">RecallHQ</span> empowers dealerships, agencies and OEMs with comprehensive recall solutions, combining targeted outreach to vehicle owners and seamless API access to VIN-specific recall data.</div>
1349
1350            </div>
1351            
1352
1353        </div>
1354
1355        <div class="copyright">&copy; <span id="year"></span> RecallHQ. All Rights Reserved.</div>
1356
1357        <div class="copyright">
1358        All product names, logos, and brands are property of their respective owners. all company, product and service names used here are for identification purposes only. use does not imply endorsement.</div>
1359    </div><!-- Footer Section -- END -->
1360
1361
1362
1363    <!-- Schedule a Demo Modal -->
1364    <!-- Schedule a Demo Modal -->
1365<div id="modal" class="modal">
1366    <div class="modal-content">
1367        <span id="closeModalBtn" class="close">&times;</span>
1368        <div class="text-group">
1369            <div class="headline text-dark">Ready to Learn More?</div>
1370            <div class="subhead text-mid">Schedule a demo with our team of recall experts!</div>
1371        </div>
1372        <div id='crmWebToEntityForm' class='zcwf_lblRight crmWebToEntityForm' style='background-color: white;color: black;max-width: 600px;'>
1373<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
1374<META HTTP-EQUIV ='content-type' CONTENT='text/html;charset=UTF-8'>
vendor: 78 bytes, lines 1374-1376
1374
1375<script src='https://www.google.com/recaptcha/api.js' async defer></script>
1376
1377<script src='https://ajax.googleapis.com/ajax/libs/jquery/3.6.4/jquery.min.js'></script>
1377
1378
1379
1380<div class='wf_customMessageBox' id='wf_splash' style='display:none'>
1381	<div class='wf_customCircle'>
1382	<div class='wf_customCheckMark'></div>
1383</div>
1384	<span id='wf_splash_info'></span>
1385</p>
1386</div>
1387<form id='webform6559824000000626003' name=WebToLeads6559824000000626003 accept-charset='UTF-8'>
1388	<input type='text' style='display:none;' name='xnQsjsdp' value='31daa6e8b4d978f9f217589ed67be3880fa1f52ed39b74df6e3f1a028049dffc'></input> 
1389	<input type='hidden' name='zc_gad' id='zc_gad' value=''></input>
1390	<input type='text' style='display:none;' name='xmIwtLD' value='983418991de3a3a5885546a4f1816a911d38d4d49edc805a14e5be626f67fd39372c7df53c2a1960721d43c5b80899b3'></input> 
1391	<input type='text'  style='display:none;' name='actionType' value='TGVhZHM='></input>
1392	<input type='text' style='display:none;' name='returnURL' value='null' > </input>
1393
1394<!-- Do not remove this code. -->
1395
1396<div class='zcwf_title' style='max-width: 600px;color: black; font-family:Calibri;'>Schedule a Demo</div>
1397
1398<!-- First Name -->
1399<div class='zcwf_row'>
1400	<div class='zcwf_col_lab' style='font-size:14px; font-family: Calibri;'>
1401		<label for='First_Name'>First Name<span style='color:red;'>*</span></label>
1402	</div>
1403
1404	<div class='zcwf_col_fld'>
1405		<input type='text' id='First_Name' aria-required='true' aria-label='First Name' name='First Name' aria-valuemax='40' maxlength='40'></input>
1406	
1407		<div class='zcwf_col_help'></div>
1408	</div>
1409
1410</div>
1411
1412<!-- Last Name -->
1413<div class='zcwf_row'>
1414	<div class='zcwf_col_lab' style='font-size:14px; font-family: Calibri;'>
1415		<label for='Last_Name'>Last Name<span style='color:red;'>*</span></label>
1416	</div>
1417	<div class='zcwf_col_fld'><input type='text' id='Last_Name' aria-required='true' aria-label='Last Name' name='Last Name' aria-valuemax='80' maxlength='80'></input>
1418		<div class='zcwf_col_help'></div>
1419	</div>
1420</div>
1421
1422<!-- Company -->
1423<div class='zcwf_row'>
1424	<div class='zcwf_col_lab' style='font-size:14px; font-family: Calibri;'>
1425		<label for='Company'>Company<span style='color:red;'>*</span></label>
1426	</div>
1427
1428	<div class='zcwf_col_fld'><input type='text' id='Company' aria-required='true' aria-label='Company' name='Company' aria-valuemax='200' maxlength='200'></input>
1429
1430		<div class='zcwf_col_help'></div>
1431	</div>
1432</div>
1433
1434<!-- Email -->
1435<div class='zcwf_row'>
1436	<div class='zcwf_col_lab' style='font-size:14px; font-family: Calibri;'>
1437		<label for='Email'>Email<span style='color:red;'>*</span></label>
1438	</div>
1439	<div class='zcwf_col_fld'><input type='text' ftype='email' autocomplete='false' id='Email' aria-required='true' aria-label='Email' name='Email' aria-valuemax='100' crmlabel='' maxlength='100'></input>
1440		<div class='zcwf_col_help'></div>
1441	</div>
1442</div>
1443
1444<!-- Phone -->
1445<div class='zcwf_row'>
1446	<div class='zcwf_col_lab' style='font-size:14px; font-family: Calibri;'>
1447		<label for='Phone'>Phone</label>
1448	</div>
1449<div class='zcwf_col_fld'><input type='text' id='Phone' aria-required='false' aria-label='Phone' name='Phone' aria-valuemax='30' maxlength='30'></input>
1450<div class='zcwf_col_help'>
1451
1452</div>
1453</div>
1454</div>
1455<div class='zcwf_row'> 
1456	<div class='zcwf_col_lab'>
1457
1458	</div>
1459<div class='zcwf_col_fld'>
1460	<div class='g-recaptcha' data-sitekey='6LcA47kqAAAAAHq9G8934txP4hN9ZzQkeHORHnsb' data-theme='light' data-callback='rccallback6559824000000626003' captcha-verified='false' id='recap6559824000000626003'>
1461
1462	</div>
1463<div  id='recapErr6559824000000626003' style='font-size:12px;color:red;visibility:hidden;'>Captcha validation failed. If you are not a robot then please try again.
1464
1465</div>
1466</div>
1467</div>
1468
1469<div class="disclaimer">By submitting this form, you consent to us reaching out to you with information about our products and services.</div>
1470
1471<div class='zcwf_row'>
1472	<div class='zcwf_col_lab'>
1473
1474	</div>
1475<div class='zcwf_col_fld'>
1476	<input type='submit' id='formsubmit' role='button' class='formsubmit zcwf_button btn-md btn-mid' value='Submit' aria-label='Submit' title='Submit'>
1477	<input type='reset' class='zcwf_button' role='button' name='reset' value='Reset' aria-label='Reset' title='Reset'>
1478</div>
1479</div>
1480
1481
1482
1483
1484
1485
1486
1487<script>
1488
1489  /* Do not remove this code. */
1490 	function rccallback6559824000000626003()
1491	{
1492		if(document.getElementById('recap6559824000000626003')!=undefined){
1493			document.getElementById('recap6559824000000626003').setAttribute('captcha-verified',true);
1494		}
1495		if(document.getElementById('recapErr6559824000000626003')!=undefined && document.getElementById('recapErr6559824000000626003').style.visibility == 'visible' ){
1496			document.getElementById('recapErr6559824000000626003').style.visibility='hidden';
1497		}
1498	}
1499	function reCaptchaAlert6559824000000626003()
1500	{
1501		var recap = document.getElementById('recap6559824000000626003');
1502		if( recap !=undefined && recap.getAttribute('captcha-verified') == 'false')
1503		{
1504			document.getElementById('recapErr6559824000000626003').style.visibility='visible';
1505			return false;
1506		}
1507		return true;
1508	}
1509	function validateEmail6559824000000626003()
1510	{
1511		var form = document.forms['WebToLeads6559824000000626003'];
1512		var emailFld = form.querySelectorAll('[ftype=email]');
1513		var i;
1514		for (i = 0; i < emailFld.length; i++)
1515		{
1516
1517			let help_text = emailFld[i].closest('div').querySelector('.zcwf_col_help')
1518
1519			emailFld[i].style.borderColor = "#344054"
1520			help_text.innerHTML = ""
1521
1522
1523			var emailVal = emailFld[i].value;
1524			if((emailVal.replace(/^\s+|\s+$/g, '')).length!=0 )
1525			{
1526				var atpos=emailVal.indexOf('@');
1527				var dotpos=emailVal.lastIndexOf('.');
1528				if (atpos<1 || dotpos<atpos+2 || dotpos+2>=emailVal.length)
1529				{
1530
1531					emailFld[i].style.borderColor = "#F04438"
1532					help_text.innerHTML = 'Please enter a valid email address.'
1533					help_text.classList.add('help-text')
1534
1535					console.log(emailFld[i])
1536					emailFld[i].focus();
1537					return false;
1538				}
1539			}
1540		}
1541		return true;
1542	}
1543
1544	function checkMandatory6559824000000626003() {
1545		var mndFileds = new Array('First Name','Last Name','Company','Email');
1546		var fldLangVal = new Array('First\x20Name','Last\x20Name','Company','Email');
1547		for(i=0;i<mndFileds.length;i++) {
1548
1549		  var fieldObj=document.forms['WebToLeads6559824000000626003'][mndFileds[i]];
1550		  if(fieldObj) {
1551			let help_text = fieldObj.closest('div').querySelector('.zcwf_col_help')
1552
1553			fieldObj.style.borderColor = "#344054"
1554			help_text.innerHTML = ""
1555
1556			if (((fieldObj.value).replace(/^\s+|\s+$/g, '')).length==0) {
1557			 if(fieldObj.type =='file')
1558				{ 
1559				 alert('Please select a file to upload.'); 
1560				 fieldObj.focus(); 
1561				 return false;
1562				} 
1563			fieldObj.style.borderColor = "#F04438"
1564			
1565			
1566
1567			help_text.innerHTML = fldLangVal[i] +' cannot be empty.'
1568			help_text.classList.add('help-text')
1569			
1570			// alert(fldLangVal[i] +' cannot be empty.'); 
1571   	   	  	  fieldObj.focus();
1572   	   	  	  return false;
1573			}  else if(fieldObj.nodeName=='SELECT') {
1574  	   	   	 if(fieldObj.options[fieldObj.selectedIndex].value=='-None-') {
1575				alert(fldLangVal[i] +' cannot be none.'); 
1576				// fieldObj.style.borderColor = "#F04438"
1577				fieldObj.focus();
1578				return false;
1579			   }
1580			} else if(fieldObj.type =='checkbox'){
1581 	 	 	 if(fieldObj.checked == false){
1582				alert('Please accept  '+fldLangVal[i]);
1583				fieldObj.focus();
1584				return false;
1585			   } 
1586			 } 
1587			 try {
1588			     if(fieldObj.name == 'Last Name') {
1589				name = fieldObj.value;
1590 	 	 	    }
1591			} catch (e) {}
1592		    }
1593		}
1594		if(!validateEmail6559824000000626003()){return false;}
1595		
1596		if(!reCaptchaAlert6559824000000626003()){return false;}
1597		
1598	var urlparams = new URLSearchParams( window.location.search);
1599	if(urlparams.has('service') && (urlparams.get('service')==='smarturl')){
1600		var webform = document.getElementById('webform6559824000000626003');
1601		 var service =  urlparams.get('service'); 
1602		var smarturlfield = document.createElement('input');
1603		smarturlfield.setAttribute('type','hidden');
1604		smarturlfield.setAttribute('value',service);
1605		smarturlfield.setAttribute('name','service');
1606		webform.appendChild(smarturlfield); 
1607	}
1608
1609		document.querySelector('.crmWebToEntityForm .formsubmit').setAttribute('disabled', true);
1610	return true;
1611	}
1612
1613
1614	// Submit and handle success and error.
1615	$(document).ready(function () {
1616		$('#webform6559824000000626003').submit(function (e) {
1617			var ismandatory = checkMandatory6559824000000626003();
1618			e.preventDefault();
1619			if(ismandatory){
1620				if(typeof _wfa_track != 'undefined' && _wfa_track.wfa_submit){ _wfa_track.wfa_submit(e); }
1621				var formData = new FormData(this);
1622				$.ajax({
1623					url :'https://crm.zoho.com/crm/WebToLeadForm',
1624					type : 'POST',
1625					data : formData,
1626					cache: false,
1627					contentType: false,
1628					processData: false,
1629					success: function(data) {
1630							// var splashinfodom = document.getElementById('wf_splash_info');
1631							// splashinfodom.innerText=data.actionvalue;
1632							// var splashdom = document.getElementById('wf_splash');
1633							document.getElementById('webform6559824000000626003').reset.click();
1634							document.getElementById('webform6559824000000626003').style.display = "none"
1635							document.getElementById('schedule-demo-receipt').style.display = "flex"
1636							
1637							// showReceipt();
1638
1639
1640							crmWebToEntityForm
1641							// splashdom.style.display = '';
1642							// setTimeout(function(){
1643								// splashdom.style.display = 'none';
1644							// },5000);
1645					document.querySelector('.crmWebToEntityForm .formsubmit').removeAttribute('disabled');
1646					},
1647					error: function(data){
1648						alert('an error occurred');
1649					} 
1650				});
1651			}
1652		});
1653	});
1654	function tooltipShow6559824000000626003(el){
1655		var tooltip = el.nextElementSibling;
1656		var tooltipDisplay = tooltip.style.display;
1657		if(tooltipDisplay == 'none'){
1658			var allTooltip = document.getElementsByClassName('zcwf_tooltip_over');
1659			for(i=0; i<allTooltip.length; i++){
1660				allTooltip[i].style.display='none';
1661			}
1662			tooltip.style.display = 'block';
1663		}else{
1664			tooltip.style.display='none';
1665		}
1666	}
1667</script>
1667
1668
1669<!-- Do not remove this --- Analytics Tracking code starts -->
1670 
1670<script id='wf_anal' src='https://crm.zohopublic.com/crm/WebFormAnalyticsServeServlet?rid=c7187545619180f0adef49b504033b793ebbbf322b3c29ca96dec5278f1b1dd514e0160e160a7112224faa9cdeaef51agid2f9ab6c7854190a9c37acb4ea499946037c746f4bf8f6c3d2f21030b53442d3agid847cc615b412b6730588621927ac7ccb0d4fc5a35b428c7e6882721adc57574bgid9c56863afc8ada386610f72759cd35c544a9a645802829c7375e3a3187bf68bb&tw=f92cde18fc353f6bae069e6041f97e3fd75e1867b7c7ff2f725b01800233912a'></script>
1670
1671 <!-- Do not remove this --- Analytics Tracking code ends.</form> -->
1672
1673
1674</div>
1675        <div id="schedule-demo-receipt" class="receipt">
1676            <div class="card-text-group">
1677
1678                <div class="card-icon">
1679                    <svg xmlns="http://www.w3.org/2000/svg" width="34" height="34" viewBox="0 0 34 34" fill="none">
1680                        <path d="M31.1666 15.7048V17.0081C31.1648 20.063 30.1756 23.0355 28.3465 25.4823C26.5173 27.9291 23.9462 29.7191 21.0167 30.5853C18.0871 31.4515 14.956 31.3474 12.0904 30.2887C9.2248 29.2301 6.77818 27.2734 5.11545 24.7106C3.45271 22.1478 2.66296 19.1162 2.86396 16.0679C3.06497 13.0196 4.24596 10.1179 6.23082 7.79561C8.21567 5.47333 10.898 3.85488 13.8779 3.18163C16.8577 2.50838 19.9753 2.8164 22.7658 4.05976M31.1666 5.66665L16.9999 19.8475L12.7499 15.5975" stroke="#12B76A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
1681                    </svg>
1682                </div>
1683
1684                <div class="card-headline text-dark">Thank you!</div>
1685
1686                <div class="card-subhead text-dark">One of our recall experts will reach out to you shortly.</div>
1687
1688            </div>
1689        </div>
1690
1691    </div>
1692</div>
1693
1694
1695
1696    <!-- Confirm Market Count -->
1697    <div id="confirm-modal" class="confirm-modal">
1698        <div class="confirm-modal-content">
1699            <div class="text-group">
1700            
1701                <div class="headline text-dark">Confirm Choices</div>
1702            
1703                <div class="subhead text-mid">Review your selections below</div>
1704            
1705                <div class="selection">
1706                    <div class="selection-title">Dealer</div> 
1707                    <div class="selection-value" data-dealer-name></div>
1708                </div>
1709                
1710                <div class="selection">
1711                    <div class="selection-title">Brands</div>
1712                    <div class="selection-value" data-brands></div>
1713                </div>
1714
1715                <div class="button-group">
1716                    <button id="closeConfirmModalBtn" class="text-btn text-btn-light">Go Back</button>
1717                    <button id="count-comfirmed" class="btn-md btn-mid">Confirmed!</button>
1718                </div>
1719
1720            </div>
1721
1722        </div>
1723    </div>
1724
1725
1726
1727    <!-- Dealer Info -->
1728    <input type="hidden" name="dealer_name" id="dealer_name" value="">
1729    <input type="hidden" name="dealer_website" id="dealer_website" value="">
1730    <div style="display:none;" name="dealer_address" id="dealer_address"></div>
1731    <input type="hidden" name="dealer_street_address" id="dealer_street_address" value="">
1732    <input type="hidden" name="dealer_city" id="dealer_city" value="">
1733    <input type="hidden" name="dealer_state" id="dealer_state" value="">
1734    <input type="hidden" name="dealer_zipcode" id="dealer_zipcode" value="">
1735    <input type="hidden" name="dealer_latitude" id="dealer_latitude" value="">
1736    <input type="hidden" name="dealer_longitude" id="dealer_longitude" value="">
1737    <input type="hidden" name="dealer_place_id" id="dealer_place_id" value="">
1738    <input type="hidden" name="google_place_id" id="google_place_id" value="">
1739    <input type="hidden" name="dealer_rating" id="dealer_rating" value="">
1740    <input type="hidden" name="dealer_rating_total" id="dealer_rating_total" value="">
1741    <input type="hidden" name="count_id" id="count_id" value="">
1742    <input type="hidden" name="form_first_name" id="form_first_name" value="">
1743    <input type="hidden" name="form_last_name" id="form_last_name" value="">
1744    <input type="hidden" name="form_email" id="form_email" value="">
1745
1746    <!-- <button id="capture_map">capture</button> -->
1747
1748
1749    <!-- Include Dynamic Copyright Year -->
1750    
1750<script>document.getElementById('year').textContent = new Date().getFullYear();</script>
1750
1751
1752
1753    <!-- Include AOS -->
1754    
1754<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
1754
1755    
1755<script>
1756    AOS.init();
1757    </script>
1757
1758
1759    <!-- Cookies -->
1760<div id="cookie-banner" class="cookie-banner">
1761    <div class="wrapper">
1762        <div class="text-group">
1763            <h4>We value your privacy.</h4>
1764            <p>We use cookies to enhance your browsing experience and to analyze our traffic. By clicking "Accept" you consent to our use of cookies. Learn more by reading our <a href="https://www.recallhq.com/privacy.php" target="_blank" class="no-break">Privacy Policy</a>.</p>
1765            <div class="cookie-buttons">
1766                <button class="btn-sm btn-mid" id="accept-cookies">Accept</button>
1767                <button class="btn-sm btn-light" id="reject-cookies">Reject</button>
1768            </div>
1769        </div>
1770    </div>
1771</div>
1772<script>
1773    document.addEventListener("DOMContentLoaded", function () {
1774    const cookieBanner = document.getElementById("cookie-banner");
1775    const acceptBtn = document.getElementById("accept-cookies");
1776    const rejectBtn = document.getElementById("reject-cookies");
1777
1778    const userChoice = localStorage.getItem("cookieConsent");
1779
1780    if (userChoice === "accepted") {
1781        loadTrackingScripts(); // Only load tracking scripts if accepted
1782        cookieBanner.style.display = "none";
1783    } else if (userChoice === "rejected") {
1784        deleteCookies(); // Delete previously set cookies
1785        cookieBanner.style.display = "none";
1786    }
1787
1788    // Accept Cookies
1789    acceptBtn.addEventListener("click", function () {
1790        localStorage.setItem("cookieConsent", "accepted");
1791        loadTrackingScripts();
1792        cookieBanner.style.display = "none";
1793    });
1794
1795    // Reject Cookies
1796    rejectBtn.addEventListener("click", function () {
1797        localStorage.setItem("cookieConsent", "rejected");
1798        deleteCookies();
1799        cookieBanner.style.display = "none";
1800    });
1801
1802    // Function to delete non-essential cookies
1803    function deleteCookies() {
1804        document.cookie.split(";
1804").forEach((cookie) => {
1805            let eqPos = cookie.indexOf("=");
1806            let name = eqPos > -1 ? cookie.substr(0, eqPos) : cookie;
1807            document.cookie = name + "=;expires=Thu, 01 Jan 1970 00:00:00 UTC;path=/";
1808        });
1809    }
1810
1811    // Function to load tracking scripts only if cookies are accepted
1812    function loadTrackingScripts() {
1813        // Example: Google Analytics
1814        console.log("GTag")
1815        let script = document.createElement("script");
1816        script.src = "https://www.googletagmanager.com/gtag/js?id=G-N7K27SCVCZ";
1817        script.async = true;
1818        document.head.appendChild(script);
1819
1820        script.onload = function () {
1821            
vendor: 166 bytes, lines 1821-1824
1821window.dataLayer = window.dataLayer || [];
1822            function gtag() { dataLayer.push(arguments); }
1823            gtag('js', new Date());
1824            gtag('config', '
1824G-N7K27SCVCZ
vendor: 12 bytes, lines 1824-1825
1824');
1825        
1825};
1826    }
1827});
1828</script>
1828
1829
1830<!-- LinkedIn -->
1831<script type="text/javascript">
1832    _linkedin_partner_id = "8116281";
1833    window._linkedin_data_partner_ids = window._linkedin_data_partner_ids || [];
1834    window._linkedin_data_partner_ids.push(_linkedin_partner_id);
1835    </script>
1835<script type="text/javascript">
1836    (function(l) {
1837    if (!l){window.lintrk = function(a,b){window.lintrk.q.push([a,b])};
1838    window.lintrk.q=[]}
1839    var s = document.getElementsByTagName("script")[0];
1840    var b = document.createElement("script");
1841    b.type = "text/javascript";b.async = true;
1842    b.src = "https://snap.licdn.com/li.lms-analytics/insight.min.js";
1843    s.parentNode.insertBefore(b, s);})(window.lintrk);
1844    </script>
1844
1845    <noscript>
1846    <img height="1" width="1" style="display:none;" alt="" src="https://px.ads.linkedin.com/collect/?pid=8116281&fmt=gif" />
1847</noscript>
1848
1849
1850    <!-- Include Chat Widget -->
1851    <!-- 
1851<script type="text/javascript" id="zohodeskasap">var d=document;s=d.createElement("script"),s.type="text/javascript",s.id="zohodeskasapscript",s.defer=!0,s.nonce="{place_your_nonce_value_here}",s.src="https://desk.zoho.com/portal/api/web/asapApp/1056494000000668475?orgId=871086514",t=d.getElementsByTagName("script")[0],t.parentNode.insertBefore(s,t),window.ZohoDeskAsapReady=function(s){var e=window.ZohoDeskAsap__asyncalls=window.ZohoDeskAsap__asyncalls||[];window.ZohoDeskAsapReadyStatus?(s&&e.push(s),e.forEach(s=>s&&s()),window.ZohoDeskAsap__asyncalls=null):s&&e.push(s)};</script>
1851 -->
1852
1853    <!-- Include Crisp Chat Widget -->
1854    
1854<script type="text/javascript">window.$crisp=[];window.CRISP_WEBSITE_ID="82c88e4f-6392-4f36-b4c0-9dcc4a047368";(function(){d=document;s=d.createElement("script");s.src="https://client.crisp.chat/l.js";s.async=1;d.getElementsByTagName("head")[0].appendChild(s);})();</script>
1854
1855
1856
1857    <!-- Include Google API -->
1858    
1858<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCCxvLhYe1JucPSE-1Cyz-oVPSE9Diu2nU&libraries=places"></script>
1858
1859
1860    <style>
1861        .pac-container {
1862            border-radius: 8px;
1863            margin-top: 4px;
1864        }
1865        .hdpi .pac-icon {
1866            background-image: url(assets/images/recallHQLogoIcon_35px.svg);
1867        }
1868        .pac-icon {
1869        /* display: none; */
1870        background-image: url(assets/images/recallHQLogoIcon_35px.svg);
1871        background-repeat: no-repeat;
1872        background-position: center;
1873        background-size: contain;
1874        margin-top: 1px;
1875        }
1876        .pac-item-selected .pac-icon-marker {
1877            background-position: center;
1878        }
1879        .pac-item {
1880        padding: 10px;
1881        font-size: 10px;
1882        cursor: pointer;
1883        transition: all 0.3s ease;
1884        display: flex;
1885        flex-wrap: wrap;
1886        line-height: 1.75;
1887
1888        }
1889        .pac-item:hover,
1890        .pac-item-selected, 
1891        .pac-item-selected:hover {
1892        background-color: var(--grey-200);
1893        }
1894        .pac-item > span:last-of-type {
1895            padding-left: 22px;
1896            flex-basis: 100%;
1897        }
1898        .pac-item-query {
1899        font-size: 12px;
1900        }
1901        .hdpi.pac-logo:after,
1902        .pac-logo:after {
1903            display: none!important;
1904            background-image: unset!important;
1905        }
1906
1907        .hero-img-play-btn {
1908            position: absolute;
1909            top: 50%;
1910            left: 50%;
1911            transform: translate(-50%, -45%);
1912            transition: all ease 0.3s;
1913        }
1914
1915        .hero-img-play-btn:hover {
1916            transform: translate(-50%, -47%) scale(1.01);
1917        }
1918
1919        .hero-img-play-btn > .play-btn {
1920            width: 64px;
1921            height: 64px;
1922            border-radius: 100%;
1923            background: rgba(255,255,255,0.35);
1924            backdrop-filter: blur(4px);
1925            -webkit-backdrop-filter: blur(4px);
1926            box-shadow: var(--shadow-md);
1927            border: none;
1928            cursor: pointer;
1929            display: flex;
1930            align-items: center;
1931            justify-content: center;
1932        }
1933
1934        .hero-img-play-btn > .play-btn > svg {
1935            transform: translateX(2px) scale(1.3);
1936        }
1937
1938        /* Video modal */
1939
1940        /* Modal shell */
1941        .video-modal {
1942            position: fixed;
1943            inset: 0;
1944            z-index: 99999;
1945            display: none;
1946        }
1947        
1948        .video-modal.active {
1949            display: flex;
1950            align-items: center;
1951            justify-content: center;
1952        }
1953        
1954        /* Grey semi-transparent backdrop */
1955        .video-modal-backdrop {
1956            position: absolute;
1957            inset: 0;
1958            background: rgba(0,0,0,0.65);
1959        }
1960        
1961        /* Modal card */
1962        .video-modal-content {
1963            position: relative;
1964            z-index: 1;
1965        
1966            width: 90%;
1967            max-width: 1200px;          /* controls overall size */
1968            background: #000;
1969            border-radius: 18px;
1970            box-shadow: 0 20px 60px rgba(0,0,0,0.4);
1971            overflow: hidden;
1972        }
1973        
1974        /* 16:9 aspect ratio */
1975        .video-frame-wrapper {
1976            position: relative;
1977            width: 100%;
1978        }
1979        
1980        .video-frame-wrapper::before {
1981            content: "";
1982            display: block;
1983            padding-top: 56.25%;       /* 16:9 */
1984        }
1985        
1986        /* iframe fills modal */
1987        .video-frame-wrapper iframe {
1988            position: absolute;
1989            inset: 0;
1990            width: 100%;
1991            height: 100%;
1992            border: 0;
1993        }
1994        
1995        /* Close button */
1996        .video-modal-close {
1997            position: absolute;
1998            top: 10px;
1999            right: 14px;
2000            z-index: 2;
2001        
2002            font-size: 30px;
2003            line-height: 1;
2004            background: rgba(0,0,0,0.5);
2005            border: none;
2006            color: #fff;
2007            border-radius: 50%;
2008            width: 36px;
2009            height: 36px;
2010            cursor: pointer;
2011        }
2012
2013        .video-frame-wrapper,
2014            .video-frame-wrapper iframe {
2015            pointer-events: auto !important;
2016            }
2017        
2018        /* Slightly larger on desktop */
2019        @media (min-width: 1024px) {
2020            .video-modal-content {
2021            max-width: 1200px;
2022            }
2023        }
2024
2025    </style>
2026
2027<!-- Video Modal -->
2028
2029<div id="vimeoModal" class="video-modal" aria-hidden="true">
2030  <div class="video-modal-backdrop"></div>
2031
2032  <div class="video-modal-content">
2033    <button class="video-modal-close" aria-label="Close video">&times;</button>
2034
2035    <div class="video-frame-wrapper">
2036      <iframe
2037        id="vimeoPlayer"
2038        src=""
2039        allow="autoplay; fullscreen"
2040        allowfullscreen
2041        title="Hero video"
2042      ></iframe>
2043    </div>
2044  </div>
2045</div>
2046
2047<script>
2048
2049    // Video Modal
2050
2051
2052    function initHeroVideoModal() {
2053    const triggerBtn = document.querySelector(".hero-img-play-btn .play-btn");
2054    const modal = document.getElementById("vimeoModal");
2055    const iframe = document.getElementById("vimeoPlayer");
2056    const closeBtn = modal?.querySelector(".video-modal-close");
2057    const backdrop = modal?.querySelector(".video-modal-backdrop");
2058
2059    // Background Vimeo iframe (behind the play button)
2060    const bgIframe = document.querySelector(".hero-video iframe");
2061
2062    if (!triggerBtn || !modal || !iframe || !closeBtn || !backdrop) return;
2063
2064    let modalPlayer = null;
2065    let bgPlayer = null;
2066
2067    // Modal video: controls + audio (no background=1)
2068    const MODAL_VIMEO_SRC =
2069        "https://player.vimeo.com/video/1148799851?autoplay=0&muted=0&controls=1&playsinline=1&loop=1";
2070
2071    // Helper: ensure Vimeo API is loaded
2072    function waitForVimeoApi(timeoutMs = 4000) {
2073        return new Promise((resolve, reject) => {
2074        const start = Date.now();
2075        const t = setInterval(() => {
2076            if (window.Vimeo && typeof window.Vimeo.Player === "function") {
2077            clearInterval(t);
2078            resolve();
2079            } else if (Date.now() - start > timeoutMs) {
2080            clearInterval(t);
2081            reject(new Error("Vimeo API not available"));
2082            }
2083        }, 50);
2084        });
2085    }
2086
2087    async function ensureBgPlayer() {
2088        if (!bgIframe || bgPlayer) return;
2089        await waitForVimeoApi();
2090        bgPlayer = new Vimeo.Player(bgIframe);
2091
2092        // Background player should be muted to autoplay/loop reliably on mobile
2093        bgPlayer.setMuted(true).catch(() => {});
2094        bgPlayer.setLoop(true).catch(() => {});
2095    }
2096
2097    async function openModal() {
2098        modal.classList.add("active");
2099        modal.setAttribute("aria-hidden", "false");
2100        document.documentElement.style.overflow = "hidden";
2101
2102        // Pause background video (critical for iOS reliability)
2103        try {
2104        await ensureBgPlayer();
2105        if (bgPlayer) await bgPlayer.pause().catch(() => {});
2106        } catch (_) {}
2107
2108        // Load and play modal video
2109        iframe.src = "";
2110        await new Promise((r) => requestAnimationFrame(r));
2111        iframe.src = MODAL_VIMEO_SRC;
2112
2113        try {
2114        await waitForVimeoApi();
2115        modalPlayer = new Vimeo.Player(iframe);
2116        await modalPlayer.setLoop(true).catch(() => {});
2117        await modalPlayer.play().catch(() => {});
2118        } catch (_) {
2119        // If API isn't ready, Vimeo may still play via iframe src
2120        }
2121
2122        // Hide Crisp chat
2123        if (window.$crisp) {
2124        window.$crisp.push(["do", "chat:hide"]);
2125        }
2126    }
2127
2128    async function closeModal() {
2129        modal.classList.remove("active");
2130        modal.setAttribute("aria-hidden", "true");
2131        document.documentElement.style.overflow = "";
2132
2133        if (modalPlayer) {
2134        await modalPlayer.pause().catch(() => {});
2135        modalPlayer = null;
2136        }
2137        iframe.src = "";
2138
2139        // Resume background video
2140        if (bgPlayer) {
2141        await bgPlayer.play().catch(() => {});
2142        }
2143
2144        // Show Crisp chat again
2145        if (window.$crisp) {
2146        window.$crisp.push(["do", "chat:show"]);
2147        }
2148    }
2149
2150    triggerBtn.addEventListener("click", (e) => {
2151        e.preventDefault();
2152        console.log("click")
2153        openModal();
2154    });
2155
2156    closeBtn.addEventListener("click", closeModal);
2157    backdrop.addEventListener("click", closeModal);
2158
2159    document.addEventListener("keydown", (e) => {
2160        if (e.key === "Escape" && modal.classList.contains("active")) {
2161        closeModal();
2162        }
2163    });
2164    }
2165
2166    document.addEventListener("DOMContentLoaded", initHeroVideoModal);
2167
2168
2169</script>
2169
2170
2171</body>
2172</html>
2173<!-- ////////////// END - 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.