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 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 with 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"><</button> 930 <div class="index-container"> 931 <button></button> 932 <button></button> 933 <button></button> 934 </div> 935 <button data-index-change="1">></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"><</button> 995 <div class="index-container"> 996 <button></button> 997 <button></button> 998 <button></button> 999 </div> 1000 <button data-index-change="1">></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">© <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">×</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">×</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.