PageSourceSearch

https://fleetrabbit.com/

html fleetrabbit.com collected 2026-09-30 21:38:26 UTC 134,565 bytes, 2,200 lines download raw bytes

1<!doctype html>
2<html class="no-js" lang="en">
3
4<head>
5  <meta charset="utf-8">
6  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
7  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
8  <meta name="description"
9    content="Complete truck inspection and fleet management software. Digital DVIR, DOT compliance, preventive maintenance scheduling, work order management, and real-time fleet tracking. Trusted by 1000+ maintenance teams to keep equipment running at its best.">
10  <meta name="keywords"
11    content="truck inspection software, fleet management system, DVIR app, DOT compliance software, vehicle inspection checklist, preventive maintenance software, fleet maintenance management, digital inspection forms, work order management, fleet tracking software, truck maintenance app, commercial vehicle inspection, fleet compliance management, maintenance scheduling software, electronic DVIR, pre-trip inspection app, post-trip inspection software">
12  <meta name="author" content="FleetRabbit">
13
14  <title>#1 Truck Fleet Management Software - Digital DVIR, DOT Compliance & Maintenance | FleetRabbit</title>
15  <link rel="canonical" href="https://fleetrabbit.com">
16
17  <!-- Meta OG tags for Facebook -->
18  <meta property="og:title" content="#1 Truck Fleet Management Software - Digital DVIR & DOT Compliance | FleetRabbit">
19  <meta property="og:description"
20    content="Complete truck inspection and fleet management software. Digital DVIR, DOT compliance, preventive maintenance scheduling, and real-time fleet tracking. Trusted by 1000+ maintenance teams.">
21  <meta property="og:url" content="https://fleetrabbit.com">
22  <meta property="og:image" content="https://fleetrabbit.com/assets2/photos/img/complete-mobile-solutions.png">
23
24  <!-- Meta OG tags for Twitter -->
25  <meta name="twitter:card" content="summary_large_image">
26  <meta name="twitter:title" content="#1 Truck Fleet Management Software - Digital DVIR & DOT Compliance | FleetRabbit">
27  <meta name="twitter:description" content="Complete truck inspection and fleet management software. Digital DVIR, DOT compliance, preventive maintenance scheduling, and real-time fleet tracking.">
28  <meta name="twitter:image" content="https://fleetrabbit.com/assets2/photos/img/complete-mobile-solutions.png">
29
30  <!-- favicon icon -->
31  <link rel="shortcut icon" href="./assets2/photos/favicon.ico">
32  <!-- style sheets and font icons  -->
33  <link rel="stylesheet" href="./assets2/css/vendors.min.css" />
34  <link rel="stylesheet" href="./assets2/css/icon.min.css" />
35  <link rel="stylesheet" href="./assets2/css/style.css" />
36  <link rel="stylesheet" href="./assets2/css/responsive.css" />
37  <link rel="stylesheet" href="./assets2/css/additional.css" />
38  
39  <!-- Google tag (gtag.js) -->
vendor: 66 bytes, lines 39-40
39
40  <script async src="https://www.googletagmanager.com/gtag/js?id=
40G-PVKHLMQ54K
vendor: 14 bytes, lines 40-41
40"></script>
41  
41<script>
42    
vendor: 143 bytes, lines 42-46
42window.dataLayer = window.dataLayer || [];
43    function gtag() { dataLayer.push(arguments); }
44    gtag('js', new Date());
45
46    gtag('config', '
46G-PVKHLMQ54K
vendor: 6 bytes, lines 46-47
46');
47  
47</script>
47
48
49  
49<script type="text/javascript">     (function (c, l, a, r, i, t, y) {
50      c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) }; t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;
51      y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
52    })(window, document, "clarity", "script", "m95r8xsbp9"); </script>
52
53
54  <style>
55    .nav-pills li>button.active {
56      background: linear-gradient(to right, #8b14b1, #d53d6e, #8b14b1);
57      color: white !important;
58      font-size: 16px;
59    }
60
61    .nav.nav-pills .nav-item .btn .bi {
62      display: none;
63    }
64
65    .nav.nav-pills .nav-item .btn.active .bi {
66      display: inline-block;
67    }
68
69    /* .nav.nav-pills {
70      overflow-x: auto;
71      overflow-y: hidden;
72      white-space: nowrap;
73      flex-wrap: nowrap;
74      display: -webkit-box !important;
75      -webkit-overflow-scrolling: touch;
76      scrollbar-width: thin;
77    } */
78  </style>
79
80</head>
81
82<body data-mobile-nav-style="classic">
83  <!-- start header -->
84  <header>
85    <!-- start navigation -->
86    <nav class="navbar navbar-expand-lg header-reverse header-light bg-light-majorelle-blue">
87      <div class="container">
88        <div class="col-auto col-lg-2 me-lg-0 me-auto">
89          <a class="navbar-brand py-2" href="./">
90            <img src="./assets2/photos/fleet-icon.png" alt="fleet-rabbit-logo">
91          </a>
92        </div>
93        <div class="col-auto col-lg-8 menu-order position-static">
94          <button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
95            <span class="navbar-toggler-line"></span>
96            <span class="navbar-toggler-line"></span>
97            <span class="navbar-toggler-line"></span>
98            <span class="navbar-toggler-line"></span>
99          </button>
100          <div class="collapse navbar-collapse justify-content-center" id="navbarNav">
101            <ul class="navbar-nav">
102              <li class="nav-item dropdown submenu">
103                <a href="javascript:void(0);" class="nav-link">Features</a>
104                <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink1" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
105                <div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink1">
106                  <div class="d-lg-flex mega-menu m-auto">
107                    <ul class="col pe-2 col-lg-9 d-flex flex-column">
108                      <li class="sub-title "><span class="text-base-color text-decoration-line-bottom">Features</span></li>
109                      <ul class="cc-3 pe-0 py-0">
110                        <li>
111                          <a class="d-inline-block" href="./inspection">
112                            <h6 class="mb-0">Fleet Inspection</h6>
113                            <small class="text-muted d-lg-block d-none">Complete digital inspections</small>
114                          </a>
115                        </li>
116                        <li>
117                          <a class="d-inline-block" href="./fleet-maintenance">
118                            <h6 class="mb-0">Maintenance</h6>
119                            <small class="text-muted d-lg-block d-none">Smarter repair workflows</small>
120                          </a>
121                        </li>
122                        <li>
123                          <a class="d-inline-block" href="./fuel-management">
124                            <h6 class="mb-0">Fuel Management</h6>
125                            <small class="text-muted d-lg-block d-none">Optimize fuel spending</small>
126                          </a>
127                        </li>
128                        <li>
129                          <a class="d-inline-block" href="./compliance">
130                            <h6 class="mb-0">Compliance</h6>
131                            <small class="text-muted d-lg-block d-none">Stay audit ready</small>
132                          </a>
133                        </li>
134                        <li>
135                          <a class="d-inline-block" href="./parts-and-inventory">
136                            <h6 class="mb-0">Parts &amp; Inventory</h6>
137                            <small class="text-muted d-lg-block d-none">Track parts seamlessly</small>
138                          </a>
139                        </li>
140                        <li>
141                          <a class="d-inline-block" href="./analytics-reporting">
142                            <h6 class="mb-0">Analytics &amp; Reporting</h6>
143                            <small class="text-muted d-lg-block d-none">Data-driven insights</small>
144                          </a>
145                        </li>
146                        <li>
147                          <a class="d-inline-block" href="./dvir-dot-inspection">
148                            <h6 class="mb-0">DVIR DOT Inspection</h6>
149                            <small class="text-muted d-lg-block d-none">Daily compliance checks</small>
150                          </a>
151                        </li>
152                        <li>
153                          <a class="d-inline-block" href="./preventive-maintenance">
154                            <h6 class="mb-0">Preventive Maintenance</h6>
155                            <small class="text-muted d-lg-block d-none">Reduce unexpected downtime</small>
156                          </a>
157                        </li>
158                        <li>
159                          <a class="d-inline-block" href="./team-management">
160                            <h6 class="mb-0">Team Management</h6>
161                            <small class="text-muted d-lg-block d-none">Streamline driver coordination</small>
162                          </a>
163                        </li>
164                        <li>
165                          <a class="d-inline-block" href="./dispatch">
166                            <h6 class="mb-0">Dispatch</h6>
167                            <small class="text-muted d-lg-block d-none">Streamlined load scheduling</small>
168                          </a>
169                        </li>
170                        <li>
171                          <a class="d-inline-block" href="./hos-monitoring">
172                            <h6 class="mb-0">HOS Monitoring</h6>
173                            <small class="text-muted d-lg-block d-none">Real-time HOS tracking</small>
174                          </a>
175                        </li>
176                        <li>
177                          <a class="d-inline-block" href="./dvir-records">
178                            <h6 class="mb-0">DVIR Records</h6>
179                            <small class="text-muted d-lg-block d-none">Organized inspection logs</small>
180                          </a>
181                        </li>
182                        <li>
183                          <a class="d-inline-block" href="./recall-tracking">
184                            <h6 class="mb-0">Recall Tracking</h6>
185                            <small class="text-muted d-lg-block d-none">Manage vehicle recalls</small>
186                          </a>
187                        </li>
188                        <li>
189                          <a class="d-inline-block" href="./features">
190                            <h6 class="mb-0">All Features</h6>
191                            <small class="text-muted d-lg-block d-none">Complete feature overview</small>
192                          </a>
193                        </li>
194                      </ul>
195                    </ul>
196                    <ul class="col pe-2 col-lg-3 d-flex flex-column">
197                      <li class="sub-title"><span class="text-base-color text-decoration-line-bottom">Integration</span></li>
198                      <li>
199                        <a class="d-inline-block" href="./integration/">
200                          <h6 class="mb-0">Integrations Overview</h6>
201                          <small class="text-muted d-lg-block d-none">Connect all fleet systems</small>
202                        </a>
203                      </li>
204                      <li>
205                        <a class="d-inline-block" href="./integration/gps">
206                          <h6 class="mb-0">GPS &amp; Telematics</h6>
207                          <small class="text-muted d-lg-block d-none">Real-time vehicle tracking</small>
208                        </a>
209                      </li>
210                      <li>
211                        <a class="d-inline-block" href="./integration/fuelcard">
212                          <h6 class="mb-0">Fuel Card</h6>
213                          <small class="text-muted d-lg-block d-none">Automatic fuel insights</small>
214                        </a>
215                      </li>
216                      <li>
217                        <a class="d-inline-block" href="./integration/accounting">
218                          <h6 class="mb-0">
218Accounting Software</h6>
219                          <small class="text-muted d-lg-block d-none">Simplified financial syncing</small>
220                        </a>
221                      </li>
222                      <li>
223                        <a class="d-inline-block" href="./integration/oem">
224                          <h6 class="mb-0">OEM Telematics</h6>
225                          <small class="text-muted d-lg-block d-none">Direct vehicle data</small>
226                        </a>
227                      </li>
228                    </ul>
229                    <ul class="col pe-2 col-lg-3 flex-lg-column d-none">
230                      <li class="sub-title"><span class="text-base-color text-decoration-line-bottom">Popular Pages</span></li>
231                      <li>
232                        <a href="./blogs/post/maintenance-checklists">
233                          <div class="feature-box feature-box-left-icon">
234                            <div class="feature-box-icon rounded me-1">
235                              <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/maintenance-checklists.png" alt="maintenance-checklists" style="width: 6rem;">
236                            </div>
237                            <div class="feature-box-content">
238                              <h6 class="text-dark-gray">Maintenance Checklists for PM Services Class A, B, C, and D</h6>
239                            </div>
240                          </div>
241                        </a>
242                      </li>
243                      <li>
244                        <a href="./blogs/post/fleet-technology-performance">
245                          <div class="feature-box feature-box-left-icon">
246                            <div class="feature-box-icon rounded me-1">
247                              <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/fleet-technology.png" alt="fleet-technology" style="width: 6rem;">
248                            </div>
249                            <div class="feature-box-content">
250                              <h6 class="text-dark-gray">5 Key Metrics for Evaluating Fleet Technology Performance</h6>
251                            </div>
252                          </div>
253                        </a>
254                      </li>
255                      <li>
256                        <a href="./blogs/post/dot-compliance">
257                          <div class="feature-box feature-box-left-icon">
258                            <div class="feature-box-icon rounded me-1">
259                              <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/dot-compliance.png" alt="dot-compliance" style="width: 6rem;">
260                            </div>
261                            <div class="feature-box-content">
262                              <h6 class="text-dark-gray">Truck & Trailer Maintenance Paperwork Requirements for DOT Compliance</h6>
263                            </div>
264                          </div>
265                        </a>
266                      </li>
267                    </ul>
268                  </div>
269                </div>
270              </li>
271              <li class="nav-item dropdown submenu">
272                <a href="javascript:void(0);" class="nav-link">Solutions</a>
273                <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink2" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
274                <div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink2">
275                  <div class="d-lg-flex mega-menu m-auto">
276                    <ul class="col pe-2 col-lg-9 d-flex flex-column">
277                      <li class="sub-title"><span class="text-base-color text-decoration-line-bottom">Industry</span></li>
278                      <ul class="cc-3 pe-0 py-0">
279                        <li>
280                          <a class="d-inline-block" href="./industry/construction-management-system/">
281                            <h6 class="mb-0">Construction Management System</h6>
282                            <small class="text-muted d-lg-block d-none">Streamline site operations</small>
283                          </a>
284                        </li>
285                        <li>
286                          <a class="d-inline-block" href="./industry/transportation-and-logistics/">
287                            <h6 class="mb-0">Transportation &amp; Logistics</h6>
288                            <small class="text-muted d-lg-block d-none">Improve fleet efficiency</small>
289                          </a>
290                        </li>
291                        <li>
292                          <a class="d-inline-block" href="./industry/passenger-transit/">
293                            <h6 class="mb-0">
293Passenger Transit</h6>
294                            <small class="text-muted d-lg-block d-none">Reliable transit management</small>
295                          </a>
296                        </li>
297                        <li>
298                          <a class="d-inline-block" href="./industry/food-and-beverage/">
299                            <h6 class="mb-0">Food &amp; Beverage Maintenance Software</h6>
300                            <small class="text-muted d-lg-block d-none">Maintain cold-chain uptime</small>
301                          </a>
302                        </li>
303                        <li>
304                          <a class="d-inline-block" href="./industry/e-commerce-logistics/">
305                            <h6 class="mb-0">E-Commerce Logistics</h6>
306                            <small class="text-muted d-lg-block d-none">Faster delivery coordination</small>
307                          </a>
308                        </li>
309                        <li>
310                          <a class="d-inline-block" href="./industry/farm-equipment-software/">
311                            <h6 class="mb-0">Farm Equipment Software</h6>
312                            <small class="text-muted d-lg-block d-none">Optimize agri-fleet usage</small>
313                          </a>
314                        </li>
315                        <li>
316                          <a class="d-inline-block" href="./industry/government-fleet/">
317                            <h6 class="mb-0">Government Fleet Software</h6>
318                            <small class="text-muted d-lg-block d-none">Accountable public fleet</small>
319                          </a>
320                        </li>
321                        <li>
322                          <a class="d-inline-block" href="./industry/manufacturing-fleet/">
323                            <h6 class="mb-0">Manufacturing Fleet</h6>
324                            <small class="text-muted d-lg-block d-none">Boost plant productivity</small>
325                          </a>
326                        </li>
327                        <li>
328                          <a class="d-inline-block" href="./industry/mining-fleet-software/">
329                            <h6 class="mb-0">Mining Fleet Software</h6>
330                            <small class="text-muted d-lg-block d-none">Maximize heavy-duty uptime</small>
331                          </a>
332                        </li>
333                        <li>
334                          <a class="d-inline-block" href="./industry/utilities-fleet-software/">
335                            <h6 class="mb-0">Utilities Fleet Software</h6>
336                            <small class="text-muted d-lg-block d-none">Support critical services</small>
337                          </a>
338                        </li>
339                        <li>
340                          <a class="d-inline-block" href="./industry/oil-and-gas/">
341                            <h6 class="mb-0">Oil &amp; Gas Fleet</h6>
342                            <small class="text-muted d-lg-block d-none">Ensure field readiness</small>
343                          </a>
344                        </li>
345                        <li>
346                          <a class="d-inline-block" href="./industry/vessel-fleet/">
347                            <h6 class="mb-0">Vessel Fleet Software</h6>
348                            <small class="text-muted d-lg-block d-none">Marine fleet oversight</small>
349                          </a>
350                        </li>
351                        <li>
352                          <a class="d-inline-block" href="./industry/waste-management-software/">
353                            <h6 class="mb-0">Waste Management Fleet Software</h6>
354                            <small class="text-muted d-lg-block d-none">Efficient route operations</small>
355                          </a>
356                        </li>
357                        <li>
358                          <a class="d-inline-block" href="./industry/">
359                            <h6 class="mb-0">All Industries</h6>
360                            <small class="text-muted d-lg-block d-none">View All Industries</small>
361                          </a>
362                        </li>
363                      </ul>
364                    </ul>
365                    <ul class="col pe-2 col-lg-3 d-lg-flex flex-lg-column d-none">
366                      <li class="sub-title"><span class="text-base-color text-decoration-line-bottom">Popular Pages</span></li>
367                      <ul class="pe-0">
368                        <li>
369                          <a href="./blogs/post/understanding-your-rights-during-dot-stops">
370                            <div class="feature-box feature-box-left-icon">
371                              <div class="feature-box-icon rounded me-2">
372                                <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/during-dot-stops.png" alt="during-dot-stops" style="width: 6rem;">
373                              </div>
374                              <div class="feature-box-content">
375                                <h6 class="fs-15 fw-800 lh-normal text-dark-gray">Understanding Your Rights During DOT Stops: What to Expect</h6>
376                              </div>
377                            </div>
378                          </a>
379                        </li>
380                        <li>
381                          <a href="./blogs/post/top-six-garbage-truck-manufacturers">
382                            <div class="feature-box feature-box-left-icon">
383                              <div class="feature-box-icon rounded me-2">
384                                <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/garbage-truck.png" alt="garbage-truck" style="width: 6rem;">
385                              </div>
386                              <div class="feature-box-content">
387                                <h6 class="fs-15 fw-800 lh-normal text-dark-gray">Top 6 Garbage Truck Manufacturers and Models for Fleet Owners</h6>
388                              </div>
389                            </div>
390                          </a>
391                        </li>
392                        <li>
393                          <a href="./blogs/post/fuel-monitoring-systems-and-solutions">
394                            <div class="feature-box feature-box-left-icon">
395                              <div class="feature-box-icon rounded me-2">
396                                <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/fuel-monitoring.png" alt="fuel-monitoring" style="width: 6rem;">
397                              </div>
398                              <div class="feature-box-content">
399                                <h6 class="fs-15 fw-800 lh-normal text-dark-gray">Top 7 Fuel Monitoring Systems and Solutions for 2025</h6>
400                              </div>
401                            </div>
402                          </a>
403                        </li>
404                      </ul>
405                    </ul>
406                  </div>
407                </div>
408              </li>
409              <li class="nav-item dropdown submenu">
410                <a href="javascript:void(0);" class="nav-link">Resources</a>
411                <i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink2" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
412                <div class="dropdown-menu submenu-content" aria-labelledby="navbarDropdownMenuLink2">
413                  <div class="d-lg-flex mega-menu m-auto">
414                    <ul class="col pe-2 col-lg-6 d-flex flex-column">
415                      <li class="sub-title"><span class="text-base-color text-decoration-line-bottom">Resources</span></li>
416                      <ul class="cc-2 pe-0 py-0">
417                        <li>
418                          <a class="d-inline-block" href="./blogs/">
419                            <h6 class="mb-0">Blogs</h6>
420                            <small class="text-muted d-lg-block d-none">Fleet insights & tips</small>
421                          </a>
422                        </li>
423                        <li>
424                          <a class="d-inline-block" href="./checklist-center/">
425                            <h6 class="mb-0">Checklists</h6>
426                            <small class="text-muted d-lg-block d-none">Ready-to-use templates</small>
427                          </a>
428                        </li>
429                        <li>
430                          <a class="d-inline-block" href="./article/">
431                            <h6 class="mb-0">Articles</h6>
432                            <small class="text-muted d-lg-block d-none">Expert fleet guidance</small>
433                          </a>
434                        </li>
435                        <li>
436                          <a class="d-inline-block" href="./faqs/">
437                            <h6 class="mb-0">FAQs</h6>
438                            <small class="text-muted d-lg-block d-none">Fleet Industries FAQs</small>
439                          </a>
440                        </li>
441                        <li>
442                          <a class="d-inline-block" href="./case-study/">
443                            <h6 class="mb-0">Case-Study</h6>
444                            <small class="text-muted d-lg-block d-none">Real success stories</small>
445                          </a>
446                        </li>
447                        <li>
448                          <a class="d-inline-block" href="./contact">
449                            <h6 class="mb-0">Support</h6>
450                            <small class="text-muted d-lg-block d-none">Help when you need</small>
451                          </a>
452                        </li>
453                      </ul>
454                    </ul>
455                    <ul class="col pe-2 col-lg-3 d-flex flex-column">
456                      <li class="sub-title"><span class="text-base-color text-decoration-line-bottom">Community</span></li>
457                      <li>
458                        <a class="d-inline-block" href="https://community.fleetrabbit.com" target="_blank" rel="noopener">
459                          <h6 class="mb-0">Fleet Rabbit Community</h6>
460                          <small class="text-muted d-lg-block d-none">Your one-stop hub to get help, Connect with users &amp; experts.</small>
461                        </a>
462                      </li>
463                      <li>
464                        <a class="d-inline-block" href="https://community.fleetrabbit.com/events/" target="_blank" rel="noopener">
465                          <h6 class="mb-0">Fleet Rabbit Webinars</h6>
466                          <small class="text-muted d-lg-block d-none">Live Software webinars</small>
467                        </a>
468                      </li>
469                    </ul>
470                    <ul class="col pe-2 col-lg-3 d-lg-flex flex-lg-column d-none">
471                      <li class="sub-title"><span class="text-base-color text-decoration-line-bottom">Popular Pages</span></li>
472                      <ul class="pe-0">
473                        <li>
474                          <a href="./blogs/post/truck-maintenance-101-pm-schedules">
475                            <div class="feature-box feature-box-left-icon">
476                              <div class="feature-box-icon rounded me-1">
477                                <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/truck-maintenance-101-pm-schedules.png" alt="truck-maintenance-101-pm-schedules" style="width: 6rem;">
478                              </div>
479                              <div class="feature-box-content">
480                                <h6 class="fs-15 fw-800 lh-normal text-dark-gray">Truck Maintenance 101: A Beginner’s Guide to PM Schedules</h6>
481                              </div>
482                            </div>
483                          </a>
484                        </li>
485                        <li>
486                          <a href="./blogs/post/dot-strap-requirements-load-securement">
487                            <div class="feature-box feature-box-left-icon">
488                              <div class="feature-box-icon rounded me-1">
489                                <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/dot-strap-requirements-load-securement.png" alt="dot-strap-requirements-load-securement" style="width: 6rem;">
490                              </div>
491                              <div class="feature-box-content">
492                                <h6 class="fs-15 fw-800 lh-normal text-dark-gray">Understanding DOT Strap Requirements for Safe Load Securement</h6>
493                              </div>
494                            </div>
495                          </a>
496                        </li>
497                        <li>
498                          <a href="./blogs/post/owner-operator-startup-checklist-2025">
499                            <div class="feature-box feature-box-left-icon">
500                              <div class="feature-box-icon rounded me-1">
501                                <img src="https://fleetrabbit.com/blogs/manage-post-2k26/uploads/owner-operator-startup-checklist-2025.png" alt="owner-operator-startup-checklist-2025" style="width: 6rem;">
502                              </div>
503                              <div class="feature-box-content">
504                                <h6 class="fs-15 fw-800 lh-normal text-dark-gray">The Complete Owner-Operator Trucking Startup Checklist for 2025</h6>
505                              </div>
506                            </div>
507                          </a>
508                        </li>
509                      </ul>
510                    </ul>
511                  </div>
512                </div>
513              </li>
514              <li class="nav-item dropdown simple-dropdown">
515                <a href="./checklist/" class="nav-link section-link">Checklists</a>
516              </li>
517              <li class="nav-item dropdown simple-dropdown">
518                <a href="./pricing" class="nav-link section-link">Pricing</a>
519              </li>
520            </ul>
521          </div>
522        </div>
523        <div class="col-auto col-lg-2 text-end lg-ps-0 xs-pe-0">
524          <div class="header-icon">
525            <div class="header-button">
526              <a href="https://fleetrabbit.com/portal/login" target="_blank" class="text-decoration-line-bottom fw-600 text-dark">Login <span><i class="fa-solid fa-arrow-right fs-14"></i></span></a>
527              <a href="https://ai.fleetrabbit.com/en/signup" target="_blank" class="btn btn-gradient-fast-blue-purple fw-600 btn-rounded text-transform-none">Signup</a>
528            </div>
529          </div>
530        </div>
531      </div>
532    </nav>
533    <!-- end navigation -->
534  </header>
535  <!-- end header -->
536
537  <div class="content-wrapper">
538    <section class="bg-light-majorelle-blue py-18">
539      <div class="container">
540        <div class="row gx-md-3 gy-8 align-items-center text-lg-start text-center position-relative">
541          <div class="col-lg-6"
542            data-anime='{ "el": "childs", "opacity": [0, 1], "rotateY": [-90, 0], "rotateZ": [-10, 0], "translateY": [80, 0], "translateZ": [50, 0], "staggervalue": 200, "duration": 900, "delay": 300, "easing": "easeOutCirc" }'>
543            <h2 class="bg-gradient-fast-blue-purple text-white fs-15 lh-40 fw-700 px-3 py-1 border-radius-100px d-inline-block mb-2">#1 Truck Fleet Management Software</h2>
544            <h1 class="display-5">Truck Inspection and Maintenance Software</h1>
545            <p class="fs-md">Maximize fleet uptime with smarter, faster inspections. FleetRabbit eliminates paper logs and streamlines every pre-trip and post-trip check through a centralized, secure
546              inspection management system. Identify defects instantly, automate DVIR submission, and maintain full DOT compliance.</p>
547            <!-- CTA Buttons -->
548            <div class="d-flex flex-wrap gap-1 justify-content-center justify-content-xl-start mb-25px">
549              <a href="https://ai.fleetrabbit.com/en/signup" class="btn btn-large btn-gradient-purple-pink btn-rounded right-icon btn-switch-text d-md-block d-none">
550                <span>
551                  <span class="btn-double-text" data-text="Get Started">Start Free Trial</span>
552                  <span><i class="fa-solid fa-arrow-right fs-14"></i></span>
553                </span>
554              </a>
555              <a href="https://onelink.to/a6jeh5" class="btn btn-large btn-gradient-purple-pink btn-rounded right-icon btn-switch-text d-md-none d-block">
556                <span>
557                  <span class="btn-double-text" data-text="Download App">Download App</span>
558                  <span><i class="fa-solid fa-arrow-right fs-14"></i></span>
559                </span>
560              </a>
561              <a href="javascript:void(0);" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/fleet-rabbit/30min' });return false;"
562                class="btn btn-large btn-gradient-fast-blue-purple btn-rounded right-icon btn-switch-text">
563                <span>
564                  <span class="btn-double-text" data-text="Book a Demo">See How It Works</span>
565                  <span><i class="fa-solid fa-arrow-right fs-14"></i></span>
566                </span>
567              </a>
568            </div>
569            <!-- Trust Badges -->
570            <div class="d-flex flex-wrap justify-content-center justify-content-lg-start align-items-center gap-3">
571              <span class="fs-14 text-dark-gray"><i class="bi bi-check-circle-fill text-base-color me-5px"></i>No credit card required</span>
572              <span class="fs-14 text-dark-gray"><i class="bi bi-check-circle-fill text-base-color me-5px"></i>Free 14-day trial</span>
573              <span class="fs-14 text-dark-gray"><i class="bi bi-check-circle-fill text-base-color me-5px"></i>Cancel anytime</span>
574            </div>
575          </div>
576          <!-- Right Visual Card Column -->
577          <div class="col-lg-6" data-anime='{ "effect": "slide", "color": "#ffffff", "direction":"lr", "easing": "easeOutQuad", "delay":50}'>
578            <div class="w-100">
579              <img src="./assets2/photos/img/fleetrabbit-features.png" class="img-fluid rounded-4" alt="fleetrabbit-features">
580            </div>
581          </div>
582        </div>
583      </div>
584    </section>
585
586    <!-- start brands section -->
587    <section class="pt-0 bg-light-majorelle-blue pb-60px overflow-hidden">
588      <div class="container">
589        <div class="row align-items-center mb-2">
590          <div class="col-lg-10 mx-auto text-center">
591            <h3 class="text-dark-gray mb-20px fw-700">1000+ maintenance teams use our App to keep their equipment running at its best</h3>
592            <p class="fs-18">We helped these brands turn fleet management challenges into success stories. <br class="d-none d-lg-block" />Join them. Elevate your fleet operations.</p>
593          </div>
594        </div>
595        <!-- Infinite Scrolling Brands -->
596        <div class="position-relative">
597          <div class="swiper slider-one-slide"
598            data-slider-options='{ "slidesPerView": 2, "spaceBetween": 10, "loop": true, "autoplay": { "delay": 1500, "disableOnInteraction": false }, "speed": 800, "keyboard": { "enabled": true, "onlyInViewport": true }, "breakpoints": { "1400": { "slidesPerView": 6 }, "1200": { "slidesPerView": 5 }, "992": { "slidesPerView": 4 }, "768": { "slidesPerView": 3 } }, "effect": "slide" }'>
599            <div class="swiper-wrapper align-items-center">
600              <!-- Brand 1: TT Construction -->
601              <div class="swiper-slide">
602                <div class="card border-0 bg-white box-shadow-small border-radius-10px p-10px text-center">
603                  <div class="mb-10px"><i class="bi bi-building fs-1" style="color: #FF6B35;"></i></div>
604                  <h6 class="fw-700 text-dark-gray mb-5px fs-18">TT Construction</h6>
605                  <small class="text-muted fs-15">Heavy Equipment</small>
606                </div>
607              </div>
608              <!-- Brand 2: C&C Services -->
609              <div class="swiper-slide">
610                <div class="card border-0 bg-white box-shadow-small border-radius-10px p-10px text-center">
611                  <div class="mb-10px"><i class="bi bi-tools fs-1" style="color: #2B7A78;"></i></div>
612                  <h6 class="fw-700 text-dark-gray mb-5px fs-18">C&C Services</h6>
613                  <small class="text-muted fs-15">Facility Maintenance</small>
614                </div>
615              </div>
616              <!-- Brand 3: MacLean Engineering -->
617              <div class="swiper-slide">
618                <div class="card border-0 bg-white box-shadow-small border-radius-10px p-10px text-center">
619                  <div class="mb-10px"><i class="bi bi-gear-wide-connected fs-1" style="color: #E63946;"></i></div>
620                  <h6 class="fw-700 text-dark-gray mb-5px fs-18">MacLean</h6>
621                  <small class="text-muted fs-15">Mining Equipment</small>
622                </div>
623              </div>
624              <!-- Brand 4: ROCK Transportation -->
625              <div class="swiper-slide">
626                <div class="card border-0 bg-white box-shadow-small border-radius-10px p-10px text-center">
627                  <div class="mb-10px"><i class="bi bi-truck-front-fill fs-1" style="color: #F4A261;"></i></div>
628                  <h6 class="fw-700 text-dark-gray mb-5px fs-18">ROCK Transport</h6>
629                  <small class="text-muted fs-15">Freight Services</small>
630                </div>
631              </div>
632              <!-- Brand 5: SMT Fleet Services -->
633              <div class="swiper-slide">
634                <div class="card border-0 bg-white box-shadow-small border-radius-10px p-10px text-center">
635                  <div class="mb-10px"><i class="bi bi-truck fs-1" style="color: #1E3A8A;"></i></div>
636                  <h6 class="fw-700 text-dark-gray mb-5px fs-18">SMT Fleet</h6>
637                  <small class="text-muted fs-15">Fleet Services</small>
638                </div>
639              </div>
640              <!-- Brand 6: Hanson Materials -->
641              <div class="swiper-slide">
642                <div class="card border-0 bg-white box-shadow-small border-radius-10px p-10px text-center">
643                  <div class="mb-10px"><i class="bi bi-bricks fs-1" style="color: #DC2626;"></i></div>
644                  <h6 class="fw-700 text-dark-gray mb-5px fs-18">Hanson</h6>
645                  <small class="text-muted fs-15">Construction Materials</small>
646                </div>
647              </div>
648              <!-- Brand 7: Scandinavia Logistics -->
649              <div class="swiper-slide">
650                <div class="card border-0 bg-white box-shadow-small border-radius-10px p-10px text-center">
651                  <div class="mb-10px"><i class="bi bi-globe-americas fs-1" style="color: #0EA5E9;"></i></div>
652                  <h6 class="fw-700 text-dark-gray mb-5px fs-18">Scandinavia</h6>
653                  <small class="text-muted fs-15">Global Logistics</small>
654                </div>
655              </div>
656              <!-- Brand 8: Two Worlds Adventure -->
657              <div class="swiper-slide">
658                <div class="card border-0 bg-white box-shadow-small border-radius-10px p-10px text-center">
659                  <div class="mb-10px"><i class="bi bi-compass fs-1" style="color: #8B5CF6;"></i></div>
660                  <h6 class="fw-700 text-dark-gray mb-5px fs-18">Two Worlds</h6>
661                  <small class="text-muted fs-15">Adventure Tours</small>
662                </div>
663              </div>
664            </div>
665          </div>
666        </div>
667      </div>
668    </section>
669    <!-- end brands section -->
670
671    <!-- start explore features section -->
672    <section class="bg-gradient-fast-blue-purple py-14 overflow-hidden" id="features">
673      <div class="container">
674        <!-- Section Header -->
675        <div class="row justify-content-center mb-20px">
676          <div class="col-12 text-center">
677            <h2 class="text-white">Explore Features</h2>
678          </div>
679        </div>
680        <!-- Tab Navigation Pills -->
681        <div class="row justify-content-center mb-3">
682          <div class="col-lg-12">
683            <ul class="nav nav-pills justify-content-center align-items-center gap-1">
684              <li class="nav-item" role="presentation">
685                <button class="btn btn-medium btn-white border-radius-100px text-dark fw-600 px-4 py-2 active" id="inspection-tab" data-bs-toggle="pill" data-bs-target="#inspection" type="button"
686                  role="tab"><i class="bi bi-clipboard-check"></i> INSPECTIONS</button>
687              </li>
688              <li class="nav-item" role="presentation">
689                <button class="btn btn-medium btn-white border-radius-100px fw-600 px-4 py-2" id="dvir-tab" data-bs-toggle="pill" data-bs-target="#dvir" type="button" role="tab"><i
690                    class="bi bi-file-earmark-text"></i> DVIR RECORDS</button>
691              </li>
692              <li class="nav-item" role="presentation">
693                <button class="btn btn-medium btn-white border-radius-100px fw-600 px-4 py-2" id="maintenance-tab" data-bs-toggle="pill" data-bs-target="#maintenance" type="button" role="tab"><i
694                    class="bi bi-wrench"></i> MAINTENANCE</button>
695              </li>
696              <li class="nav-item" role="presentation">
697                <button class="btn btn-medium btn-white border-radius-100px fw-600 px-4 py-2" id="compliance-tab" data-bs-toggle="pill" data-bs-target="#compliance" type="button" role="tab"><i
698                    class="bi bi-shield-check"></i> COMPLIANCE</button>
699              </li>
700              <li class="nav-item" role="presentation">
701                <button class="btn btn-medium btn-white border-radius-100px fw-600 px-4 py-2" id="parts-tab" data-bs-toggle="pill" data-bs-target="#parts" type="button" role="tab"><i
702                    class="bi bi-box-seam"></i> PARTS Inventory</button>
703              </li>
704              <li class="nav-item" role="presentation">
705                <button class="btn btn-medium btn-white border-radius-100px fw-600 px-4 py-2" id="hos-tab" data-bs-toggle="pill" data-bs-target="#hos" type="button" role="tab"><i
706                    class="bi bi-clock-history"></i> HOS</button>
707              </li>
708              <li class="nav-item" role="presentation">
709                <button class="btn btn-medium btn-white border-radius-100px fw-600 px-4 py-2" id="dispatch-tab" data-bs-toggle="pill" data-bs-target="#dispatch" type="button" role="tab"><i
710                    class="bi bi-truck"></i> DISPATCH</button>
711              </li>
712              <li class="nav-item" role="presentation">
713                <button class="btn btn-medium btn-white border-radius-100px fw-600 px-4 py-2" id="recall-tab" data-bs-toggle="pill" data-bs-target="#recall" type="button" role="tab"><i
714                    class="bi bi-bell"></i> RECALLS</button>
715              </li>
716            </ul>
717          </div>
718        </div>
719        <!-- Tab Content -->
720        <div class="tab-content wow animate__animated animate__fadeIn" data-wow-delay=".3s">
721          <!-- Tab 1: Inspections -->
722          <div class="tab-pane fade show active" id="inspection" role="tabpanel">
723            <div class="card border-0 bg-white border-radius-10px overflow-hidden box-shadow-extra-large">
724              <div class="row g-0 align-items-center">
725                <div class="col-lg-5 p-50px md-p-30px">
726                  <span class="badge bg-gradient-fast-blue-purple text-white px-15px py-8px border-radius-100px fs-13 fw-600 mb-20px">Digital Inspections</span>
727                  <h3 class="text-dark-gray fw-700 ls-minus-1px mb-20px">
728                    Complete Vehicle Inspections in Minutes
729                  </h3>
730                  <p class="fs-16 lh-28 mb-30px text-dark-gray opacity-8">
731                    Streamline pre-trip and post-trip inspections with our
732                    mobile DVIR solution. Instant defect reporting with
733                    photos.
734                  </p>
735                  <ul class="list-unstyled mb-30px">
736                    <li class="mb-2">
737                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Mobile & offline inspection capability</span>
738                    </li>
739                    <li class="mb-2">
740                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Photo documentation with GPS tagging</span>
741                    </li>
742                    <li class="mb-2">
743                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Automatic defect-to-work order creation</span>
744                    </li>
745                  </ul>
746                  <a href="./inspection" class="btn btn-medium btn-gradient-fast-blue-purple btn-rounded">Learn More
747                    <i class="feather icon-feather-arrow-right ms-5px"></i></a>
748                </div>
749                <div class="col-lg-6 position-relative d-flex justify-content-lg-end justify-content-center">
750                  <div class="w-100">
751                    <img src="./assets2/photos/img/explore-inspections.png" class="img-fluid rounded-4" alt="Inspection Dashboard" />
752                  </div>
753                </div>
754              </div>
755            </div>
756          </div>
757          <!-- Tab 2: DVIR Records -->
758          <div class="tab-pane fade" id="dvir" role="tabpanel">
759            <div class="card border-0 bg-white border-radius-10px overflow-hidden box-shadow-extra-large">
760              <div class="row g-0 align-items-center">
761                <div class="col-lg-7 bg-gradient-very-light-gray p-2 md-p-30px order-lg-1 order-2">
762                  <div class="w-100 h-100 d-flex align-items-center justify-content-center">
763                    <img src="./assets2/photos/img/explore-dvir.png" class="img-fluid rounded-3" alt="DVIR Dashboard Image" style="max-height: 420px; object-fit: contain" />
764                  </div>
765                </div>
766
767                <div class="col-lg-5 p-50px md-p-30px order-lg-2 order-1">
768                  <span class="badge bg-gradient-purple-pink text-white px-15px py-8px border-radius-100px fs-13 fw-600 mb-20px">DVIR Records</span>
769                  <h3 class="text-dark-gray fw-700 ls-minus-1px mb-20px">
770                    Digital DVIR & Compliance
771                  </h3>
772                  <p class="fs-16 lh-28 mb-30px text-dark-gray opacity-8">
773                    Complete digital records with electronic signatures. DOT
774                    compliant and audit-ready.
775                  </p>
776                  <ul class="list-unstyled mb-30px">
777                    <li class="mb-2">
778                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">FMCSA 396.11 & 396.13 certified</span>
779                    </li>
780                    <li class="mb-2">
781                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">Electronic driver signatures</span>
782                    </li>
783                    <li class="mb-2">
784                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">7-year secure cloud storage</span>
785                    </li>
786                  </ul>
787                  <a href="./dvir-records" class="btn btn-medium btn-gradient-purple-pink btn-rounded">Learn More
788                    <i class="feather icon-feather-arrow-right ms-5px"></i></a>
789                </div>
790              </div>
791            </div>
792          </div>
793          <!-- Tab 3: Maintenance -->
794          <div class="tab-pane fade" id="maintenance" role="tabpanel">
795            <div class="card border-0 bg-white border-radius-10px overflow-hidden box-shadow-extra-large">
796              <div class="row g-0 align-items-center">
797                <div class="col-lg-5 p-50px md-p-30px">
798                  <span class="badge bg-gradient-fast-blue-purple text-white px-15px py-8px border-radius-100px fs-13 fw-600 mb-20px">Maintenance</span>
799                  <h3 class="text-dark-gray fw-700 ls-minus-1px mb-20px">
800                    Automated PM Scheduling
801                  </h3>
802                  <p class="fs-16 lh-28 mb-30px text-dark-gray opacity-8">
803                    Track all repairs, parts, and service history with
804                    automated preventive maintenance.
805                  </p>
806                  <ul class="list-unstyled mb-30px">
807                    <li class="mb-2">
808                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Mileage & engine hour tracking</span>
809                    </li>
810                    <li class="mb-2">
811                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Automated service reminders</span>
812                    </li>
813                    <li class="mb-2">
814                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Complete maintenance history logs</span>
815                    </li>
816                  </ul>
817                  <a href="./fleet-maintenance" class="btn btn-medium btn-gradient-fast-blue-purple btn-rounded">Learn More
818                    <i class="feather icon-feather-arrow-right ms-5px"></i></a>
819                </div>
820                <div class="col-lg-6 position-relative d-flex justify-content-lg-end justify-content-center">
821                  <div class="w-100">
822                    <img src="./assets2/photos/img/explore-maintenance.png" class="img-fluid rounded-4" alt="Maintenance Dashboard" />
823                  </div>
824                </div>
825              </div>
826            </div>
827          </div>
828          <!-- Tab 4: Compliance -->
829          <div class="tab-pane fade" id="compliance" role="tabpanel">
830            <div class="card border-0 bg-white border-radius-10px overflow-hidden box-shadow-extra-large">
831              <div class="row g-0 align-items-center">
832                <div class="col-lg-7 bg-gradient-very-light-gray p-2 md-p-30px order-lg-1 order-2">
833                  <div class="w-100 h-100 d-flex align-items-center justify-content-center">
834                    <img src="./assets2/photos/img/explore-compliance.png" class="img-fluid rounded-3" alt="Compliance Dashboard Image" style="max-height: 420px; object-fit: contain" />
835                  </div>
836                </div>
837                <div class="col-lg-5 p-50px md-p-30px order-lg-2 order-1">
838                  <span class="badge bg-gradient-purple-pink text-white px-15px py-8px border-radius-100px fs-13 fw-600 mb-20px">Compliance</span>
839                  <h3 class="text-dark-gray fw-700 ls-minus-1px mb-20px">
840                    DOT Audit Ready
841                  </h3>
842                  <p class="fs-16 lh-28 mb-30px text-dark-gray opacity-8">
843                    Track driver qualifications and generate instant audit
844                    reports for FMCSA compliance.
845                  </p>
846                  <ul class="list-unstyled mb-30px">
847                    <li class="mb-2">
848                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">Driver qualification file management</span>
849                    </li>
850                    <li class="mb-2">
851                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">Instant audit report generation</span>
852                    </li>
853                    <li class="mb-2">
854                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">License & certification expiration alerts</span>
855                    </li>
856                  </ul>
857                  <a href="./compliance" class="btn btn-medium btn-gradient-purple-pink btn-rounded">Learn More
858                    <i class="feather icon-feather-arrow-right ms-5px"></i></a>
859                </div>
860              </div>
861            </div>
862          </div>
863          <!-- Tab 5: Parts -->
864          <div class="tab-pane fade" id="parts" role="tabpanel">
865            <div class="card border-0 bg-white border-radius-10px overflow-hidden box-shadow-extra-large">
866              <div class="row g-0 align-items-center">
867                <div class="col-lg-5 p-50px md-p-30px">
868                  <span class="badge bg-gradient-fast-blue-purple text-white px-15px py-8px border-radius-100px fs-13 fw-600 mb-20px">Parts & Inventory</span>
869                  <h3 class="text-dark-gray fw-700 ls-minus-1px mb-20px">
870                    Track Parts & Costs
871                  </h3>
872                  <p class="fs-16 lh-28 mb-30px text-dark-gray opacity-8">
873                    Multi-location inventory with automated reorder alerts and
874                    cost tracking.
875                  </p>
876                  <ul class="list-unstyled mb-30px">
877                    <li class="mb-2">
878                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Multi-location inventory tracking</span>
879                    </li>
880                    <li class="mb-2">
881                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Automated low-stock alerts</span>
882                    </li>
883                    <li class="mb-2">
884                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Parts cost & vendor management</span>
885                    </li>
886                  </ul>
887                  <a href="./parts-and-inventory" class="btn btn-medium btn-gradient-fast-blue-purple btn-rounded">Learn More
888                    <i class="feather icon-feather-arrow-right ms-5px"></i></a>
889                </div>
890                <div class="col-lg-6 position-relative d-flex justify-content-lg-end justify-content-center">
891                  <div class="w-100">
892                    <img src="./assets2/photos/img/explore-parts.png" class="img-fluid rounded-4" alt="Parts Inventory Dashboard" />
893                  </div>
894                </div>
895              </div>
896            </div>
897          </div>
898          <!-- Tab 6: HOS Monitoring -->
899          <div class="tab-pane fade" id="hos" role="tabpanel">
900            <div class="card border-0 bg-white border-radius-10px overflow-hidden box-shadow-extra-large">
901              <div class="row g-0 align-items-center">
902                <div class="col-lg-7 bg-gradient-very-light-gray p-2 md-p-30px order-lg-1 order-2">
903                  <div class="w-100 h-100 d-flex align-items-center justify-content-center">
904                    <img src="./assets2/photos/img/explore-hos.png" class="img-fluid rounded-3" alt="Hours of Service Dashboard Image" style="max-height: 420px; object-fit: contain" />
905                  </div>
906                </div>
907                <div class="col-lg-5 p-50px md-p-30px xs-p-20px order-lg-2 order-1">
908                  <span class="badge bg-gradient-purple-pink text-white px-15px py-8px border-radius-100px fs-13 fw-600 mb-20px">HOS Monitoring</span>
909                  <h3 class="text-dark-gray fw-700 ls-minus-1px mb-20px">
910                    Real-Time HOS Tracking
911                  </h3>
912                  <p class="fs-16 lh-28 mb-20px text-dark-gray opacity-8">
913                    Monitor driver duty status and prevent HOS violations with
914                    automated alerts and comprehensive reporting.
915                  </p>
916                  <ul class="list-unstyled mb-30px">
917                    <li class="mb-2">
918                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">Real-time duty status tracking</span>
919                    </li>
920                    <li class="mb-2">
921                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">Automated violation alerts</span>
922                    </li>
923                    <li class="mb-2">
924                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">FMCSA compliant reporting</span>
925                    </li>
926                  </ul>
927                  <a href="./hos-monitoring" class="btn btn-medium btn-gradient-purple-pink btn-rounded">
928                    Learn More
929                    <i class="feather icon-feather-arrow-right ms-5px"></i>
930                  </a>
931                </div>
932              </div>
933            </div>
934          </div>
935          <!-- Tab 7: Dispatch -->
936          <div class="tab-pane fade" id="dispatch" role="tabpanel">
937            <div class="card border-0 bg-white border-radius-10px overflow-hidden box-shadow-extra-large">
938              <div class="row g-0 align-items-center">
939                <div class="col-lg-5 p-50px md-p-30px xs-p-20px">
940                  <span class="badge bg-gradient-fast-blue-purple text-white px-15px py-8px border-radius-100px fs-13 fw-600 mb-20px">Dispatch Management</span>
941                  <h3 class="text-dark-gray fw-700 ls-minus-1px mb-20px">
942                    Intelligent Load Assignment
943                  </h3>
944                  <p class="fs-16 lh-28 mb-20px text-dark-gray opacity-8">
945                    Streamline dispatch operations with real-time load
946                    tracking, automated driver assignment, and route
947                    optimization.
948                  </p>
949                  <ul class="list-unstyled mb-30px">
950                    <li class="mb-2">
951                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Real-time load tracking</span>
952                    </li>
953                    <li class="mb-2">
954                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Automated driver assignment</span>
955                    </li>
956                    <li class="mb-2">
957                      <i class="bi bi-check-circle-fill text-gradient-fast-blue-purple me-2"></i><span class="fs-15">Route optimization & analytics</span>
958                    </li>
959                  </ul>
960                  <a href="./dispatch" class="btn btn-medium btn-gradient-fast-blue-purple btn-rounded">Learn More<i class="feather icon-feather-arrow-right ms-5px"></i></a>
961                </div>
962                <div class="col-lg-6 position-relative d-flex justify-content-lg-end justify-content-center">
963                  <div class="w-100">
964                    <img src="./assets2/photos/img/explore-dispatch.png" class="img-fluid rounded-4" alt="Parts Inventory Dashboard" />
965                  </div>
966                </div>
967              </div>
968            </div>
969          </div>
970          <!-- Tab 8: Recalls -->
971          <div class="tab-pane fade" id="recall" role="tabpanel">
972            <div class="card border-0 bg-white border-radius-10px overflow-hidden box-shadow-extra-large">
973              <div class="row g-0 align-items-center">
974                <div class="col-lg-7 bg-gradient-very-light-gray p-2 md-p-30px order-lg-1 order-2">
975                  <div class="w-100 h-100 d-flex align-items-center justify-content-center">
976                    <img src="./assets2/photos/img/explore-recalls.png" class="img-fluid rounded-3" alt="Recall Dashboard" style="max-height: 420px; object-fit: contain" />
977                  </div>
978                </div>
979                <div class="col-lg-5 p-50px md-p-30px xs-p-20px order-lg-2 order-1">
980                  <span class="badge bg-gradient-purple-pink text-white px-15px py-8px border-radius-100px fs-13 fw-600 mb-20px">Recall Tracking</span>
981                  <h3 class="text-dark-gray fw-700 ls-minus-1px mb-20px">
982                    Stay Ahead of Recalls
983                  </h3>
984                  <p class="fs-16 lh-28 mb-20px text-dark-gray opacity-8">
985                    Track vehicle recalls and regulatory changes with
986                    automatic alerts, affected vehicle identification, and
987                    compliance reporting.
988                  </p>
989                  <ul class="list-unstyled mb-30px">
990                    <li class="mb-2">
991                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">Automatic NHTSA recall alerts</span>
992                    </li>
993                    <li class="mb-2">
994                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">VIN-based vehicle matching</span>
995                    </li>
996                    <li class="mb-2">
997                      <i class="bi bi-check-circle-fill text-gradient-purple-pink me-2"></i><span class="fs-15">Resolution tracking & reporting</span>
998                    </li>
999                  </ul>
1000                  <a href="./recall-tracking" class="btn btn-medium btn-gradient-purple-pink btn-rounded">Learn More
1001                    <i class="feather icon-feather-arrow-right ms-5px"></i>
1002                  </a>
1003                </div>
1004              </div>
1005            </div>
1006          </div>
1007        </div>
1008      </div>
1009    </section>
1010    <!-- end explore features section -->
1011
1012    <!-- Integration Section -->
1013    <section class="section pt-5 pb-5 bg-white">
1014      <div class="container">
1015        <div class="row align-items-center g-5">
1016          <!-- Left Content -->
1017          <div class="col-lg-5 text-center text-lg-start">
1018            <span class="badge bg-gradient-fast-blue-purple text-white text-uppercase px-4 py-2 rounded-pill mb-4">SEAMLESS INTEGRATION</span>
1019            <h2 class="display-5 fw-bold mb-4">Let your fleet data work for you</h2>
1020            <p class="fs-5 color-grey-500 mb-4">Fleet Rabbit integrates with your other fleet management systems, allowing you to unlock the power of your fleet data and make even smarter management
1021              decisions. Get all fleet and cost tracking from fuel to parts.</p>
1022            <div class="d-flex flex-wrap gap-3 justify-content-center justify-content-lg-start mt-4">
1023              <a href="https://ai.fleetrabbit.com/en/signup" class="btn btn-large btn-gradient-fast-blue-purple btn-rounded">START USING FLEET RABBIT</a>
1024              <a href="./integration" class="btn btn-large btn-gradient-purple-pink btn-rounded">LEARN MORE</a>
1025            </div>
1026          </div>
1027          <!-- Right Visual Integration Hub -->
1028          <div class="col-lg-7">
1029            <!-- Desktop/Tablet View (md and up) -->
1030            <div class="d-none d-md-block">
1031              <div class="position-relative d-flex align-items-center justify-content-center" style="min-height: 600px;">
1032                <!-- Center Hub Circle -->
1033                <div class="position-absolute top-50 start-50 translate-middle" style="z-index: 10;">
1034                  <div class="d-inline-flex align-items-center justify-content-center bg-gradient-fast-blue-purple rounded-circle shadow-lg" style="width: 200px; height: 200px;">
1035                    <div class="text-white text-center">
1036                      <i class="bi bi-diagram-3-fill display-4 mb-2 d-block"></i>
1037                      <h5 class="text-white fw-bold mb-1">Fleet Rabbit</h5>
1038                      <small class="text-white opacity-75">Integration Hub</small>
1039                    </div>
1040                  </div>
1041                  <!-- Decorative Ring -->
1042                  <div class="position-absolute top-50 start-50 translate-middle border border-2 border-primary border-opacity-25 rounded-circle" style="width: 420px; height: 420px; z-index: -1;">
1043                  </div>
1044                </div>
1045                <!-- GEOTAB - Top (12 o'clock) -->
1046                <div class="position-absolute start-50 translate-middle-x" style="top: 0; z-index: 20;">
1047                  <div class="card border-0 shadow-sm hover-up" style="width: 130px;">
1048                    <div class="card-body p-3 text-center">
1049                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-2" style="width: 50px; height: 50px;">
1050                        <i class="bi bi-geo-alt-fill fs-4 text-gradient-fast-blue-purple"></i>
1051                      </div>
1052                      <h6 class="fw-bold mb-1 fs-md">GEOTAB</h6>
1053                      <small class="text-muted d-block" style="font-size: 0.7rem;">GPS Tracking</small>
1054                    </div>
1055                  </div>
1056                  <!-- Connection Line -->
1057                  <div class="position-absolute start-50 translate-middle-x bg-primary bg-opacity-25" style="width: 2px; height: 90px; top: 100%; z-index: 1;"></div>
1058                </div>
1059                <!-- KOMATSU - Top Right (2 o'clock) -->
1060                <div class="position-absolute" style="top: 10%; right: 10%; z-index: 20;">
1061                  <div class="card border-0 shadow-sm hover-up" style="width: 130px;">
1062                    <div class="card-body p-3 text-center">
1063                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-2" style="width: 50px; height: 50px;">
1064                        <i class="bi bi-speedometer2 fs-4 text-gradient-purple-pink"></i>
1065                      </div>
1066                      <h6 class="fw-bold mb-1 fs-md">KOMATSU</h6>
1067                      <small class="text-muted d-block" style="font-size: 0.7rem;">Telematics</small>
1068                    </div>
1069                  </div>
1070                  <!-- Connection Line -->
1071                  <div class="position-absolute top-50 bg-primary bg-opacity-25" style="width: 70px; height: 2px; right: 100%; z-index: 1;"></div>
1072                </div>
1073                <!-- VERIZON - Right (3 o'clock) -->
1074                <div class="position-absolute top-50 end-0 translate-middle-y" style="z-index: 20;">
1075                  <div class="card border-0 shadow-sm hover-up" style="width: 130px;">
1076                    <div class="card-body p-3 text-center">
1077                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-2" style="width: 50px; height: 50px;">
1078                        <i class="bi bi-reception-4 fs-4 text-gradient-fast-blue-purple"></i>
1079                      </div>
1080                      <h6 class="fw-bold mb-1 fs-md">VERIZON</h6>
1081                      <small class="text-muted d-block" style="font-size: 0.7rem;">Connectivity</small>
1082                    </div>
1083                  </div>
1084                  <!-- Connection Line -->
1085                  <div class="position-absolute top-50 translate-middle-y bg-primary bg-opacity-25" style="width: 70px; height: 2px; right: 100%; z-index: 1;"></div>
1086                </div>
1087                <!-- CATERPILLAR - Bottom Right (4 o'clock) -->
1088                <div class="position-absolute" style="bottom: 10%; right: 10%; z-index: 20;">
1089                  <div class="card border-0 shadow-sm hover-up" style="width: 130px;">
1090                    <div class="card-body p-3 text-center">
1091                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-2" style="width: 50px; height: 50px;">
1092                        <i class="bi bi-truck fs-4 text-gradient-purple-pink"></i>
1093                      </div>
1094                      <h6 class="fw-bold mb-1 fs-md">CATERPILLAR</h6>
1095                      <small class="text-muted d-block" style="font-size: 0.7rem;">Equipment</small>
1096                    </div>
1097                  </div>
1098                  <!-- Connection Line -->
1099                  <div class="position-absolute bottom-50 bg-primary bg-opacity-25" style="width: 70px; height: 2px; right: 100%; z-index: 1;"></div>
1100                </div>
1101                <!-- FLEETOR - Bottom (6 o'clock) -->
1102                <div class="position-absolute bottom-0 start-50 translate-middle-x" style="z-index: 20;">
1103                  <div class="card border-0 shadow-sm hover-up" style="width: 130px;">
1104                    <div class="card-body p-3 text-center">
1105                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-2" style="width: 50px; height: 50px;">
1106                        <i class="bi bi-credit-card-fill fs-4 text-gradient-fast-blue-purple"></i>
1107                      </div>
1108                      <h6 class="fw-bold mb-1 fs-md">FLEETOR</h6>
1109                      <small class="text-muted d-block" style="font-size: 0.7rem;">Fuel Cards</small>
1110                    </div>
1111                  </div>
1112                  <!-- Connection Line -->
1113                  <div class="position-absolute start-50 translate-middle-x bg-primary bg-opacity-25" style="width: 2px; height: 90px; bottom: 100%; z-index: 1;"></div>
1114                </div>
1115                <!-- SAGE - Bottom Left (8 o'clock) -->
1116                <div class="position-absolute" style="bottom: 10%; left: 10%; z-index: 20;">
1117                  <div class="card border-0 shadow-sm hover-up" style="width: 130px;">
1118                    <div class="card-body p-3 text-center">
1119                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-2" style="width: 50px; height: 50px;">
1120                        <i class="bi bi-calculator fs-4 text-gradient-purple-pink"></i>
1121                      </div>
1122                      <h6 class="fw-bold mb-1 fs-md">SAGE</h6>
1123                      <small class="text-muted d-block" style="font-size: 0.7rem;">Accounting</small>
1124                    </div>
1125                  </div>
1126                  <!-- Connection Line -->
1127                  <div class="position-absolute bottom-50 bg-primary bg-opacity-25" style="width: 70px; height: 2px; left: 100%; z-index: 1;"></div>
1128                </div>
1129                <!-- QUICKBOOKS - Left (9 o'clock) -->
1130                <div class="position-absolute top-50 start-0 translate-middle-y" style="z-index: 20;">
1131                  <div class="card border-0 shadow-sm hover-up" style="width: 130px;">
1132                    <div class="card-body p-3 text-center">
1133                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-2" style="width: 50px; height: 50px;">
1134                        <i class="bi bi-bookmark-check-fill fs-4 text-gradient-fast-blue-purple"></i>
1135                      </div>
1136                      <h6 class="fw-bold mb-1 fs-md">QUICKBOOKS</h6>
1137                      <small class="text-muted d-block" style="font-size: 0.7rem;">Accounting</small>
1138                    </div>
1139                  </div>
1140                  <!-- Connection Line -->
1141                  <div class="position-absolute top-50 translate-middle-y bg-primary bg-opacity-25" style="width: 70px; height: 2px; left: 100%; z-index: 1;"></div>
1142                </div>
1143                <!-- SAMSARA - Top Left (10 o'clock) -->
1144                <div class="position-absolute" style="top: 10%; left: 10%; z-index: 20;">
1145                  <div class="card border-0 shadow-sm hover-up" style="width: 130px;">
1146                    <div class="card-body p-3 text-center">
1147                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-2" style="width: 50px; height: 50px;">
1148                        <i class="bi bi-camera-video-fill fs-4 text-gradient-purple-pink"></i>
1149                      </div>
1150                      <h6 class="fw-bold mb-1 fs-md">SAMSARA</h6>
1151                      <small class="text-muted d-block" style="font-size: 0.7rem;">Telematics</small>
1152                    </div>
1153                  </div>
1154                  <!-- Connection Line -->
1155                  <div class="position-absolute top-50 bg-primary bg-opacity-25" style="width: 70px; height: 2px; left: 100%; z-index: 1;"></div>
1156                </div>
1157              </div>
1158            </div>
1159            <!-- Mobile View (below md) - Circular Layout -->
1160            <div class="d-md-none">
1161              <div class="position-relative d-flex align-items-center justify-content-center" style="min-height: 500px;">
1162                <!-- Center Hub Circle -->
1163                <div class="position-absolute top-50 start-50 translate-middle" style="z-index: 10;">
1164                  <div class="d-inline-flex align-items-center justify-content-center bg-gradient-fast-blue-purple roun
1164ded-circle shadow-lg" style="width: 140px; height: 140px;">
1165                    <div class="text-white text-center">
1166                      <i class="bi bi-diagram-3-fill fs-34 mb-2 d-block"></i>
1167                      <h6 class="text-white fw-bold display-6 mb-0">Fleet Rabbit</h6>
1168                      <small class="text-white opacity-75 fs-8">Hub</small>
1169                    </div>
1170                  </div>
1171                  <!-- Decorative Ring -->
1172                  <div class="position-absolute top-50 start-50 translate-middle border border-2 border-primary border-opacity-25 rounded-circle" style="width: 320px; height: 320px; z-index: -1;">
1173                  </div>
1174                </div>
1175                <!-- GEOTAB - Top -->
1176                <div class="position-absolute start-50 translate-middle-x" style="top: 2%; z-index: 20;">
1177                  <div class="card border-0 shadow-sm" style="width: 90px;">
1178                    <div class="card-body p-2 text-center">
1179                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-1" style="width: 35px; height: 35px;">
1180                        <i class="bi bi-geo-alt-fill text-gradient-fast-blue-purple fs-4"></i>
1181                      </div>
1182                      <h6 class="fw-bold mb-0 fs-md">GEOTAB</h6>
1183                      <small class="text-muted d-block fs-sm">GPS</small>
1184                    </div>
1185                  </div>
1186                  <!-- Connection Line -->
1187                  <div class="position-absolute start-50 translate-middle-x bg-primary bg-opacity-25" style="width: 2px; height: 60px; top: 100%; z-index: 1;"></div>
1188                </div>
1189                <!-- KOMATSU - Top Right -->
1190                <div class="position-absolute" style="top: 18%; right: 5%; z-index: 20;">
1191                  <div class="card border-0 shadow-sm" style="width: 90px;">
1192                    <div class="card-body p-2 text-center">
1193                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-1" style="width: 35px; height: 35px;">
1194                        <i class="bi bi-speedometer2 text-gradient-purple-pink fs-4"></i>
1195                      </div>
1196                      <h6 class="fw-bold mb-0 fs-md">KOMATSU</h6>
1197                      <small class="text-muted d-block fs-sm">Telematics</small>
1198                    </div>
1199                  </div>
1200                  <!-- Connection Line -->
1201                  <div class="position-absolute top-50 bg-primary bg-opacity-25" style="width: 85px; height: 2px; right: 100%; z-index: 1;"></div>
1202                </div>
1203                <!-- VERIZON - Right -->
1204                <div class="position-absolute top-50 end-0 translate-middle-y" style="z-index: 20;">
1205                  <div class="card border-0 shadow-sm" style="width: 90px;">
1206                    <div class="card-body p-2 text-center">
1207                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-1" style="width: 35px; height: 35px;">
1208                        <i class="bi bi-reception-4 text-gradient-fast-blue-purple fs-4"></i>
1209                      </div>
1210                      <h6 class="fw-bold mb-0 fs-md">VERIZON</h6>
1211                      <small class="text-muted d-block fs-sm">Connect</small>
1212                    </div>
1213                  </div>
1214                  <!-- Connection Line -->
1215                  <div class="position-absolute top-50 translate-middle-y bg-primary bg-opacity-25" style="width: 50px; height: 2px; right: 100%; z-index: 1;"></div>
1216                </div>
1217                <!-- CATERPILLAR - Bottom Right -->
1218                <div class="position-absolute" style="bottom: 18%; right: 5%; z-index: 20;">
1219                  <div class="card border-0 shadow-sm" style="width: 90px;">
1220                    <div class="card-body p-1 text-center">
1221                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-1" style="width: 35px; height: 35px;">
1222                        <i class="bi bi-truck text-gradient-purple-pink fs-4"></i>
1223                      </div>
1224                      <h6 class="fw-bold mb-0 fs-md">CATERPILLAR</h6>
1225                      <small class="text-muted d-block fs-sm">Equipment</small>
1226                    </div>
1227                  </div>
1228                  <!-- Connection Line -->
1229                  <div class="position-absolute bottom-50 bg-primary bg-opacity-25" style="width: 85px; height: 2px; right: 100%; z-index: 1;"></div>
1230                </div>
1231                <!-- FLEETOR - Bottom -->
1232                <div class="position-absolute bottom-0 start-50 translate-middle-x" style="z-index: 20;">
1233                  <div class="card border-0 shadow-sm" style="width: 90px;">
1234                    <div class="card-body p-2 text-center">
1235                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-1" style="width: 35px; height: 35px;">
1236                        <i class="bi bi-credit-card-fill text-gradient-fast-blue-purple fs-4"></i>
1237                      </div>
1238                      <h6 class="fw-bold mb-0 fs-md">FLEETOR</h6>
1239                      <small class="text-muted d-block fs-sm">Fuel Cards</small>
1240                    </div>
1241                  </div>
1242                  <!-- Connection Line -->
1243                  <div class="position-absolute start-50 translate-middle-x bg-primary bg-opacity-25" style="width: 2px; height: 60px; bottom: 100%; z-index: 1;"></div>
1244                </div>
1245                <!-- SAGE - Bottom Left -->
1246                <div class="position-absolute" style="bottom: 18%; left: 5%; z-index: 20;">
1247                  <div class="card border-0 shadow-sm" style="width: 90px;">
1248                    <div class="card-body p-2 text-center">
1249                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-1" style="width: 35px; height: 35px;">
1250                        <i class="bi bi-calculator text-gradient-purple-pink fs-4"></i>
1251                      </div>
1252                      <h6 class="fw-bold mb-0 fs-md">SAGE</h6>
1253                      <small class="text-muted d-block fs-sm">Accounting</small>
1254                    </div>
1255                  </div>
1256                  <!-- Connection Line -->
1257                  <div class="position-absolute bottom-50 bg-primary bg-opacity-25" style="width: 85px; height: 2px; left: 100%; z-index: 1;"></div>
1258                </div>
1259                <!-- QUICKBOOKS - Left -->
1260                <div class="position-absolute top-50 start-0 translate-middle-y" style="z-index: 20;">
1261                  <div class="card border-0 shadow-sm" style="width: 90px;">
1262                    <div class="card-body p-2 text-center">
1263                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-1" style="width: 35px; height: 35px;">
1264                        <i class="bi bi-bookmark-check-fill text-gradient-fast-blue-purple fs-4"></i>
1265                      </div>
1266                      <h6 class="fw-800 mb-0 fs-12">QUICKBOOKS</h6>
1267                      <small class="text-muted d-block fs-sm">Accounting</small>
1268                    </div>
1269                  </div>
1270                  <!-- Connection Line -->
1271                  <div class="position-absolute top-50 translate-middle-y bg-primary bg-opacity-25" style="width: 50px; height: 2px; left: 100%; z-index: 1;"></div>
1272                </div>
1273                <!-- SAMSARA - Top Left -->
1274                <div class="position-absolute" style="top: 18%; left: 5%; z-index: 20;">
1275                  <div class="card border-0 shadow-sm" style="width: 90px;">
1276                    <div class="card-body p-2 text-center">
1277                      <div class="bg-gradient-very-light-gray rounded-circle d-inline-flex align-items-center justify-content-center mb-1" style="width: 35px; height: 35px;">
1278                        <i class="bi bi-camera-video-fill text-gradient-purple-pink" style="font-size: 0.9rem;"></i>
1279                      </div>
1280                      <h6 class="fw-bold mb-0 fs-md">SAMSARA</h6>
1281                      <small class="text-muted d-block fs-sm">Telematics</small>
1282                    </div>
1283                  </div>
1284                  <!-- Connection Line -->
1285                  <div class="position-absolute top-50 bg-primary bg-opacity-25" style="width: 85px; height: 2px; left: 100%; z-index: 1;"></div>
1286                </div>
1287              </div>
1288            </div>
1289          </div>
1290        </div>
1291      </div>
1292    </section>
1293    <!-- end statistics section -->
1294
1295    <section class="section pt-5 pb-5 bg-white" id="solution">
1296      <div class="container">
1297        <!-- Header -->
1298        <div class="text-center mb-5">
1299          <h2 class="color-brand-1 fw-bold mb-3 wow animate__animated animate__fadeIn" data-wow-delay=".0s">A Single Solution for All Your Fleet Management Needs</h2>
1300          <p class="fs-5 color-grey-500 wow animate__animated animate__fadeIn" data-wow-delay=".1s"><span class="fw-bold color-brand-1">Fleet Rabbit</span> provides everything you need to track every
1301            aspect of your vehicles and equipment with ease.<br class="d-none d-lg-block">From inspections to maintenance, fuel to parts inventory - manage it all in one powerful platform</p>
1302        </div>
1303        <!-- Three Column Layout -->
1304        <div class="row mt-5 align-items-center">
1305          <!-- Left Column: Features -->
1306          <div class="col-lg-4 mb-4 wow animate__animated animate__fadeIn" data-wow-delay=".1s">
1307            <!-- Feature 1: Inspection -->
1308            <div class="card border-0 shadow-sm rounded-4 mb-3">
1309              <div class="card-body p-3">
1310                <div class="d-flex align-items-start">
1311                  <div class="bg-gradient-fast-blue-purple rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1312                    <i class="feather icon-feather-clipboard text-white fs-30"></i>
1313                  </div>
1314                  <div class="flex-grow-1">
1315                    <h6 class="color-brand-1 fw-bold mb-2">Digital Inspections</h6>
1316                    <p class="color-grey-500 mb-2">DVIR inspections on mobile with instant defect reporting.</p>
1317                    <a href="./inspection" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i></a>
1318                  </div>
1319                </div>
1320              </div>
1321            </div>
1322            <!-- Feature 2: DVIR Records -->
1323            <div class="card border-0 shadow-sm rounded-4 mb-3">
1324              <div class="card-body p-3">
1325                <div class="d-flex align-items-start">
1326                  <div class="bg-gradient-fast-blue-purple rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1327                    <i class="feather icon-feather-file-text text-white fs-30"></i>
1328                  </div>
1329                  <div class="flex-grow-1">
1330                    <h6 class="color-brand-1 fw-bold mb-2">DVIR Records</h6>
1331                    <p class="color-grey-500 mb-2">Digital records with electronic signatures and DOT compliance.</p>
1332                    <a href="./dvir-records" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i></a>
1333                  </div>
1334                </div>
1335              </div>
1336            </div>
1337            <!-- Feature 3: Fleet Maintenance -->
1338            <div class="card border-0 shadow-sm rounded-4 mb-3">
1339              <div class="card-body p-3">
1340                <div class="d-flex align-items-start">
1341                  <div class="bg-gradient-purple-pink rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1342                    <i class="feather icon-feather-settings text-white fs-30"></i>
1343                  </div>
1344                  <div class="flex-grow-1">
1345                    <h6 class="color-brand-1 fw-bold mb-2">Fleet Maintenance</h6>
1346                    <p class="color-grey-500 mb-2">Automated PM scheduling and complete service history tracking.</p>
1347                    <a href="./fleet-maintenance" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i></a>
1348                  </div>
1349                </div>
1350              </div>
1351            </div>
1352            <!-- Feature 4: Preventive Maintenance -->
1353            <div class="card border-0 shadow-sm rounded-4 mb-3">
1354              <div class="card-body p-3">
1355                <div class="d-flex align-items-start">
1356                  <div class="bg-gradient-purple-pink rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1357                    <i class="feather icon-feather-clock text-white fs-30"></i>
1358                  </div>
1359                  <div class="flex-grow-1">
1360                    <h6 class="color-brand-1 fw-bold mb-2">Preventive Maintenance</h6>
1361                    <p class="color-grey-500 mb-2">Automated PM schedules to prevent breakdowns,reduce costs.</p>
1362                    <a href="./preventive-maintenance" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i></a>
1363                  </div>
1364                </div>
1365              </div>
1366            </div>
1367
1368            <!-- Feature 7: Recall Tracking -->
1369            <div class="card border-0 shadow-sm rounded-4">
1370              <div class="card-body p-3">
1371                <div class="d-flex align-items-center">
1372                  <div class="bg-gradient-fast-blue-purple rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1373                    <i class="feather icon-feather-bell text-white fs-30"></i>
1374                  </div>
1375                  <div class="flex-grow-1">
1376                    <h6 class="color-brand-1 fw-bold mb-2">Recall Tracking</h6>
1377                    <p class="color-grey-500 mb-2">Automatic NHTSA alerts and tracking</p>
1378                    <a href="./recall-tracking" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i>
1379                    </a>
1380                  </div>
1381                </div>
1382              </div>
1383            </div>
1384
1385          </div>
1386          <!-- Center Column: Mobile Mockup Card -->
1387          <div class="col-lg-4 mx-auto mb-3">
1388            <div class="col-md-6 col-lg-12 mx-auto text-center mb-3">
1389              <div class="card border-0 shadow-lg rounded-4 overflow-hidden mx-auto" style="max-width: 300px;">
1390                <!-- Mobile Screen -->
1391                <div class="bg-dark p-2">
1392                  <!-- Mobile Content -->
1393                  <div class="bg-white rounded-3 overflow-hidden">
1394                    <!-- Top Bar -->
1395                    <div class="bg-gradient-fast-blue-purple p-3 d-flex align-items-center justify-content-between">
1396                      <i class="feather icon-feather-menu text-white icon-extra-small"></i>
1397                      <span class="text-white fw-bold fs-6">Fleet Rabbit DVIR</span>
1398                      <i class="feather icon-feather-bell text-white icon-extra-small"></i>
1399                    </div>
1400                    <!-- Content Area -->
1401                    <div class="bg-light p-3">
1402                      <!-- Inspection Card 1 -->
1403                      <div class="card border-0 shadow-sm mb-3">
1404                        <div class="card-body p-3">
1405                          <div class="d-flex align-items-center justify-content-between mb-1">
1406                            <h6 class="fw-bold mb-0" style="font-size: 0.85rem;">Pre-Trip Inspection</h6>
1407                            <span class="badge bg-success" style="font-size: 0.65rem;">Active</span>
1408                          </div>
1409                          <small class="text-muted d-block mb-1" style="font-size: 0.7rem;">Vehicle #1234</small>
1410                          <div class="progress mb-1 bg-gradient-fast-blue-purple" style="height: 4px;width: 75%">
1411                            <div class="progress-bar bg-gradient-fast-blue-purple" style="width: 75%"></div>
1412                          </div>
1413                          <small class="text-muted" style="font-size: 0.7rem;">75% Complete</small>
1414                        </div>
1415                      </div>
1416                      <!-- Inspection Card 2 -->
1417                      <div class="card border-0 shadow-sm mb-3">
1418                        <div class="card-body p-3">
1419                          <div class="d-flex align-items-center justify-content-between mb-1">
1420                            <h6 class="fw-bold mb-0" style="font-size: 0.85rem;">Post-Trip Inspection</h6>
1421                            <span class="badge bg-secondary" style="font-size: 0.65rem;">Pending</span>
1422                          </div>
1423                          <small class="text-muted d-block mb-1" style="font-size: 0.7rem;">Vehicle #1234</small>
1424                          <div class="progress mb-1" style="height: 4px; width: 100%">
1425                            <div class="progress-bar bg-secondary" style="width: 100%"></div>
1426                          </div>
1427                          <small class="text-muted" style="font-size: 0.7rem;">Not Started</small>
1428                        </div>
1429                      </div>
1430                      <!-- Quick Stats -->
1431                      <div class="row g-2 mb-3">
1432                        <div class="col-6">
1433                          <div class="bg-white rounded p-2 text-center shadow-sm">
1434                            <i class="feather icon-feather-check-circle text-success icon-extra-small"></i>
1435                            <div class="fw-bold mt-1" style="font-size: 0.85rem;">98%</div>
1436                            <small class="text-muted" style="font-size: 0.65rem;">Pass Rate</small>
1437                          </div>
1438                        </div>
1439                        <div class="col-6">
1440                          <div class="bg-white rounded p-2 text-center shadow-sm">
1441                            <i class="feather icon-feather-clock text-primary icon-extra-small"></i>
1442                            <div class="fw-bold mt-1" style="font-size: 0.85rem;">3 Min</div>
1443                            <small class="text-muted" style="font-size: 0.65rem;">Avg Time</small>
1444                          </div>
1445                        </div>
1446                      </div>
1447                      <!-- Action Buttons -->
1448                      <div class="d-grid gap-2">
1449                        <button class="btn btn-gradient-fast-blue-purple btn-rounded fw-bold py-2"><i class="feather icon-feather-clipboard icon-extra-small me-1"></i> Start Inspection</button>
1450                        <button class="btn btn-outline-secondary btn-rounded py-2"><i class="feather icon-feather-file-text icon-extra-small me-1"></i> View Reports</button>
1451                      </div>
1452                    </div>
1453                  </div>
1454                </div>
1455              </div>
1456            </div>
1457
1458            <!-- Feature 5: HOS Monitoring -->
1459            <div class="card border-0 shadow-sm rounded-4 mb-3">
1460              <div class="card-body p-3">
1461                <div class="d-flex align-items-center">
1462                  <div class="bg-gradient-fast-blue-purple rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1463                    <i class="feather icon-feather-watch text-white fs-30"></i>
1464                  </div>
1465                  <div class="flex-grow-1">
1466                    <h6 class="color-brand-1 fw-bold mb-2">HOS Monitoring</h6>
1467                    <p class="color-grey-500 mb-2">Real-time driver duty status tracking</p>
1468                    <a href="./hos-monitoring" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i>
1469                    </a>
1470                  </div>
1471                </div>
1472              </div>
1473            </div>
1474
1475            <!-- Feature 6: Dispatch Management -->
1476            <div class="card border-0 shadow-sm rounded-4">
1477              <div class="card-body p-3">
1478                <div class="d-flex align-items-center">
1479                  <div class="bg-gradient-fast-blue-purple rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1480                    <i class="feather icon-feather-truck text-white fs-30"></i>
1481                  </div>
1482                  <div class="flex-grow-1">
1483                    <h6 class="color-brand-1 fw-bold mb-2">Dispatch Management</h6>
1484                    <p class="color-grey-500 mb-2">Real-time load and driver tracking</p>
1485                    <a href="./dispatch" class="text-decoration-none color-brand-1 fw-600 fs-14">
1486                      Learn More <i class="feather icon-feather-arrow-right ms-1"></i>
1487                    </a>
1488                  </div>
1489                </div>
1490              </div>
1491            </div>
1492
1493          </div>
1494          <!-- Right Column: Features -->
1495          <div class="col-lg-4 mb-4 wow animate__animated animate__fadeIn" data-wow-delay=".3s">
1496            <!-- Feature 5: Parts & Inventory -->
1497            <div class="card border-0 shadow-sm rounded-4 mb-3">
1498              <div class="card-body p-3">
1499                <div class="d-flex align-items-start">
1500                  <div class="bg-gradient-purple-pink rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1501                    <i class="feather icon-feather-package text-white fs-30"></i>
1502                  </div>
1503                  <div class="flex-grow-1">
1504                    <h6 class="color-brand-1 fw-bold mb-2">Parts & Inventory</h6>
1505                    <p class="color-grey-500 mb-2">Multi-location inventory with automated reorder alerts.</p>
1506                    <a href="./parts-and-inventory" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i></a>
1507                  </div>
1508                </div>
1509              </div>
1510            </div>
1511            <!-- Feature 6: DOT Compliance -->
1512            <div class="card border-0 shadow-sm rounded-4 mb-3">
1513              <div class="card-body p-3">
1514                <div class="d-flex align-items-start">
1515                  <div class="bg-gradient-purple-pink rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1516                    <i class="feather icon-feather-shield text-white fs-30"></i>
1517                  </div>
1518                  <div class="flex-grow-1">
1519                    <h6 class="color-brand-1 fw-bold mb-2">DOT Compliance</h6>
1520                    <p class="color-grey-500 mb-2">FMCSA certified records with instant audit-ready reports.</p>
1521                    <a href="./compliance" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i></a>
1522                  </div>
1523                </div>
1524              </div>
1525            </div>
1526            <!-- Feature 7: Fuel Management -->
1527            <div class="card border-0 shadow-sm rounded-4 mb-3">
1528              <div class="card-body p-3">
1529                <div class="d-flex align-items-start">
1530                  <div class="bg-gradient-fast-blue-purple rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1531                    <i class="feather icon-feather-droplet text-white fs-30"></i>
1532                  </div>
1533                  <div class="flex-grow-1">
1534                    <h6 class="color-brand-1 fw-bold mb-2">Fuel Management</h6>
1535                    <p class="color-grey-500 mb-2">Track fuel costs and MPG with automated expense reporting.</p>
1536                    <a href="./fuel-management" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i></a>
1537                  </div>
1538                </div>
1539              </div>
1540            </div>
1541            <!-- Feature 8: Analytics & Reports -->
1542            <div class="card border-0 shadow-sm rounded-4">
1543              <div class="card-body p-3">
1544                <div class="d-flex align-items-start">
1545                  <div class="bg-gradient-fast-blue-purple rounded-circle p-3 d-flex align-items-center justify-content-center me-3 w-50px h-50px">
1546                    <i class="feather icon-feather-bar-chart-2 text-white fs-30"></i>
1547                  </div>
1548                  <div class="flex-grow-1">
1549                    <h6 class="color-brand-1 fw-bold mb-2">Analytics & Reports</h6>
1550                    <p class="color-grey-500 mb-2">Real-time dashboards with detailed fleet performance reports.</p>
1551                    <a href="./analytics-reporting" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i></a>
1552                  </div>
1553                </div>
1554              </div>
1555            </div>
1556            <!-- Feature 9: Team Management -->
1557            <div class="card border-0 shadow-sm rounded-4 mb-3">
1558              <div class="card-body p-3">
1559                <div class="d-flex align-items-center">
1560                  <div class="bg-gradient-purple-pink rounded-circle p-3 d-flex align-items-center justify-content-center me-3 flex-shrink-0 w-50px h-50px">
1561                    <i class="feather icon-feather-users text-white fs-30"></i>
1562                  </div>
1563                  <div class="flex-grow-1">
1564                    <h6 class="color-brand-1 fw-bold mb-2">Team Management</h6>
1565                    <p class="color-grey-500 mb-2">Manage drivers and technician roles</p>
1566                    <a href="./team-management" class="text-decoration-none color-brand-1 fw-600 fs-14">Learn More <i class="feather icon-feather-arrow-right ms-1"></i>
1567                    </a>
1568                  </div>
1569                </div>
1570              </div>
1571            </div>
1572          </div>
1573        </div>
1574      </div>
1575    </section>
1576
1577    <section class="py-5 bg-light">
1578      <div class="container">
1579        <div class="row align-items-center g-5">
1580          <!-- Left Visual Card -->
1581          <div class="col-lg-4 mx-auto">
1582            <div class="w-100">
1583              <img src="./assets2/photos/img/why-choose-fleetrabbit.png" class="img-fluid rounded-3" alt="Why Choose FleetRabbit" />
1584            </div>
1585          </div>
1586          <!-- Right Content -->
1587          <div class="col-lg-7">
1588            <!-- Heading -->
1589            <h2 class="mb-4 fw-bold color-brand-1">Why Choose Fleet Rabbit?</h2>
1590            <!-- Reason 1 -->
1591            <div class="mb-4">
1592              <div class="d-flex align-items-start">
1593                <div class="flex-shrink-0 me-3">
1594                  <div class="rounded-circle d-flex align-items-center justify-content-center bg-gradient-fast-blue-purple" style="width: 70px; height: 70px;">
1595                    <h3 class="mb-0 fw-bold text-white">1</h3>
1596                  </div>
1597                </div>
1598                <div class="flex-grow-1 pt-1">
1599                  <h4 class="mb-2 fs-lg">Complete Fleet Management in One Platform</h4>
1600                  <p class="text-secondary mb-0" style="line-height: 1.7;">Fleet Rabbit streamlines inspections, maintenance, compliance, fuel tracking, and parts inventory into a unified dashboard,
1601                    reducing operational costs and improving fleet visibility.</p>
1602                </div>
1603              </div>
1604            </div>
1605            <!-- Reason 2 -->
1606            <div class="mb-4">
1607              <div class="d-flex align-items-start">
1608                <div class="flex-shrink-0 me-3">
1609                  <div class="rounded-circle d-flex align-items-center justify-content-center bg-gradient-purple-pink" style="width: 70px; height: 70px;">
1610                    <h3 class="mb-0 fw-bold text-white">2</h3>
1611                  </div>
1612                </div>
1613                <div class="flex-grow-1 pt-1">
1614                  <h4 class="mb-2 fs-lg ">DOT Compliant Digital DVIR & Inspections</h4>
1615                  <p class="text-secondary mb-0" style="line-height: 1.7;">FMCSA certified mobile DVIR with electronic signatures, photo documentation, and automated defect tracking ensures complete
1616                    compliance and audit-ready records.</p>
1617                </div>
1618              </div>
1619            </div>
1620            <!-- Reason 3 -->
1621            <div class="mb-4">
1622              <div class="d-flex align-items-start">
1623                <div class="flex-shrink-0 me-3">
1624                  <div class="rounded-circle d-flex align-items-center justify-content-center bg-gradient-fast-blue-purple" style="width: 70px; height: 70px;">
1625                    <h3 class="mb-0 fw-bold text-white">3</h3>
1626                  </div>
1627                </div>
1628                <div class="flex-grow-1 pt-1">
1629                  <h4 class="mb-2 fs-lg">Reduce Downtime with Automated Maintenance</h4>
1630                  <p class="text-secondary mb-0" style="line-height: 1.7;">Automated PM scheduling, service alerts, and work order management help prevent breakdowns and extend vehicle life through
1631                    proactive maintenance tracking.</p>
1632                </div>
1633              </div>
1634            </div>
1635            <!-- CTA Buttons -->
1636            <div class="d-flex flex-wrap gap-2 mt-4">
1637              <a href="https://ai.fleetrabbit.com/en/signup" class="btn btn-large btn-gradient-purple-pink btn-rounded right-icon btn-switch-text">
1638                <span>
1639                  <span class="btn-double-text" data-text="Get Started">Start Free Trial</span>
1640                  <span><i class="fa-solid fa-arrow-right fs-14"></i></span>
1641                </span>
1642              </a>
1643              <a href="javascript:void(0);" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/fleet-rabbit/30min' });return false;"
1644                class="btn btn-large btn-gradient-fast-blue-purple btn-rounded right-icon btn-switch-text">
1645                <span>
1646                  <span class="btn-double-text" data-text="Book a Tour">Watch Demo</span>
1647                  <span><i class="fa-solid fa-arrow-right fs-14"></i></span>
1648                </span>
1649              </a>
1650            </div>
1651          </div>
1652        </div>
1653      </div>
1654    </section>
1655
1656    <!-- Testimonials & Stats Section -->
1657    <section class="py-16 bg-gradient-very-light-gray position-relative">
1658      <div class="container">
1659        <!-- Top Stats Section -->
1660        <div class="row align-items-center mb-5 g-4">
1661          <!-- Trusted By Text -->
1662          <div class="col-lg-6 col-md-12 mb-3 mb-lg-2">
1663            <div class="d-flex align-items-center flex-column flex-sm-row text-center text-sm-start">
1664              <div class="flex-shrink-0 mb-3 mb-sm-0 me-sm-4">
1665                <div class="bg-white rounded-circle d-flex align-items-center justify-content-center mx-auto mx-sm-0" style="width: 120px; height: 120px;">
1666                  <i class="bi bi-clipboard-check fs-80 text-gradient-fast-blue-purple"></i>
1667                </div>
1668              </div>
1669              <div class="flex-grow-1">
1670                <h3 class="mb-0 display-5">Trusted by <span class="text-gradient-fast-blue-purple fw-bold">3,200+</span> safety directors nationwide</h3>
1671              </div>
1672            </div>
1673          </div>
1674          <!-- Stats Columns - Side by Side on Mobile -->
1675          <div class="col-lg-3 col-6">
1676            <div class="text-center">
1677              <div class="display-4 fw-bold text-dark mb-2">2.5K+</div>
1678              <p class="mb-0 text-muted small">Daily inspections completed</p>
1679            </div>
1680          </div>
1681          <div class="col-lg-3 col-6">
1682            <div class="text-center">
1683              <div class="display-4 fw-bold text-dark mb-2">4.9</div>
1684              <div class="mb-2">
1685                <i class="bi bi-star-fill text-warning"></i>
1686                <i class="bi bi-star-fill text-warning"></i>
1687                <i class="bi bi-star-fill text-warning"></i>
1688                <i class="bi bi-star-fill text-warning"></i>
1689                <i class="bi bi-star-fill text-warning"></i>
1690              </div>
1691              <p class="mb-0 text-muted small">Average Rating</p>
1692            </div>
1693          </div>
1694        </div>
1695        <!-- Testimonial Cards -->
1696        <div class="row g-4">
1697          <!-- Testimonial 1 -->
1698          <div class="col-lg-4 col-md-6 col-12">
1699            <div class="card border-0 shadow-sm h-100">
1700              <div class="card-body p-4">
1701                <div class="d-flex align-items-start mb-3">
1702                  <div class="flex-shrink-0 me-3">
1703                    <div class="bg-gradient-very-light-gray rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
1704                      <i class="bi bi-person-circle fs-2 text-gradient-fast-blue-purple"></i>
1705                    </div>
1706                  </div>
1707                  <div class="flex-grow-1">
1708                    <h6 class="mb-1 fw-bold">David Thompson</h6>
1709                    <small class="text-muted d-block">Safety Director</small>
1710                    <small class="text-muted">Mountain Transport</small>
1711                  </div>
1712                </div>
1713                <p class="text-muted mb-4">Digital DVIR has cut our inspection time by 60%. Drivers complete pre-trip inspections in 3 minutes, and we're always DOT audit-ready. Game changer!</p>
1714                <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
1715                  <div>
1716                    <i class="bi bi-star-fill text-warning"></i>
1717                    <i class="bi bi-star-fill text-warning"></i>
1718                    <i class="bi bi-star-fill text-warning"></i>
1719                    <i class="bi bi-star-fill text-warning"></i>
1720                    <i class="bi bi-star-fill text-warning"></i>
1721                  </div>
1722                  <span class="badge bg-dark px-3 py-2">18 NOV</span>
1723                </div>
1724              </div>
1725            </div>
1726          </div>
1727          <!-- Testimonial 2 -->
1728          <div class="col-lg-4 col-md-6 col-12">
1729            <div class="card border-0 shadow-sm h-100">
1730              <div class="card-body p-4">
1731                <div class="d-flex align-items-start mb-3">
1732                  <div class="flex-shrink-0 me-3">
1733                    <div class="bg-gradient-very-light-gray rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
1734                      <i class="bi bi-person-circle fs-2 text-gradient-purple-pink"></i>
1735                    </div>
1736                  </div>
1737                  <div class="flex-grow-1">
1738                    <h6 class="mb-1 fw-bold">Lisa Rodriguez</h6>
1739                    <small class="text-muted d-block">Compliance Manager</small>
1740                    <small class="text-muted">Freight Solutions Inc</small>
1741                  </div>
1742                </div>
1743                <p class="text-muted mb-4">The photo documentation feature saved us during our DOT audit. Electronic signatures and 7-year cloud storage gave us perfect compliance records.</p>
1744                <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
1745                  <div>
1746                    <i class="bi bi-star-fill text-warning"></i>
1747                    <i class="bi bi-star-fill text-warning"></i>
1748                    <i class="bi bi-star-fill text-warning"></i>
1749                    <i class="bi bi-star-fill text-warning"></i>
1750                    <i class="bi bi-star-fill text-warning"></i>
1751                  </div>
1752                  <span class="badge bg-dark px-3 py-2">12 NOV</span>
1753                </div>
1754              </div>
1755            </div>
1756          </div>
1757          <!-- Testimonial 3 -->
1758          <div class="col-lg-4 col-md-6 col-12">
1759            <div class="card border-0 shadow-sm h-100">
1760              <div class="card-body p-4">
1761                <div class="d-flex align-items-start mb-3">
1762                  <div class="flex-shrink-0 me-3">
1763                    <div class="bg-gradient-very-light-gray rounded-circle d-flex align-items-center justify-content-center" style="width: 60px; height: 60px;">
1764                      <i class="bi bi-person-circle fs-2 text-gradient-fast-blue-purple"></i>
1765                    </div>
1766                  </div>
1767                  <div class="flex-grow-1">
1768                    <h6 class="mb-1 fw-bold">Robert Johnson</h6>
1769                    <small class="text-muted d-block">Fleet Operations Manager</small>
1770                    <small class="text-muted">Regional Carriers</small>
1771                  </div>
1772                </div>
1773                <p class="text-muted mb-4">Defect tracking and automated work orders have revolutionized our maintenance workflow. We catch issues before they become breakdowns.</p>
1774                <div class="d-flex justify-content-between align-items-center flex-wrap gap-2">
1775                  <div>
1776                    <i class="bi bi-star-fill text-warning"></i>
1777                    <i class="bi bi-star-fill text-warning"></i>
1778                    <i class="bi bi-star-fill text-warning"></i>
1779                    <i class="bi bi-star-fill text-warning"></i>
1780                    <i class="bi bi-star-fill text-warning"></i>
1781                  </div>
1782                  <span class="badge bg-dark px-3 py-2">05 NOV</span>
1783                </div>
1784              </div>
1785            </div>
1786          </div>
1787        </div>
1788      </div>
1789    </section>
1790
1791    <!-- start FAQ section -->
1792    <section>
1793      <div class="container">
1794        <div class="row justify-content-center mb-3">
1795          <div class="col-lg-7 col-md-8 text-center"
1796            data-anime='{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }'>
1797            <span class="text-base-color fw-600 mb-5px text-uppercase d-block">FAQs</span>
1798            <h2 class="text-dark-gray fw-700 ls-minus-1px">Frequently asked questions</h2>
1799          </div>
1800        </div>
1801        <div class="row justify-content-center">
1802          <div class="col-lg-10">
1803            <div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="fa-angle-up" data-inactive-icon="fa-angle-down">
1804              <div class="accordion-item">
1805                <div class="accordion-header border-bottom border-color-extra-medium-gray">
1806                  <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-01" aria-expanded="true" data-bs-parent="#accordion-style-02">
1807                    <div class="accordion-title mb-0 position-relative text-dark-gray">
1808                      <i class="feather icon-feather-plus"></i>
1809                      <span class="fs-18 fw-500">What types of vehicles does Fleet Rabbit support?</span>
1810                    </div>
1811                  </a>
1812                </div>
1813                <div id="accordion-style-02-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-02">
1814                  <div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
1815                    <p>Fleet Rabbit supports all types of commercial vehicles including trucks, trailers, heavy equipment, construction machinery, buses, vans, and specialty vehicles. Our flexible
1816                      vehicle management system accommodates diverse fleets with custom fields, specifications, and maintenance requirements specific to each vehicle type and industry.</p>
1817                  </div>
1818                </div>
1819              </div>
1820              <div class="accordion-item">
1821                <div class="accordion-header border-bottom border-color-extra-medium-gray">
1822                  <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-02" aria-expanded="false" data-bs-parent="#accordion-style-02">
1823                    <div class="accordion-title mb-0 position-relative text-dark-gray">
1824                      <i class="feather icon-feather-plus"></i>
1825                      <span class="fs-18 fw-500">How does the mobile app work for drivers and technicians?</span>
1826                    </div>
1827                  </a>
1828                </div>
1829                <div id="accordion-style-02-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
1830                  <div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
1831                    <p>Drivers use the mobile app to complete pre-trip and post-trip DVIR inspections with photo documentation and electronic signatures. They report defects that instantly notify
1832                      maintenance staff. Technicians access work orders, view vehicle history, record labor and parts, update job status, and complete inspections—all from their mobile device. The app
1833                      works offline and syncs when connectivity returns.</p>
1834                  </div>
1835                </div>
1836              </div>
1837              <div class="accordion-item">
1838                <div class="accordion-header border-bottom border-color-extra-medium-gray">
1839                  <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-03" aria-expanded="false" data-bs-parent="#accordion-style-02">
1840                    <div class="accordion-title mb-0 position-relative text-dark-gray">
1841                      <i class="feather icon-feather-plus"></i>
1842                      <span class="fs-18 fw-500">Can Fleet Rabbit handle multiple locations?</span>
1843                    </div>
1844                  </a>
1845                </div>
1846                <div id="accordion-style-02-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
1847                  <div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
1848                    <p>Yes, Fleet Rabbit is designed for multi-location operations. Track vehicles, inventory, and maintenance across unlimited locations with location-specific permissions, reporting,
1849                      and workflow. Transfer vehicles and parts between locations with complete audit trails. Corporate administrators can view consolidated data across all locations or drill down
1850                      into specific sites.</p>
1851                  </div>
1852                </div>
1853              </div>
1854              <div class="accordion-item">
1855                <div class="accordion-header border-bottom border-color-extra-medium-gray">
1856                  <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-04" aria-expanded="false" data-bs-parent="#accordion-style-02">
1857                    <div class="accordion-title mb-0 position-relative text-dark-gray">
1858                      <i class="feather icon-feather-plus"></i>
1859                      <span class="fs-18 fw-500">How does DOT compliance tracking work?</span>
1860                    </div>
1861                  </a>
1862                </div>
1863                <div id="accordion-style-02-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
1864                  <div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
1865                    <p>Fleet Rabbit automates DOT compliance by tracking driver qualification files, medical card expirations, CDL renewals, vehicle annual inspections, DVIR completion rates, and
1866                      maintenance documentation. Automated alerts notify you before items expire. All documents are stored digitally and organized for instant access during audits. Generate compliance
1867                      reports that demonstrate your safety program effectiveness.</p>
1868                  </div>
1869                </div>
1870              </div>
1871              <div class="accordion-item">
1872                <div class="accordion-header border-bottom border-color-extra-medium-gray">
1873                  <a href="#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-05" aria-expanded="false" data-bs-parent="#accordion-style-02">
1874                    <div class="accordion-title mb-0 position-relative text-dark-gray">
1875                      <i class="feather icon-feather-plus"></i>
1876                      <span class="fs-18 fw-500">What integrations are available?</span>
1877                    </div>
1878                  </a>
1879                </div>
1880                <div id="accordion-style-02-05" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
1881                  <div class="accordion-body last-paragraph-no-margin border-bottom border-color-transparent">
1882                    <p>Fleet Rabbit integrates with major telematics providers (Geotab, Samsara, Verizon Connect), fuel card companies (WEX, Fleetcor), accounting systems (QuickBooks, Xero), parts
1883                      suppliers, tire management systems, and more. These integrations automatically sync data to eliminate manual entry, ensure accuracy, and provide comprehensive fleet visibility.
1884                      Custom API integrations available for enterprise customers.</p>
1885                  </div>
1886                </div>
1887              </div>
1888            </div>
1889          </div>
1890        </div>
1891      </div>
1892    </section>
1893    <!-- end FAQ section -->
1894
1895    <!-- start CTA section -->
1896    <section class="overflow-hidden position-relative bg-gradient-very-light-gray py-14">
1897      <div class="container">
1898        <div class="row gx-md-3 gy-5 align-items-center position-relative justify-content-md-center">
1899          <div class="col-lg-6 text-center text-lg-start"
1900            data-anime='{ "el": "childs", "translateX": [-50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
1901            <h3 class="fw-700 text-dark-gray ls-minus-1px mb-20px">Get more done with Fleet Rabbit!</h3>
1902            <p class="fs-19 lh-32 w-90 lg-w-100 mb-35px">Simplifying fleet operations while maximizing compliance, reducing violations, and keeping your equipment running at its best.</p>
1903            <div class="d-flex flex-wrap gap-1 justify-content-center justify-content-xl-start">
1904              <a href="https://ai.fleetrabbit.com/en/signup" class="btn btn-large btn-gradient-purple-pink btn-rounded right-icon btn-switch-text d-md-block d-none">
1905                <span>
1906                  <span class="btn-double-text" data-text="Get Started">Start Free Trial</span>
1907                  <span><i class="fa-solid fa-arrow-right fs-14"></i></span>
1908                </span>
1909              </a>
1910              <a href="https://onelink.to/a6jeh5" class="btn btn-large btn-gradient-purple-pink btn-rounded right-icon btn-switch-text d-md-none d-block">
1911                <span>
1912                  <span class="btn-double-text" data-text="Download App">Download App</span>
1913                  <span><i class="fa-solid fa-arrow-right fs-14"></i></span>
1914                </span>
1915              </a>
1916              <a href="javascript:void(0);" onclick="Calendly.initPopupWidget({url: 'https://calendly.com/fleet-rabbit/30min' });return false;"
1917                class="btn btn-large btn-gradient-fast-blue-purple btn-rounded right-icon btn-switch-text">
1918                <span>
1919                  <span class="btn-double-text" data-text="Book a Demo">See How It Works</span>
1920                  <span><i class="fa-solid fa-arrow-right fs-14"></i></span>
1921                </span>
1922              </a>
1923            </div>
1924          </div>
1925          <div class="col-lg-6" data-anime='{ "el": "childs", "translateX": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }'>
1926            <div class="row">
1927              <div class="col-sm-6 xs-mb-30px">
1928                <img src="./assets2/photos/img/complete-mobile-solutions.png" class="w-100 box-shadow-quadruple-large border-radius-10px" data-bottom-top="transform: translateY(-250px)"
1929                  data-top-bottom="transform: translateY(200px)" alt="complete-mobile-solutions">
1930              </div>
1931              <div class="col-sm-6">
1932                <img src="./assets2/photos/img/dvir-dot-inspection.png" class="w-100 box-shadow-quadruple-large border-radius-10px" data-bottom-top="transform: translateY(200px)"
1933                  data-top-bottom="transform: translateY(-300px)" alt="dvir-dot-inspection">
1934              </div>
1935            </div>
1936          </div>
1937        </div>
1938      </div>
1939    </section>
1940    <!-- end CTA section -->
1941  </div>
1942
1943  <!-- start footer -->
1944  <footer class="footer-dark bg-light-majorelle-blue py-8">
1945    <div class="container">
1946      <div class="row gx-md-5 gy-8 justify-content-center">
1947        <div class="col-md-6 col-lg-3">
1948          <a href="./" class="d-flex align-items-center py-2" aria-label="Fleet Rabbit">
1949            <img src="./assets2/photos/fleet-icon.png" alt="Fleet Rabbit" style="width: 5rem;">
1950            <h3 class="ps-2 lh-34">Fleet Rabbit</h3>
1951          </a>
1952          <h6>Truck Inspection and Maintenance Software</h6>
1953
1954          <div class="py-5">
1955            <h6 class="text-dark mb-2">Get In Touch</h6>
1956            <p class="mb-1"><strong>Location:</strong> 440 N. Wolfe Road, Sunnyvale, CA 94085, USA</p>
1957            <p class="mb-1"><strong>Phone:</strong><a href="tel:+13158881995"> +1 (315) 888-1995</a></p>
1958            <p class="mb-0"><strong>Email:</strong><a href="mailto:[email protected]"> [email protected]</a></p>
1959          </div>
1960
1961          <div class="elements-social">
1962            <ul class="small-icon dark justify-content-start">
1963              <li><a href="https://www.linkedin.com/company/fleetrabbitapp/" target="_blank" aria-label="linkedin"><i class="fa-brands fa-linkedin-in"></i></a></li>
1964              <li><a href="https://twitter.com/fleetrabbit" target="_blank" aria-label="twitter"><i class="fa-brands fa-twitter"></i></a></li>
1965              <li><a href="https://www.facebook.com/fleetrabbitapp/" target="_blank" aria-label="facebook"><i class="fa-brands fa-facebook-f"></i></a></li>
1966              <li><a href="https://www.youtube.com/@FleetRabbit-ll9id" target="_blank" aria-label="youtube"><i class="fa-brands fa-youtube"></i></a></li>
1967              <li><a href="https://www.instagram.com/fleetrabbitapp/" target="_blank" aria-label="instagram"><i class="fa-brands fa-instagram"></i></a></li>
1968            </ul>
1969          </div>
1970        </div>
1971
1972        <div class="col-md-6 col-lg-3">
1973          <h6 class="text-uppercase mb-5">Features</h6>
1974          <ul>
1975            <li>
1975<a href="./inspection">Fleet Inspection</a></li>
1976            <li><a href="./fleet-maintenance">Fleet Maintenance</a></li>
1977            <li><a href="./fuel-management">Fuel Management</a></li>
1978            <li><a href="./compliance">Compliance</a></li>
1979            <li><a href="./parts-and-inventory">Parts &amp; Inventory</a></li>
1980            <li><a href="./analytics-reporting">Analytics &amp; Reporting</a></li>
1981            <li><a href="./preventive-maintenance">Preventive Maintenance</a></li>
1982            <li><a href="./team-management">Team Management</a></li>
1983            <li><a href="./dvir-dot-inspection">DVIR DOT Inspection</a></li>
1984            <li><a href="./dispatch">Dispatch</a></li>
1985            <li><a href="./hos-monitoring">HOS Monitoring</a></li>
1986            <li><a href="./dvir-records">DVIR Records</a></li>
1987            <li><a href="./recall-tracking">Recall Tracking</a></li>
1988            <li><a href="./features">All Features</a></li>
1989          </ul>
1990        </div>
1991
1992        <div class="col-md-6 col-lg-3">
1993          <h6 class="text-uppercase mb-5">Industries</h6>
1994          <ul>
1995            <li><a href="./industry/construction-management-system/">Construction Management System</a></li>
1996            <li><a href="./industry/transportation-and-logistics/">Transportation &amp; Logistics</a></li>
1997            <li><a href="./industry/passenger-transit/">Passenger Transit</a></li>
1998            <li><a href="./industry/food-and-beverage/">Food &amp; Beverage Maintenance Software</a></li>
1999            <li><a href="./industry/e-commerce-logistics/">E-Commerce Logistics</a></li>
2000            <li><a href="./industry/farm-equipment-software/">Farm Equipment Software</a></li>
2001            <li><a href="./industry/government-fleet/">Government Fleet Software</a></li>
2002            <li><a href="./industry/manufacturing-fleet/">Manufacturing Fleet</a></li>
2003            <li><a href="./industry/mining-fleet-software/">Mining Fleet Software</a></li>
2004            <li><a href="./industry/utilities-fleet-software/">Utilities Fleet Software</a></li>
2005            <li><a href="./industry/oil-and-gas/">Oil &amp;
2005 Gas Fleet</a></li>
2006            <li><a href="./industry/vessel-fleet/">Vessel Fleet Software</a></li>
2007            <li><a href="./industry/waste-management-software/">Waste Management Fleet Software</a></li>
2008            <li><a href="./industry/">All Industries</a></li>
2009          </ul>
2010        </div>
2011
2012        <div class="col-md-6 col-lg-3">
2013          <h6 class="text-uppercase mb-5">Resources</h6>
2014          <ul>
2015            <li><a href="./blogs/">Blogs</a></li>
2016            <li><a href="./checklist-center/">Checklist Center</a></li>
2017            <li><a href="./article/">Articles</a></li>
2018            <li><a href="./faqs/">FAQs</a></li>
2019            <li><a href="./case-study/">Case Studies</a></li>
2020            <li><a href="./contact">Support</a></li>
2021            <li><a href="./pricing">Pricing</a></li>
2022            <li><a href="https://community.fleetrabbit.com">Fleet Rabbit Community</a></li>
2023          </ul>
2024
2025          <h6 class="text-uppercase mb-5 mt-10">Integrations</h6>
2026          <ul>
2027            <li><a href="./integration/">Integrations Overview</a></li>
2028            <li><a href="./integration/gps">GPS & Telematics</a></li>
2029            <li><a href="./integration/fuelcard">Fuel Card</a></li>
2030            <li><a href="./integration/accounting">Accounting Software</a></li>
2031            <li><a href="./integration/oem">OEM Telematics</a></li>
2032          </ul>
2033        </div>
2034      </div>
2035
2036      <!-- Footer Bottom -->
2037      <div class="row gy-5 gx-md-3 border-top border-color-light-gray mt-1 pt-1">
2038        <div class="col-md-6">
2039          <p class="mb-1">© Fleet Rabbit
2040            
2040<script>
2041              document.write(new Date().getFullYear());
2042            </script>
2042. All rights reserved.
2043          </p>
2044          <div class="d-flex gap-3 flex-wrap">
2045            <a href="./legal/privacy-policy" class="text-dark">Privacy Policy</a>
2046            <a href="./legal/terms_conditions" class="text-dark">Terms of Service</a>
2047          </div>
2048        </div>
2049        <div class="col-md-6">
2050          <h5>Get the App</h5>
2051          <p class="text-dark mb-1">Download our app and enjoy a 14-day free trial.</p>
2052          <div class="d-flex flex-wrap gap-2 mb-2">
2053            <a href="https://apps.apple.com/us/app/fleet-rabbit/id6755118283">
2054              <img src="./assets2/images/app-store-black.svg" alt="App Store" class="h-50px">
2055            </a>
2056            <a href="https://play.google.com/store/apps/details?id=com.fleetrabbit.ai">
2057              <img src="./assets2/images/play-store-black.svg" alt="Google Play" class="h-50px">
2058            </a>
2059          </div>
2060        </div>
2061      </div>
2062    </div>
2063  </footer>
2064  <!-- end footer -->
2065
2066  <!-- start scroll progress -->
2067  <div class="scroll-progress d-none d-xxl-block">
2068    <a href="#" class="scroll-top" aria-label="scroll">
2069      <span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
2070    </a>
2071  </div>
2072  <!-- end scroll progress -->
2073
2074<script>
2075    // both scripts into one so it tracks clicks and also appends the source parameter to signup links
2076    document.addEventListener("DOMContentLoaded", function() {
2077        // Google Apps Script Web App endpoint
2078        const TRACKING_URL = "https://script.google.com/macros/s/AKfycbzZIW0S3-N6lpZ5b8vdj9AJCTEw_ZRglEmPdmm3NG1ZcpB5s6MAVYXmO5kAZ9IJLuvgIw/exec";
2079
2080        // Helper function to send click data
2081        function sendClickData(buttonName) {
2082            const data = {
2083                page: window.location.pathname,
2084                button: buttonName
2085            };
2086
2087            fetch(TRACKING_URL, {
2088                method: "POST",
2089                contentType: "application/json",
2090                body: JSON.stringify(data)
2091            });
2092        }
2093
2094        // Helper: encode page path for UTM
2095        function getPageSource() {
2096            let currentPath = window.location.pathname + window.location.search;
2097            if (currentPath.startsWith("/")) {
2098                currentPath = currentPath.substring(1);
2099            }
2100            return encodeURIComponent(currentPath);
2101        }
2102
2103        // ====== Track & Update Signup buttons ======
2104        let signupLinks = document.querySelectorAll("a[href*='ai.fleetrabbit.com']");
2105        signupLinks.forEach(function(link) {
2106            // --- Add source param ---
2107            // let currentPath = window.location.pathname + window.location.search;
2108            // if (currentPath.startsWith("/")) {
2109            //     currentPath = currentPath.substring(1);
2110            // }
2111            let signupUrl = link.getAttribute("href");
2112            let separator = signupUrl.includes("?") ? "&" : "?";
2113            signupUrl += separator + "source=" + encodeURIComponent("Homepage") + "_referrer_page=" + document.referrer;
2114            link.setAttribute("href", signupUrl);
2115
2116            // --- Track click ---
2117            link.addEventListener("click", function() {
2118                sendClickData("Signup");
2119            });
2120        });
2121
2122        // ====== Track Download HVI App button ======
2123        let appDownloadBtn = document.querySelector("a[href*='onelink.to/a6jeh5']");
2124        if (appDownloadBtn) {
2125            appDownloadBtn.addEventListener("click", function() {
2126                sendClickData("Download Fleet App");
2127            });
2128        }
2129
2130        // ====== Direct Calendly demo button (use utm_source) ======
2131        document.querySelectorAll("a[href*='fleet-rabbit/30min']").forEach(function(link) {
2132            let demoUrl = link.getAttribute("href");
2133            let separator = demoUrl.includes("?") ? "&" : "?";
2134            demoUrl += separator + "utm_source=" + getPageSource();
2135            link.setAttribute("href", demoUrl);
2136
2137            link.addEventListener("click", function() {
2138                sendClickData("Book a Demo");
2139            });
2140        });
2141
2142        // ====== Track Book A Demo button ======
2143        let bookDemoBtnPopup = document.querySelector("a[onclick*='Calendly']");
2144        if (bookDemoBtnPopup) {
2145            bookDemoBtnPopup.addEventListener("click", function() {
2146                sendClickData("Demo");
2147            });
2148        }
2149    });
2150</script>
2150
2151
2152<script>
2153    document.addEventListener("DOMContentLoaded", function() {
2154        // Select all links/buttons that trigger Calendly popup
2155        let calendlyButtons = document.querySelectorAll("a[onclick*='Calendly.initPopupWidget']");
2156
2157        calendlyButtons.forEach(function(btn) {
2158            btn.addEventListener("click", function(e) {
2159                e.preventDefault();
2160
2161                // Extract original Calendly URL from the onclick attribute
2162                let onclickAttr = btn.getAttribute("onclick");
2163                let urlMatch = onclickAttr.match(/url:\s*'([^']+)'/);
2164
2165                if (urlMatch && urlMatch[1]) {
2166                    let originalUrl = urlMatch[1];
2167                    
2168                    // Append current page path as UTM
2169                    // let pagePath = encodeURIComponent(window.location.pathname + window.location.search);
2170                    
2171                    // Previous page
2172                    let referrer = encodeURIComponent(document.referrer);
2173                    
2174                    let newUrl = originalUrl + (originalUrl.includes("?") ? "&" : "?") + "utm_source=Homepage" + "&utm_medium=" + referrer;
2175
2176                    // Open Calendly popup with modified URL
2177                    Calendly.initPopupWidget({
2178                        url: newUrl
2179                    });
2180                }
2181            });
2182        });
2183    });
2184</script>
2184
2185
2186  
2186<script type="text/javascript" id="zsiqchat">var $zoho = $zoho || {}; $zoho.salesiq = $zoho.salesiq || { widgetcode: "siqaa8a2242f90fbfcb6af1eca550858cd1f31596fd0943d1e486269b67b9b59779", values: {}, ready: function () { } }; var d = document; s = d.createElement("script"); s.type = "text/javascript"; s.id = "zsiqscript"; s.defer = true; s.src = "https://salesiq.zohopublic.com/widget"; t = d.getElementsByTagName("script")[0]; t.parentNode.insertBefore(s, t);
2187  </script>
2187
2188  
2189  <!-- Calendly -->
2190  <link href="https://assets.calendly.com/assets/external/widget.css" rel="stylesheet">
2191  
2191<script src="https://assets.calendly.com/assets/external/widget.js" type="text/javascript"></script>
2191
2192
2193  <!-- javascript libraries -->
2194  
2194<script type="text/javascript" src="./assets2/js/jquery.js"></script>
2194
2195  
2195<script type="text/javascript" src="./assets2/js/vendors.min.js"></script>
2195
2196  
2196<script type="text/javascript" src="./assets2/js/main.js"></script>
2196
2197  
2198</body>
2199
2200</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.