PageSourceSearch

https://humanec.ai/employee-tracking-app

html humanec.ai collected 2026-10-02 01:11:13 UTC 98,324 bytes, 1,696 lines download raw bytes

1<!DOCTYPE html>
2<html lang="en">
3
4<head>
5  <meta charset="UTF-8" />
6  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7  <meta property="og:locale" content="en_IN" />
8  <meta name="robots" content="index, follow" />
9    <!-- Meta Pixel Code -->
10<script>
vendor: 408 bytes, lines 10-19
10
11!function(f,b,e,v,n,t,s)
12{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
13n.callMethod.apply(n,arguments):n.queue.push(arguments)};
14if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
15n.queue=[];t=b.createElement(e);t.async=!0;
16t.src=v;s=b.getElementsByTagName(e)[0];
17s.parentNode.insertBefore(t,s)}(window, document,'script',
18'https://connect.facebook.net/en_US/fbevents.js');
19fbq('init', '
19689169373937316
vendor: 32 bytes, lines 19-20
19');
20fbq('track', 'PageView');
21fbq('track', 'Lead');
22</script>
22
23<noscript><img height="1" width="1" style="display:none"
24src="https://www.facebook.com/tr?id=689169373937316&ev=PageView&noscript=1"
25/></noscript>
26<!-- End Meta Pixel Code -->
27  <link rel="icon" type="image" href="https://humanec.ai/asset/images/favicon.ico" />
28
29  <title>Employee Tracking App | GPS & Automated Attendance - Humanec</title>
30  <meta name="title" content="Employee Tracking App | GPS & Automated Attendance - Humanec" />
31  <meta name="description"
32    content="Track your field staff with HumanecGeo—real-time GPS location tracking, automated attendance, timesheets, and check-in/out features." />
33  <link rel="canonical" href="https://humanec.ai/employee-tracking-app" />
34  <meta property="og:url" content="https://humanec.ai/employee-tracking-app" />
35  <meta property="og:title" content="Employee Tracking App | GPS & Automated Attendance - Humanec" />
36  <meta property="og:description"
37    content="Track your field staff with HumanecGeo—real-time GPS location tracking, automated attendance, timesheets, and check-in/out features." />
38
39  
39<script src="https://cdn.tailwindcss.com"></script>
39
40  <link rel="stylesheet" href="https://humanec.ai/asset/css/style.css" />
41  <link rel="preconnect" href="https://fonts.googleapis.com" />
42  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
43  <link href="https://fonts.googleapis.com/css2?family=Outfit:[email protected]&display=swap" rel="stylesheet" />
44  <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/all.css" />
45  <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/sharp-thin.css" />
46  <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/sharp-solid.css" />
47  <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/sharp-regular.css" />
48  <link rel="stylesheet" href="https://site-assets.fontawesome.com/releases/v6.5.1/css/sharp-light.css" />
49
50  
50<script src="https://humanec.ai/asset/js/app-head-bs.js"></script>
50
51  <link rel="stylesheet" href="https://humanec.ai/asset/js/uni-core/css/uni-core.min.css" />
52  <link rel="stylesheet" href="https://humanec.ai/asset/css/unicons.min.css" />
53  <link rel="stylesheet" href="https://humanec.ai/asset/css/swiper-bundle.min.css" />
54  <link rel="stylesheet" href="https://humanec.ai/asset/css/prettify.min.css" />
55  <link rel="stylesheet" href="https://humanec.ai/asset/css/magic-cursor.min.css" />
56  <link rel="stylesheet" href="https://humanec.ai/asset/css/main.min.purge.css" />
57  
57<script src="https://humanec.ai/asset/js/uni-core/js/uni-core-bundle.min.js"></script>
57
58  
58<script src="https://cdn.tailwindcss.com"></script>
58
59  
59<script type="application/ld+json">
60      {
61        "@context": "https://schema.org",
62        "@type": "SoftwareApplication",
63        "@id": "https://humanec.ai/ai-face-recognition-attendance-system#softwareapplication",
64        "name": "Humanec Eye – AI Face Recognition Attendance System",
65        "alternateName": "HUMANEC.AI",
66        "operatingSystem": "iOS, Android, Web",
67        "applicationCategory": "BusinessApplication",
68        "applicationSuite": "Humanec",
69        "url": "https://humanec.ai/ai-face-recognition-attendance-system",
70        "image": "https://humanec.ai/assets/humanec-eye-dashboard.webp",
71        "screenshot": "https://humanec.ai/assets/humanec-eye-dashboard.webp",
72        "permissions": "Requires internet connection & camera access",
73        "browserRequirements": "Requires JavaScript",
74        "memoryRequirements": "2 GB RAM or more",
75        "featureList": [
76          "Employee management (regular/contractual)",
77          "AI-based face recognition attendance",
78          "Present/Absent/Half-day tracking",
79          "Self-service mobile app for staff",
80          "Daily payroll processing",
81          "Payslip auto-generation"
82        ],
83        "offers": {
84          "@type": "Offer",
85          "price": "999.00",
86          "priceCurrency": "INR",
87          "priceSpecification": {
88            "@type": "UnitPriceSpecification",
89            "price": 999.0,
90            "priceCurrency": "INR",
91            "unitText": "USER",
92            "billingDuration": "P1Y"
93          },
94          "availability": "https://schema.org/InStock"
95        },
96        "publisher": {
97          "@type": "Organization",
98          "@id": "https://humanec.ai/#organization",
99          "name": ""
100        }
101      }
102    </script>
102
103  
103<script type="application/ld+json">
104      {
105        "@context": "https://schema.org",
106        "@type": "BreadcrumbList",
107        "itemListElement": [
108          {
109            "@type": "ListItem",
110            "position": 1,
111            "name": "Home",
112            "item": "https://humanec.ai/"
113          },
114          {
115            "@type": "ListItem",
116            "position": 2,
117            "name": "Products",
118            "item": "https://humanec.ai/products"
119          },
120          {
121            "@type": "ListItem",
122            "position": 3,
123            "name": "HUMANEC GEO",
124            "item": "https://humanec.ai/employee-tracking-app"
125          }
126        ]
127      }
128    </script>
128
129    <!-- Google Tag Manager -->
130    
130<script>
vendor: 347 bytes, lines 130-134
130(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
131    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
132    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
133    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
134    })(window,document,'script','dataLayer','
134GTM-TXHTDXD4
vendor: 3 bytes, line 134
134');
134</script>
134
135    <!-- End Google Tag Manager -->
136    <!-- Google tag (gtag.js) -->
vendor: 65 bytes, lines 136-137
136
137<script async src="https://www.googletagmanager.com/gtag/js?id=
137G-8NPWEPDB73
vendor: 13 bytes, line 137
137"></script>
138<script>
139  
vendor: 138 bytes, lines 139-143
139window.dataLayer = window.dataLayer || [];
140  function gtag(){dataLayer.push(arguments);}
141  gtag('js', new Date());
142
143  gtag('config', '
143G-8NPWEPDB73
vendor: 5 bytes, line 143
143');
144</script>
144
145</head>
146
147<body
148  class="uni-body panel bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-200 overflow-x-hidden disable-cursor">
149   <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 149-150
149
150<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
150GTM-TXHTDXD4
vendor: 85 bytes, lines 150-151
150"
151height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
152<!-- End Google Tag Manager (noscript) -->
153  <!--  Cookies modal -->
154  <div id="uc-gdpr-notification"
155    class="uc-gdpr-notification uc-notification min-w-1/2 uc-notification-bottom-left lg:m-2">
156    <div
157      class="uc-notification-message vstack lg:hstack items-end gap-2 lg:gap-4 lg:p-3 bg-white text-dark border rounded-1-5 min-w-1/2">
158      <a id="uc-close-gdpr-notification" class="uc-notification-close text-dark" data-uc-close></a>
159      <div class="vstack">
160        <p class="h5 ft-primary fw-bold -ls-1 m-0 text-dark">GDPR Compliance</p>
161        <p class="fs-6 mt-1">We use cookies to ensure you get the best experience on our website. By continuing
162          to use our site, you accept our use of cookies, <a class='uc-link text-underline'
163            href='https://humanec.ai/privacy-policy'>privacy policy</a> and <a class='uc-link text-underline'
164            href='https://humanec.ai/terms-and-conditions'>terms of
165            service</a>.</p>
166      </div>
167      <button class="btn btn-sm btn-primary px-2" id="uc-accept-gdpr">Accept</button>
168    </div>
169  </div>
170
171  <!--  Menu panel -->
172  <div id="uc-menu-panel" data-uc-offcanvas="overlay: true;">
173    <div class="uc-offcanvas-bar bg-white text-dark dark:bg-gray-900 dark:text-white w-full">
174      <div class="uc-logo ">
175        <a class='h5 text-none text-gray-900 dark:text-white' href="https://humanec.ai/">
176          <img class="w-[170px]" src="https://humanec.ai/asset/images/HeaderImage/Humanec Black.svg"
177            alt="Humanec.ai Logo – Payroll Software for Small Business in India"
178            title="Humanec.ai – Smart Payroll & HR Software Logo">
179        </a>
180      </div>
181      <button
182        class="uc-offcanvas-close rtl:end-auto rtl:start-0 m-1 mt-2 icon-3 btn border-0 dark:text-white dark:text-opacity-50 hover:text-primary hover:rotate-90 duration-150 transition-all"
183        type="button">
184        <i class="fa-light fa-xmark"></i>
185      </button>
186      <div class="row gx-5 col-match justify-between">
187        <div class="col-lg-8">
188          <div class="panel vstack gap-4 py-4">
189            <div class="panel vstack gap-4">
190              <div class="gap-narrow">
191                <h5 class="text-lg font-medium lg:mt-7 text-black">AI-Enabled HR Management System</h5>
192                <p class="text-sm text-gray-500">AI-Powered Automation </p>
193              </div>
194              <div class="row child-cols-6 gx-6">
195                <div class="vstack gap-3">
196                  <div>
197                    <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
198                      href='https://humanec.ai/employee-self-service-portal'>
199                      <span class="bg-gray-100 rounded-lg p-2">
200                        <img class="w-32px" src="https://humanec.ai/asset/images/HeaderImage/Mobile-Premium App-1.webp"
201                          alt="Employee Self-Service Portal | Mobile Attendance & Payroll App – Humanec"
202                          title="Mobile Premium App – Employee Self-Service Portal & HRMS">
203                      </span>
204                      <div class="panel">
205                        <span class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Mobile
206                          Premium App</span>
207                        <p class="text-xs text-gray-500">Automate attendance, payroll, and HR
208                          from anywhere.</p>
209                      </div>
210                    </a>
211                  </div>
212                  <div>
213                    <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
214                      href='https://humanec.ai/hrms-employee-management-system'>
215                      <span class="bg-gray-100 rounded-lg p-2">
216                        <img class="w-32px" src="https://humanec.ai/asset/images/HeaderImage/Humanec-Web.webp"
217                          alt="HRMS Software & Employee Management Dashboard – Humanec Web App"
218                          title="Web App – HRMS & Employee Management Software">
219                      </span>
220                      <div class="panel">
221                        <span class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
222                          Web App</span>
223                        <p class="text-xs text-gray-500">Automate attendance, payroll, and
224                          expenses effortlessly.</p>
225                      </div>
226                    </a>
227                  </div>
228                  <div>
229                    <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
230                      href='https://humanec.ai/ai-face-recognition-attendance-system'>
231                      <span class="bg-gray-100 rounded-lg p-2">
232                        <img class="w-32px" src="https://humanec.ai/asset/images/HeaderImage/Humanec-Eye.webp"
233                          alt="AI Face Recognition Attendance System | Real-Time Selfie Attendance App – Humanec Eye"
234                          title="Humanec Eye – AI Face Recognition Attendance Management">
235                      </span>
236                      <div class="panel">
237                        <span class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
238                          Eye</span>
239                        <p class="text-xs text-gray-500">AI Face Scan with Humanec Eye</p>
240                      </div>
241                    </a>
242                  </div>
243                  <div>
244                    <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
245                      href='https://humanec.ai/employee-tracking-app'>
246                      <span class="bg-gray-100 rounded-lg p-2">
247                        <img class="w-32px" src="https://humanec.ai/asset/images/HeaderImage/Humanec-Geo.webp"
248                          alt="Employee Tracking App | Real-Time GPS Tracking for Field Staff – Humanec Geo"
249                          title="Humanec Geo – Employee Tracking & GPS Management">
250                      </span>
251                      <div class="panel">
252                        <span class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
253                          Geo</span>
254                        <p class="text-xs text-gray-500">Track and manage field staff easily.
255                        </p>
256                      </div>
257                    </a>
258                  </div>
259                  <div>
260                    <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
261                      href='https://humanec.ai/visitor-management-system'>
262                      <span class="bg-gray-100 rounded-lg p-2">
263                        <img class="w-32px" src="https://humanec.ai/asset/images/HeaderImage/Humanec-Vistor.webp"
264                          alt="Visitor Management System | Smart Visitor Registration & Check-In Software – Humanec"
265                          title="Visitor App – Secure Visitor Management & Check-In System">
266                      </span>
267                      <div class="panel">
268                        <span class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
269                          Visitor App</span>
270                        <p class="text-xs text-gray-500">Secure your workplace with visitor
271                          pre-registration and tracking.</p>
272                      </div>
273                    </a>
274                  </div>
275                  <div>
276                    <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
277                      href='https://humanec.ai/humanec-pro-app'>
278                      <span class="bg-gray-100 rounded-lg p-2">
279                        <img class="w-32px" src="https://humanec.ai/asset/images/HeaderImage/Humanec-Pro.webp"
280                          alt="HRMS Software for Large Scale Industries – Humanec Pro"
281                          title="Humanec Pro – Enterprise HRMS Software">
282                      </span>
283                      <div class="panel">
284                        <span class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
285                          Pro</span>
286                        <p class="text-xs text-gray-500">HRMS for large scale Industries</p>
287                      </div>
288                    </a>
289                  </div>
290                </div>
291              </div>
292            </div>
293          </div>
294        </div>
295        <div class="col-lg-4">
296          <div class="row flex-row gap-2 p-5 bg-gray-25   lg:border-start">
297            <div class="col-6">
298              <h5 class="font-semibold text-sm mb-3 text-black">Get started is Easy!</h5>
299              <ul class="space-y-2 text-sm">
300
301                <li>
302                  <a class="text-black" href='https://humanec.ai/blogs'>Blog</a>
303                </li>
304                <li>
305                  <a class="text-black" href="https://humanec.ai/404">Resources</a>
306                </li>
307
308                <li>
309                  <a class="text-black" href='https://humanec.ai/404'>Help Center</a>
310                </li>
311                <li>
312                  <a class="text-black" href='https://humanec.ai/contact-us'>Contact us</a>
313                </li>
314
315              </ul>
316            </div>
317            <div class="col-6">
318              <h5 class="font-semibold text-sm mb-3 text-black">Our Resources</h5>
319              <ul class="space-y-2 text-sm">
320                <li>
321                  <a class="text-black" href='https://humanec.ai/terms-and-conditions'>Terms of
322                    service</a>
323                </li>
324                <li>
325                  <a class="text-black" href='https://humanec.ai/privacy-policy'>Privacy
326                    Policy</a>
327                </li>
328              </ul>
329            </div>
330          </div>
331        </div>
332      </div>
333    </div>
334  </div>
335
336    <!--  Contact modal -->
337    <div id="uc-contact-modal" data-uc-modal="overlay: true">
338        <div class="uc-modal-dialog lg:max-w-650px bg-secondary text-dark dark:bg-gray-800 dark:text-white rounded-1-5">
339            <button
340                class="uc-modal-close-default top-0 ltr:end-0 rtl:start-0 rtl:end-auto m-2 p-0 border-0 icon-2 lg:icon-3 btn btn-md dark:text-white transition-transform duration-150 hover:rotate-90"
341                type="button">
342                <i class="fa-light fa-xmark"></i>
343            </button>
344
345            <div class="panel vstack gap-2 md:gap-4 text-center">
346                <div class="panel cstack px-3 md:px-4 py-4 md:py-8 m-0 lg:mx-auto">
347                    <div class="panel vstack justify-center items-center gap-2 sm:gap-4 text-center">
348                        <h4 class="h5 lg:h4 m-0">Schedule your 15-minute demo now</h4>
349                        <div class="panel w-100 sm:w-350px md:w-500px mx-auto">
350
351
352                            <form id="demoForm" class="vstack gap-2">
353                                <div class="vstack lg:hstack gap-2">
354                                    <input
355                                        name="fname"
356                                        class="form-control h-48px w-100 md:w-1/2 bg-white dark:border-white dark:text-dark"
357                                        type="text" placeholder="First name*" required>
358                                    <input
359                                        name="lname"
360                                        class="form-control h-48px w-100 md:w-1/2 bg-white dark:border-white dark:text-dark"
361                                        type="text" placeholder="Last name*" required>
362                                </div>
363                                <div class="vstack lg:hstack gap-2">
364                                    <input
365                                        name="email"
366                                        class="form-control h-48px w-100 md:w-1/2 bg-white dark:border-white dark:text-dark"
367                                        type="email" placeholder="Your email*" required>
368                                    <input
369                                        name="phone"
370                                        class="form-control h-48px w-100 md:w-1/2 rtl:text-end bg-white dark:border-white dark:text-dark"
371                                        type="tel" placeholder="Phone number*" required>
372                                </div>
373                                <input
374                                    name="cname" 
375                                    class="form-control h-48px w-full bg-white dark:border-white dark:text-dark"
376                                    type="text" placeholder="Company name*" required>
377                                <textarea
378                                    name="msg"
379                                    class="form-control min-h-150px w-full bg-white dark:border-white dark:text-dark"
380                                    placeholder="Your message.."></textarea>
381                                <button class="btn btn-primary btn-md text-white mt-2" type="submit">Schedule my
382                                    demo</button>
383                                <p class="fs-7 opacity-70 mt-2 text-center">We’ll tailor your demo to your immediate
384                                    needs and answer all your questions. Get ready to see how it works!</p>
385                            </form>
386
387
388                        </div>
389                    </div>
390                </div>
391            </div>
392        </div>
393    </div>
394
395  <!--  Bottom Actions Sticky -->
396  <div class="backtotop-wrap position-fixed bottom-0 end-0 z-99 m-2 vstack">
397    <a class="btn btn-sm bg-primary text-white w-40px h-40px rounded-circle" href="to_top" data-uc-backtotop>
398      <i class="fa-light fa-arrow-up"></i>
399    </a>
400  </div>
401
402  <!-- Header start -->
403
404
405  <header class="head-shadow uc-header header-seven uc-navbar-sticky-wrap z-999"
406    data-uc-sticky="start: 100vh; show-on-up: true; animation: uc-animation-slide-top; sel-target: .uc-navbar-container; cls-active: uc-navbar-sticky; cls-inactive: uc-navbar-transparent; end: !*;">
407    <nav class="uc-navbar-container ft-tertiary z-1">
408      <div class="uc-navbar-main" style="--uc-nav-height: 64px">
409        <div class="container">
410          <div class="uc-navbar justify-between min-h-64px text-gray-900 dark:text-white"
411            data-uc-navbar=" animation: uc-animation-slide-top-small; duration: 150;">
412            <div class="uc-navbar-left">
413              <div class="uc-logo">
414                <a class='panel text-none' href="https://humanec.ai/" style='width: 250px'>
415                  <img class="dark:d-none" src="https://humanec.ai/asset/images/HeaderImage/Humanec Black.svg"
416                    alt="Humanec.ai Logo – Payroll Software for Small Business in India"
417                    title="Humanec.ai – Smart Payroll & HR Software Logo">
418                  <img class="d-none dark:d-block" src="https://humanec.ai/asset/images/HeaderImage/Humanec Black.svg"
419                    alt="Humanec.ai Logo – Payroll Software for Small Business in India"
420                    title="Humanec.ai – Smart Payroll & HR Software Logo">
421                </a>
422              </div>
423            </div>
424
425            <ul class="uc-navbar-nav gap-7 d-none lg:d-flex ltr:ms-2 rtl:me-2">
426              <li>
427                <a href="#">Products <span data-uc-navbar-parent-icon></span></a>
428                <div
429                  class="uc-dropbar uc-dropbar-top p-0 ft-primary text-unset fs-6 fw-normal hide-scrollbar border-top rounded-0 overflow-hidden shadow-xl bg-white dark:bg-gray-900"
430                  data-uc-drop=" offset: 0; boundary: true; stretch: x; animation: uc-animation-slide-top-small; animate-out: uc-animation-slide-top-small; duration: 150;">
431                  <div class="uc-dropbar-content">
432                    <div class="container">
433                      <div class="uc-dropbar-inner after-bg">
434                        <div class="row gx-5 col-match justify-between">
435                          <div class="col-8">
436                            <div class="panel vstack gap-4 py-4">
437                              <div class="panel vstack gap-4">
438                                <div class="gap-narrow">
439                                  <h5 class="text-lg font-medium lg:mt-7 text-black">
440                                    AI-Enabled HR
441                                    Management System</h5>
442                                  <p class="text-sm text-gray-500">AI-Powered
443                                    Automation
444                                  </p>
445                                </div>
446                                <div class="row child-cols-6 gx-6">
447                                  <div class="vstack gap-3">
448                                    <div>
449                                      <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
450                                        href='https://humanec.ai/employee-self-service-portal'>
451                                        <span class="bg-gray-100 rounded-lg p-2">
452                                          <img class="w-32px"
453                                            src="https://humanec.ai/asset/images/HeaderImage/Mobile-Premium App-1.webp"
454                                            alt="Employee Self-Service Portal | Mobile Attendance & Payroll App – Humanec"
455                                            title="Mobile Premium App – Employee Self-Service Portal & HRMS">
456                                        </span>
457                                        <div class="panel">
458                                          <span
459                                            class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Mobile
460                                            Premium App</span>
461                                          <p class="text-xs text-gray-500">
462                                            Automate attendance, payroll,
463                                            and HR from anywhere.</p>
464                                        </div>
465                                      </a>
466                                    </div>
467                                    <div>
468                                      <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
469                                        href='hrms-employee-management-system'>
470                                        <span class="bg-gray-100 rounded-lg p-2">
471                                          <img class="w-32px"
472                                            src="https://humanec.ai/asset/images/HeaderImage/Humanec-Web.webp"
473                                            alt="HRMS Software & Employee Management Dashboard – Humanec Web App"
474                                            title="Web App – HRMS & Employee Management Software">
475                                        </span>
476                                        <div class="panel">
477                                          <span
478                                            class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
479                                            Web App</span>
480                                          <p class="text-xs text-gray-500">
481                                            Automate attendance, payroll,
482                                            and expenses effortlessly.</p>
483                                        </div>
484                                      </a>
485                                    </div>
486                                    <div>
487                                      <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
488                                        href='https://humanec.ai/ai-face-recognition-attendance-system'>
489                                        <span class="bg-gray-100 rounded-lg p-2">
490                                          <img class="w-32px"
491                                            src="https://humanec.ai/asset/images/HeaderImage/Humanec-Eye.webp"
492                                            alt="AI Face Recognition Attendance System | Real-Time Selfie Attendance App – Humanec Eye"
493                                            title="Humanec Eye – AI Face Recognition Attendance Management">
494                                        </span>
495                                        <div class="panel">
496                                          <span
497                                            class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
498                                            Eye</span>
499                                          <p class="text-xs text-gray-500">AI
500                                            Face Scan with Humanec Eye</p>
501                                        </div>
502                                      </a>
503                                    </div>
504                                  </div>
505
506                                  <div class="vstack gap-3">
507
508                                    <div>
509                                      <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
510                                        href='https://humanec.ai/employee-tracking-app'>
511                                        <span class="bg-gray-100 rounded-lg p-2">
512                                          <img class="w-32px"
513                                            src="https://humanec.ai/asset/images/HeaderImage/Humanec-Geo.webp"
514                                            alt="Employee Tracking App | Real-Time GPS Tracking for Field Staff – Humanec Geo"
515                                            title="Humanec Geo – Employee Tracking & GPS Management">
516                                        </span>
517                                        <div class="panel">
518                                          <span
519                                            class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
520                                            Geo</span>
521                                          <p class="text-xs text-gray-500">
522                                            Track and manage field staff
523                                            easily.</p>
524                                        </div>
525                                      </a>
526                                    </div>
527                                    <div>
528                                      <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
529                                        href='https://humanec.ai/visitor-management-system'>
530                                        <span class="bg-gray-100 rounded-lg p-2">
531                                          <img class="w-32px"
532                                            src="https://humanec.ai/asset/images/HeaderImage/Humanec-Vistor.webp"
533                                            alt="Visitor Management System | Smart Visitor Registration & Check-In Software – Humanec"
534                                            title="Visitor App – Secure Visitor Management & Check-In System">
535                                        </span>
536                                        <div class="panel">
537                                          <span
538                                            class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
539                                            Visitor App</span>
540                                          <p class="text-xs text-gray-500">
541                                            Secure your workplace with
542                                            visitor pre-registration and
543                                            tracking.</p>
544                                        </div>
545                                      </a>
546                                    </div>
547                                    <div>
548                                      <a class='hstack items-start gap-2 text-none text-dark dark:text-white hover:text-primary dark:hover:text-tertiary'
549                                        href='https://humanec.ai/humanec-pro-app'>
550                                        <span class="bg-gray-100 rounded-lg p-2">
551                                          <img class="w-32px"
552                                            src="https://humanec.ai/asset/images/HeaderImage/Humanec-Pro.webp"
553                                            alt="HRMS Software for Large Scale Industries – Humanec Pro"
554                                            title="Humanec Pro – Enterprise HRMS Software">
555                                        </span>
556                                        <div class="panel">
557                                          <span
558                                            class="font-medium text-sm hover:cursor-pointer hover:text-primary-color">Humanec
559                                            Pro</span>
560                                          <p class="text-xs text-gray-500">
561                                            HRMS for large scale Industries
562                                          </p>
563                                        </div>
564                                      </a>
565                                    </div>
566
567
568                                  </div>
569                                </div>
570                              </div>
571                            </div>
572                          </div>
573                          <div class="col-4">
574                            <div class="panel vstack gap-4 p-5 bg-gray-25 dark:bg-gray-800 border-start">
575                              <div class="panel category-section">
576                                <h5 class="font-medium text-sm mb-3 text-black">Get
577                                  started is Easy!</h5>
578                                <ul class="space-y-2 text-sm">
579
580                                  <li>
581                                    <a href='https://humanec.ai/blogs'>Blog</a>
582                                  </li>
583                                  <li>
584                                    <a href="https://humanec.ai/404">Resources</a>
585                                  </li>
586
587                                  <li>
588                                    <a href='https://humanec.ai/404'>Help
589                                      Center</a>
590                                  </li>
591                                  <li>
592                                    <a href='https://humanec.ai/contact-us'>Contact
593                                      us</a>
594                                  </li>
595
596                                </ul>
597                              </div>
598                              <div class="panel category-section">
599                                <h5 class="font-medium text-sm mb-3 text-black">Our
600                                  Resources</h5>
601                                <ul class="space-y-2 text-sm">
602                                  <li>
603                                    <a href='https://humanec.ai/terms-and-conditions'>Terms
604                                      of
605                                      service</a>
606                                  </li>
607                                  <li>
608                                    <a href='https://humanec.ai/privacy-policy'>Privacy
609                                      Policy</a>
610                                  </li>
611                                </ul>
612                              </div>
613                            </div>
614                          </div>
615                        </div>
616                      </div>
617                    </div>
618                  </div>
619
620                </div>
621              </li>
622
623           
624
625
626            </ul>
627            <div class="uc-navbar-right  gap-3">
628              <ul class="nav-x d-none lg:d-flex">
629                <li><a target="_blank" href="https://lite.humanec.ai/#"> Login / SignUp</a></li>
630              </ul>
631              <a class='bg-primary-color hidden lg:block !text-white font-sans-serif  px-4 py-2 rounded-full font-light hover:cursor-pointer hover:!bg-black '
632                href='https://humanec.ai/contact-us'>Request Call back</a>
633              <a class="d-block lg:d-none" href="#uc-menu-panel" data-uc-navbar-toggle-icon data-uc-toggle></a>
634            </div>
635          </div>
636        </div>
637      </div>
638    </nav>
639  </header>
640
641
642  <section class="py-6 lg:py-9">
643    <div class="container">
644      <div class="grid grid-cols-1 md:grid-cols-2  items-center gap-4">
645        <div class="p-9 lg:order-2 order-1">
646          <figure>
647            <span
648              class="box-border inline-block overflow-hidden [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 relative max-w-full">
649              <span
650                class="box-border block [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 max-w-full">
651                <img src="https://humanec.ai/asset/images/HumanecGeoAssets/1.webp"
652                  class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0"
653                  alt="">
654              </span>
655            </span>
656          </figure>
657        </div>
658        <div class="text-center lg:text-start lg:order-1 order-2">
659          <h2 class="text-base text-uppercase mb-5">Real-time Location Intelligence </h2>
660          <h2 class=" text-5xl mb-5 md:mx-9 lg:mx-0 mt-1">See Your Team. In Real Time.</h2>
661          <div>
662            <p class="text-ld mb-4 md:px-10 lg:px-0">
663              Live GPS tracking for your workforce. Know where your employees are, build trust, and optimize operations with accurate location data. Zero fake locations. 100% accountability.
664            </p>
665          </div>
666          <a target="_blank" href="https://humanec.ai/contact-us" class="bg-[#159e6c] text-white font-semibold py-2 px-4 rounded-md hover:cursor-pointer hover:bg-black transition">
667              Request Callback
668          </a>
669          
670          
671        </div>
672      </div>
673    </div>
674  </section>
675  <section class="overflow-hidden">
676    <div class="divider text-soft-primary mx-n2">
677      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 100">
678        <path class="!fill-[#f6efea]"
679          d="M1260,1.65c-60-5.07-119.82,2.47-179.83,10.13s-120,11.48-180,9.57-120-7.66-180-6.42c-60,1.63-120,11.21-180,16a1129.52,1129.52,0,0,1-180,0c-60-4.78-120-14.36-180-19.14S60,7,30,7H0v93H1440V30.89C1380.07,23.2,1319.93,6.15,1260,1.65Z">
680        </path>
681      </svg>
682    </div>
683  </section>
684
685  <section class="bg-[#f6efea] py-9">
686    <div class="container py-7 md:py-10">
687      <h2 class=" text-3xl font-semibold text-black !mb-3 justify-center">Powerful Features for Field Teams</h2>
688      <p class="text-base font-normal leading-[20px] text-[#444444] mt-0    mb-10  ">Everything you need to manage your workforce efficiently</p>
689      <div class="grid grid-cols-1 md:grid-cols-2 lg:flex-col-reverse items-center gap-4 gy-10">
690        <div class="lg:p-4 p-3">
691          <div class="grid lg:grid-cols-10 grid-cols-4 gap-3">
692            <div class="col-span-2">
693              <figure>
694                <img src="https://humanec.ai/asset/images/HumanecGeoAssets/1.svg" alt="">
695              </figure>
696            </div>
697            <div class="col-span-8">
698              <h4 class="mb-3 text-xl font-medium">Monitor Multiple Employees Riding</h4>
699              <p class="text-[16px] font-normal leading-[20px] text-[#444444] mt-0 !mb-0">Track all field employees in real time with full visibility of their routes, speed, and activity.</p>
700            </div>
701          </div>
702        </div>
703        <div class="lg:p-4 p-3">
704          <div class="grid lg:grid-cols-10 grid-cols-4 gap-3">
705            <div class="col-span-2">
706              <figure>
707                <img src="https://humanec.ai/asset/images/HumanecGeoAssets/2.svg" alt="">
708              </figure>
709            </div>
710            <div class="col-span-8">
711              <h4 class="mb-3 text-xl font-medium">Check Timeline and validate fake location</h4>
712              <p class="text-[16px] font-normal leading-[20px] text-[#444444] mt-0 !mb-0">Review complete movement history to instantly identify suspicious or fake location activity.</p>
713            </div>
714          </div>
715        </div>
716        <div class="lg:p-4 p-3">
717          <div class="grid lg:grid-cols-10 grid-cols-4 gap-3">
718            <div class="col-span-2">
719              <figure>
720                <img src="https://humanec.ai/asset/images/HumanecGeoAssets/3.svg" alt="">
721              </figure>
722            </div>
723            <div class="col-span-8">
724              <h4 class="mb-3 text-xl font-medium">Get instant alerts when someone uses fake GPS location.</h4>
725              <p class="text-[16px] font-normal leading-[20px] text-[#444444] mt-0 !mb-0">Receive immediate alerts whenever fake GPS apps or spoofing attempts are detected.</p>
726            </div>
727          </div>
728        </div>
729        <div class="lg:p-4 p-3">
730          <div class="grid lg:grid-cols-10 grid-cols-4 gap-3">
731            <div class="col-span-2">
732              <figure>
733                <img src="https://humanec.ai/asset/images/HumanecGeoAssets/4.svg" alt="">
734              </figure>
735            </div>
736            <div class="col-span-8">
737              <h4 class="mb-3 text-xl font-medium">Geofence areas to exclude travel outside of assigned zones.</h4>
738              <p class="text-[16px] font-normal leading-[20px] text-[#444444] mt-0 !mb-0">Set virtual boundaries and get notified instantly when employees move outside assigned zones.</p>
739            </div>
740          </div>
741        </div>
742      </div>
743    </div>
744  </section>
745
746  <section class="bg-white py-10 xl:py-16">
747    <div class="container">
748      <div>
749        <!-- Live Tracking -->
750        <div class="flex flex-col lg:flex-row items-center justify-between gap-8 py-10">
751          <div class="w-full lg:w-1/2 order-2 lg:order-2">
752            <h3 class="text-[25.6px] font-medium">Live Tracking</h3>
753            <p class="text-gray-600 mb-6 mt-0 text-lg font-medium">
754              Stay connected with your team — wherever they are.
755            </p>
756            <ul class="space-y-3 pl-4">
757              <li class="flex items-start gap-2">
758                <div class="flex items-start gap-3 text-lg font-normal">
759                  <img alt="available" class="w-2 h-2 self-center"
760                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
761                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
762                    See real-time locations of all employees on a dynamic interactive map</span>
763                </div>
764              </li>
765              <li class="flex items-start gap-2">
766                <div class="flex items-start gap-3 text-lg font-normal">
767                  <img alt="available" class="w-2 h-2 self-center"
768                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
769                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
770                    Keep tabs on multiple employees simultaneously</span>
771                </div>
772              </li>
773              <li class="flex items-start gap-2">
774                <div class="flex items-start gap-3 text-lg font-normal">
775                  <img alt="available" class="w-2 h-2 self-center"
776                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
777                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
778                    Monitor battery levels of their devices in real time</span>
779                </div>
780              </li>
781              <li class="flex items-start gap-2">
782                <div class="flex items-start gap-3 text-lg font-normal">
783                  <img alt="available" class="w-2 h-2 self-center"
784                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
785                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
786                    Track trip-completion percentages at a glance</span>
787                </div>
788              </li>
789              <li class="flex items-start gap-2">
790                <div class="flex items-start gap-3 text-lg font-normal">
791                  <img alt="available" class="w-2 h-2 self-center"
792                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
793                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
794                    Stay in control with live GPS updates & movement history</span>
795                </div>
796              </li>
797              <li class="flex items-start gap-2">
798                <div class="flex items-start gap-3 text-lg font-normal">
799                  <img alt="available" class="w-2 h-2 self-center"
800                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
801                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
802                    Ensure field staff are where they need to be — anytime, anywhere</span>
803                </div>
804              </li>
805            </ul>
806          </div>
807          <div class="w-full lg:w-1/2 order-1 lg:order-1">
808            <figure class="rounded-2xl w-full">
809              <img src="https://humanec.ai/asset/images/HumanecGeoAssets/2.webp"
810                class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0" alt="">
811            </figure>
812          </div>
813        </div>
814        <!-- Live Tracking end -->
815        <!-- Timeline -->
816        <div class="flex flex-col lg:flex-row items-center justify-between gap-8 py-10">
817          <div class="w-full lg:w-1/2 order-2 lg:order-1">
818            <h3 class="text-[25.6px] font-medium">Timeline</h3>
819            <p class="text-gray-600 mb-6 mt-0 text-lg font-medium">
820              See where your team’s been — every move, every moment, all in one view.
821            </p>
822            <ul class="space-y-3 pl-4">
823              <li class="flex items-start gap-2">
824                <div class="flex items-start gap-3 text-lg font-normal">
825                  <img alt="available" class="w-2 h-2 self-center"
826                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
827                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
828                    Review detailed historical movement and activity logs — walking, driving, stops, and more</span>
829                </div>
830              </li>
831              <li class="flex items-start gap-2">
832                <div class="flex items-start gap-3 text-lg font-normal">
833                  <img alt="available" class="w-2 h-2 self-center"
834                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
835                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
836                    Visualize your team’s full journey history on a dynamic, interactive map</span>
837                </div>
838              </li>
839              <li class="flex items-start gap-2">
840                <div class="flex items-start gap-3 text-lg font-normal">
841                  <img alt="available" class="w-2 h-2 self-center"
842                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
843                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
844                    Get instant alerts for key events like GPS off, low battery, or inactivity</span>
845                </div>
846              </li>
847              <li class="flex items-start gap-2">
848                <div class="flex items-start gap-3 text-lg font-normal">
849                  <img alt="available" class="w-2 h-2 self-center"
850                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
851                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
852                    Real-time warnings ensure real-world reliability</span>
853                </div>
854              </li>
855              <li class="flex items-start gap-2">
856                <div class="flex items-start gap-3 text-lg font-normal">
857                  <img alt="available" class="w-2 h-2 self-center"
858                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
859                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
860                    From location tracking to power status — Humanec Geo keeps every detail covered</span>
861                </div>
862              </li>
863            </ul>
864          </div>
865          <div class="w-full lg:w-1/2 order-1 lg:order-2">
866            <figure class="rounded-2xl w-full">
867              <img src="https://humanec.ai/asset/images/HumanecGeoAssets/3.webp"
868                class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0" alt="">
869            </figure>
870          </div>
871        </div>
872        <!-- Timeline end -->.
873        <!-- Dashboard -->
874        <div class="flex flex-col lg:flex-row items-center justify-between gap-8 py-10">
875          <div class="w-full lg:w-1/2 order-2 lg:order-2">
876            <h3 class="text-[25.6px] font-medium">Dashboard</h3>
877            <p class="text-gray-600 mb-6 mt-0 text-lg font-medium">
878              Your entire workforce at a glance — simple, smart, and real-time.
879            </p>
880            <ul class="space-y-3 pl-4">
881              <li class="flex items-start gap-2">
882                <div class="flex items-start gap-3 text-lg font-normal">
883                  <img alt="available" class="w-2 h-2 self-center"
884                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
885                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
886                    Get a unified view of employees, tasks, and orders — all in one place</span>
887                </div>
888              </li>
889              <li class="flex items-start gap-2">
890                <div class="flex items-start gap-3 text-lg font-normal">
891                  <img alt="available" class="w-2 h-2 self-center"
892                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
893                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
894                    Spot your most active customers and track task completion live</span>
895                </div>
896              </li>
897              <li class="flex items-start gap-2">
898                <div class="flex items-start gap-3 text-lg font-normal">
899                  <img alt="available" class="w-2 h-2 self-center"
900                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
901                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
902                    Visualize task progress to balance workloads efficie
902ntly</span>
903                </div>
904              </li>
905              <li class="flex items-start gap-2">
906                <div class="flex items-start gap-3 text-lg font-normal">
907                  <img alt="available" class="w-2 h-2 self-center"
908                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
909                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
910                    Monitor every order from start to finish with clear insights</span>
911                </div>
912              </li>
913              <li class="flex items-start gap-2">
914                <div class="flex items-start gap-3 text-lg font-normal">
915                  <img alt="available" class="w-2 h-2 self-center"
916                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
917                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
918                    Track employee trips, battery status, and last known locations in real time</span>
919                </div>
920              </li> 
921            </ul>
922          </div>
923          <div class="w-full lg:w-1/2 order-1 lg:order-1">
924            <figure class="rounded-2xl w-full">
925              <img src="https://humanec.ai/asset/images/HumanecGeoAssets/4.webp"
926                class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0" alt="">
927            </figure>
928          </div>
929        </div>
930        <!-- Dashboard end -->
931        <!-- Dashboard -->
932        <div class="flex flex-col lg:flex-row items-center justify-between gap-8 py-10">
933          <div class="w-full lg:w-1/2 order-2 lg:order-1">
934            <h3 class="text-[25.6px] font-medium">Tasks</h3>
935            <p class="text-gray-600 mb-6 mt-0 text-lg font-medium">
936              From assignment to achievement — manage every task with ease.
937            </p>
938            <ul class="space-y-3 pl-4">
939              <li class="flex items-start gap-2">
940                <div class="flex items-start gap-3 text-lg font-normal">
941                  <img alt="available" class="w-2 h-2 self-center"
942                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
943                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
944                    Centralized hub to create, assign, and monitor staff tasks in real time</span>
945                </div>
946              </li>
947              <li class="flex items-start gap-2">
948                <div class="flex items-start gap-3 text-lg font-normal">
949                  <img alt="available" class="w-2 h-2 self-center"
950                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
951                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
952                    View, search, and filter tasks by date, employee, or status</span>
953                </div>
954              </li>
955              <li class="flex items-start gap-2">
956                <div class="flex items-start gap-3 text-lg font-normal">
957                  <img alt="available" class="w-2 h-2 self-center"
958                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
959                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
960                    Instantly see who’s working, what’s pending, and what’s completed</span>
961                </div>
962              </li>
963              <li class="flex items-start gap-2">
964                <div class="flex items-start gap-3 text-lg font-normal">
965                  <img alt="available" class="w-2 h-2 self-center"
966                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
967                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
968                    Every task links employee, customer, and assignment details clearly</span>
969                </div>
970              </li>
971              <li class="flex items-start gap-2">
972                <div class="flex items-start gap-3 text-lg font-normal">
973                  <img alt="available" class="w-2 h-2 self-center"
974                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
975                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
976                    Support for both Admin-assigned and Self-assigned tasks for flexibility</span>
977                </div>
978              </li>
979              <li class="flex items-start gap-2">
980                <div class="flex items-start gap-3 text-lg font-normal">
981                  <img alt="available" class="w-2 h-2 self-center"
982                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
983                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
984                    Edit, review, and track performance — all from one clean, interactive dashboard</span>
985                </div>
986              </li>
987            </ul>
988          </div>
989          <div class="w-full lg:w-1/2 order-1 lg:order-2">
990            <figure class="rounded-2xl w-full">
991              <img src="https://humanec.ai/asset/images/HumanecGeoAssets/5.webp"
992                class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0" alt="">
993            </figure>
994          </div>
995        </div>
996        <!-- Dashboard end -->
997        <!-- Orders -->
998        <div class="flex flex-col lg:flex-row items-center justify-between gap-8 py-10">
999          <div class="w-full lg:w-1/2 order-2 lg:order-2">
1000            <h3 class="text-[25.6px] font-medium">Orders</h3>
1001            <p class="text-gray-600 mb-6 mt-0 text-lg font-medium">
1002              From request to result — handle every order with confidence.
1003            </p>
1004            <ul class="space-y-3 pl-4">
1005              <li class="flex items-start gap-2">
1006                <div class="flex items-start gap-3 text-lg font-normal">
1007                  <img alt="available" class="w-2 h-2 self-center"
1008                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1009                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1010                    Smart, organized system to manage and monitor orders from start to finish</span>
1011                </div>
1012              </li>
1013              <li class="flex items-start gap-2">
1014                <div class="flex items-start gap-3 text-lg font-normal">
1015                  <img alt="available" class="w-2 h-2 self-center"
1016                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1017                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1018                    View and track all customer orders with real-time status updates</span>
1019                </div>
1020              </li>
1021              <li class="flex items-start gap-2">
1022                <div class="flex items-start gap-3 text-lg font-normal">
1023                  <img alt="available" class="w-2 h-2 self-center"
1024                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1025                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1026                    Manage products, inventory, and pricing details efficiently</span>
1027                </div>
1028              </li>
1029              <li class="flex items-start gap-2">
1030                <div class="flex items-start gap-3 text-lg font-normal">
1031                  <img alt="available" class="w-2 h-2 self-center"
1032                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1033                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1034                    Set custom approval rules, workflows, and order preferences</span>
1035                </div>
1036              </li>
1037              <li class="flex items-start gap-2">
1038                <div class="flex items-start gap-3 text-lg font-normal">
1039                  <img alt="available" class="w-2 h-2 self-center"
1040                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1041                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1042                    Generate detailed reports to analyze order history and performance</span>
1043                </div>
1044              </li>
1045              <li class="flex items-start gap-2">
1046                <div class="flex items-start gap-3 text-lg font-normal">
1047                  <img alt="available" class="w-2 h-2 self-center"
1048                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1049                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1050                    Get a clear dashboard view of order stats and business trends"</span>
1051                </div>
1052              </li> 
1053            </ul>
1054          </div>
1055          <div class="w-full lg:w-1/2 order-1 lg:order-1">
1056            <figure class="rounded-2xl w-full">
1057              <img src="https://humanec.ai/asset/images/HumanecGeoAssets/6.webp"
1058                class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0" alt="">
1059            </figure>
1060          </div>
1061        </div>
1062        <!-- Orders end -->
1063        <!-- Customer -->
1064        <div class="flex flex-col lg:flex-row items-center justify-between gap-8 py-10">
1065          <div class="w-full lg:w-1/2 order-2 lg:order-1">
1066            <h3 class="text-[25.6px] font-medium">Customer</h3>
1067            <p class="text-gray-600 mb-6 mt-0 text-lg font-medium">
1068              Effortless Customer Management for Every Team
1069            </p>
1070            <ul class="space-y-3 pl-4">
1071              <li class="flex items-start gap-2">
1072                <div class="flex items-start gap-3 text-lg font-normal">
1073                  <img alt="available" class="w-2 h-2 self-center"
1074                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1075                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1076                    Easily add and access customer details anytime, anywhere</span>
1077                </div>
1078              </li>
1079              <li class="flex items-start gap-2">
1080                <div class="flex items-start gap-3 text-lg font-normal">
1081                  <img alt="available" class="w-2 h-2 self-center"
1082                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1083                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1084                    Smart search & filters help find the right customer in seconds</span>
1085                </div>
1086              </li>
1087              <li class="flex items-start gap-2">
1088                <div class="flex items-start gap-3 text-lg font-normal">
1089                  <img alt="available" class="w-2 h-2 self-center"
1090                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1091                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1092                    Get instant insights for faster visits and smoother follow-ups</span>
1093                </div>
1094              </li>
1095              <li class="flex items-start gap-2">
1096                <div class="flex items-start gap-3 text-lg font-normal">
1097                  <img alt="available" class="w-2 h-2 self-center"
1098                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1099                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1100                    Seamlessly link customers to tasks for better tracking</span>
1101                </div>
1102              </li>
1103              <li class="flex items-start gap-2">
1104                <div class="flex items-start gap-3 text-lg font-normal">
1105                  <img alt="available" class="w-2 h-2 self-center"
1106                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1107                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1108                    Centralized customer database managed effortlessly by admins</span>
1109                </div>
1110              </li>
1111              <li class="flex items-start gap-2">
1112                <div class="flex items-start gap-3 text-lg font-normal">
1113                  <img alt="available" class="w-2 h-2 self-center"
1114                    src="https://humanec.ai/asset/images/CommonImage/available.webp" alt="Common Image"
1115                    title="Common Image" /><span class="hover:cursor-pointer text-gray-600 text-[17.6px] font-medium">
1116                    Assign customers to employees with clarity and complete control"</span>
1117                </div>
1118              </li>
1119            </ul>
1120          </div>
1121          <div class="w-full lg:w-1/2 order-1 lg:order-2">
1122            <figure class="rounded-2xl w-full">
1123              <img src="https://humanec.ai/asset/images/HumanecGeoAssets/7.webp"
1124                class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0" alt="">
1125            </figure>
1126          </div>
1127        </div>
1128        <!-- Customer end -->
1129      </div>
1130    </div>
1131    </div>
1132  </section>
1133
1134  <section class="py-9 hidden">
1135    <div class="container">
1136      <div class="grid grid-cols-1 md:grid-cols-2  items-center gap-4">
1137        <div class="p-9 ">
1138          <figure>
1139            <span
1140              class="box-border inline-block overflow-hidden [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 relative max-w-full">
1141              <span
1142                class="box-border block [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 max-w-full">
1143                <img src="image.png"
1144                  class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0"
1145                  alt="">
1146              </span>
1147            </span>
1148          </figure>
1149        </div>
1150        <div class="text-center lg:text-start ">
1151          <h2 class="text-base text-uppercase mb-5">Live Tracking </h2>
1152          <h2 class=" text-3xl mb-5 md:mx-9 lg:mx-0 mt-1">Stay connected with your team — wherever they are.</h2>
1153          <div>
1154            <p class="text-ld mb-4 md:px-10 lg:px-0">
1155              <i class="fa-solid fa-check text-lg mr-3"></i>See real-time locations of all employees on a dynamic
1156              interactive map
1157            </p>
1158            <p class="text-ld mb-4 md:px-10 lg:px-0">
1159              <i class="fa-solid fa-check text-lg mr-3"></i>Keep tabs on multiple employees simultaneously
1160            </p>
1161            <p class="text-ld mb-4 md:px-10 lg:px-0">
1162              <i class="fa-solid fa-check text-lg mr-3"></i>Monitor battery levels of their devices in real time
1163            </p>
1164            <p class="text-ld mb-4 md:px-10 lg:px-0">
1165              <i class="fa-solid fa-check text-lg mr-3"></i>Track trip-completion percentages at a glance
1166            </p>
1167            <p class="text-ld mb-4 md:px-10 lg:px-0">
1168              <i class="fa-solid fa-check text-lg mr-3"></i>Stay in control with live GPS updates & movement history
1169            </p>
1170            <p class="text-ld mb-4 md:px-10 lg:px-0">
1171              <i class="fa-solid fa-check text-lg mr-3"></i>Ensure field staff are where they need to be — anytime,
1172              anywhere
1173            </p>
1174          </div>
1175          <button
1176            class="px-4 lg:px-6 py-2 text-white bg-[#159e6c] hover:cursor-pointer hover:bg-black rounded-md text-sm lg:text-base">
1177            Get Free Trial
1178          </button>
1179        </div>
1180      </div>
1181    </div>
1182  </section>
1183  <section class="py-9 hidden">
1184    <div class="container">
1185      <div class="grid grid-cols-1 md:grid-cols-2  items-center gap-4">
1186        <div class="p-9 lg:order-2 order-1">
1187          <figure>
1188            <span
1189              class="box-border inline-block overflow-hidden [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 relative max-w-full">
1190              <span
1191                class="box-border block [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 max-w-full">
1192                <img src="image.png"
1193                  class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0"
1194                  alt="">
1195              </span>
1196            </span>
1197          </figure>
1198        </div>
1199        <div class="text-center lg:text-start lg:order-1 order-2">
1200          <h2 class="text-base text-uppercase mb-5">Timeline </h2>
1201          <h2 class=" text-3xl mb-5 md:mx-9 lg:mx-0 mt-1">See where your team’s been — every move, every moment, all in
1202            one view.</h2>
1203          <div>
1204            <p class="text-ld mb-4 md:px-10 lg:px-0">
1205              <i class="fa-solid fa-check text-lg mr-3"></i>Review detailed historical movement and activity logs —
1206              walking, driving, stops, and more
1207            </p>
1208            <p class="text-ld mb-4 md:px-10 lg:px-0">
1209              <i class="fa-solid fa-check text-lg mr-3"></i>Visualize your team’s full journey history on a dynamic,
1210              interactive map
1211            </p>
1212            <p class="text-ld mb-4 md:px-10 lg:px-0">
1213              <i class="fa-solid fa-check text-lg mr-3"></i>Get instant alerts for key events like GPS off, low battery,
1214              or inactivity
1215            </p>
1216            <p class="text-ld mb-4 md:px-10 lg:px-0">
1217              <i class="fa-solid fa-check text-lg mr-3"></i>Real-time warnings ensure real-world reliability
1218            </p>
1219            <p class="text-ld mb-4 md:px-10 lg:px-0">
1220              <i class="fa-solid fa-check text-lg mr-3"></i>From location tracking to power status — Humanec Geo keeps
1221              every detail covered
1222            </p>
1223          </div>
1224          <button
1225            class="px-4 lg:px-6 py-2 text-white bg-[#159e6c] hover:cursor-pointer hover:bg-black rounded-md text-sm lg:text-base">
1226            Get Free Trial
1227          </button>
1228        </div>
1229      </div>
1230    </div>
1231  </section>
1232  <section class="py-9 hidden">
1233    <div class="container">
1234      <div class="grid grid-cols-1 md:grid-cols-2  items-center gap-4">
1235        <div class="p-9 ">
1236          <figure>
1237            <span
1238              class="box-border inline-block overflow-hidden [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 relative max-w-full">
1239              <span
1240                class="box-border block [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 max-w-full">
1241                <img src="image.png"
1242                  class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0"
1243                  alt="">
1244              </span>
1245            </span>
1246          </figure>
1247        </div>
1248        <div class="text-center lg:text-start ">
1249          <h2 class="text-base text-uppercase mb-5">Dashboard </h2>
1250          <h2 class=" text-3xl mb-5 md:mx-9 lg:mx-0 mt-1">Your entire workforce at a glance — simple, smart, and
1251            real-time.</h2>
1252          <div>
1253            <p class="text-ld mb-4 md:px-10 lg:px-0">
1254              <i class="fa-solid fa-check text-lg mr-3"></i>Get a unified view of employees, tasks, and orders — all in
1255              one place
1256            </p>
1257            <p class="text-ld mb-4 md:px-10 lg:px-0">
1258              <i class="fa-solid fa-check text-lg mr-3"></i>Spot your most active customers and track task completion
1259              live
1260            </p>
1261            <p class="text-ld mb-4 md:px-10 lg:px-0">
1262              <i class="fa-solid fa-check text-lg mr-3"></i>Visualize task progress to balance workloads efficiently
1263            </p>
1264            <p class="text-ld mb-4 md:px-10 lg:px-0">
1265              <i class="fa-solid fa-check text-lg mr-3"></i>Monitor every order from start to finish with clear insights
1266            </p>
1267            <p class="text-ld mb-4 md:px-10 lg:px-0">
1268              <i class="fa-solid fa-check text-lg mr-3"></i>Track employee trips, battery status, and last known
1269              locations in real time
1270            </p>
1271          </div>
1272          <button
1273            class="px-4 lg:px-6 py-2 text-white bg-[#159e6c] hover:cursor-pointer hover:bg-black rounded-md text-sm lg:text-base">
1274            Get Free Trial
1275          </button>
1276        </div>
1277      </div>
1278    </div>
1279  </section>
1280  <section class="py-9 hidden">
1281    <div class="container">
1282      <div class="grid grid-cols-1 md:grid-cols-2  items-center gap-4">
1283        <div class="p-9 lg:order-2 order-1">
1284          <figure>
1285            <span
1286              class="box-border inline-block overflow-hidden [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 relative max-w-full">
1287              <span
1288                class="box-border block [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 max-w-full">
1289                <img src="image.png"
1290                  class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0"
1291                  alt="">
1292              </span>
1293            </span>
1294          </figure>
1295        </div>
1296        <div class="text-center lg:text-start lg:order-1 order-2">
1297          <h2 class="text-base text-uppercase mb-5">Task </h2>
1298          <h2 class=" text-3xl mb-5 md:mx-9 lg:mx-0 mt-1">From assignment to achievement — manage every task with ease.
1299          </h2>
1300          <div>
1301            <p class="text-ld mb-4 md:px-10 lg:px-0">
1302              <i class="fa-solid fa-check text-lg mr-3"></i>Centralized hub to create, assign, and monitor staff tasks
1303              in real time
1304            </p>
1305            <p class="text-ld mb-4 md:px-10 lg:px-0">
1306              <i class="fa-solid fa-check text-lg mr-3"></i>View, search, and filter tasks by date, employee, or status
1307            </p>
1308            <p class="text-ld mb-4 md:px-10 lg:px-0">
1309              <i class="fa-solid fa-check text-lg mr-3"></i>Instantly see who’s working, what’s pending, and what’s
1310              completed
1311            </p>
1312            <p class="text-ld mb-4 md:px-10 lg:px-0">
1313              <i class="fa-solid fa-check text-lg mr-3"></i>Every task links employee, customer, and assignment details
1314              clearly
1315            </p>
1316            <p class="text-ld mb-4 md:px-10 lg:px-0">
1317              <i class="fa-solid fa-check text-lg mr-3"></i>
1317Support for both Admin-assigned and Self-assigned tasks for
1318              flexibility
1319            </p>
1320            <p class="text-ld mb-4 md:px-10 lg:px-0">
1321              <i class="fa-solid fa-check text-lg mr-3"></i>Edit, review, and track performance — all from one clean,
1322              interactive dashboard
1323            </p>
1324          </div>
1325          <button
1326            class="px-4 lg:px-6 py-2 text-white bg-[#159e6c] hover:cursor-pointer hover:bg-black rounded-md text-sm lg:text-base">
1327            Get Free Trial
1328          </button>
1329        </div>
1330      </div>
1331    </div>
1332  </section>
1333  <section class="py-9 hidden">
1334    <div class="container">
1335      <div class="grid grid-cols-1 md:grid-cols-2  items-center gap-4">
1336        <div class="p-9 ">
1337          <figure>
1338            <span
1339              class="box-border inline-block overflow-hidden [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 relative max-w-full">
1340              <span
1341                class="box-border block [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 max-w-full">
1342                <img src="image.png"
1343                  class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0"
1344                  alt="">
1345              </span>
1346            </span>
1347          </figure>
1348        </div>
1349        <div class="text-center lg:text-start ">
1350          <h2 class="text-base text-uppercase mb-5">Orders </h2>
1351          <h2 class=" text-3xl mb-5 md:mx-9 lg:mx-0 mt-1">From request to result — handle every order with confidence.
1352          </h2>
1353          <div>
1354            <p class="text-ld mb-4 md:px-10 lg:px-0">
1355              <i class="fa-solid fa-check text-lg mr-3"></i>Smart, organized system to manage and monitor orders from
1356              start to finish
1357            </p>
1358            <p class="text-ld mb-4 md:px-10 lg:px-0">
1359              <i class="fa-solid fa-check text-lg mr-3"></i>View and track all customer orders with real-time status
1360              updates
1361            </p>
1362            <p class="text-ld mb-4 md:px-10 lg:px-0">
1363              <i class="fa-solid fa-check text-lg mr-3"></i>Manage products, inventory, and pricing details efficiently
1364            </p>
1365            <p class="text-ld mb-4 md:px-10 lg:px-0">
1366              <i class="fa-solid fa-check text-lg mr-3"></i>Set custom approval rules, workflows, and order preferences
1367            </p>
1368            <p class="text-ld mb-4 md:px-10 lg:px-0">
1369              <i class="fa-solid fa-check text-lg mr-3"></i>Generate detailed reports to analyze order history and
1370              performance
1371            </p>
1372            <p class="text-ld mb-4 md:px-10 lg:px-0">
1373              <i class="fa-solid fa-check text-lg mr-3"></i>Get a clear dashboard view of order stats and business
1374              trends
1375            </p>
1376          </div>
1377          <button
1378            class="px-4 lg:px-6 py-2 text-white bg-[#159e6c] hover:cursor-pointer hover:bg-black rounded-md text-sm lg:text-base">
1379            Get Free Trial
1380          </button>
1381        </div>
1382      </div>
1383    </div>
1384  </section>
1385  <section class="py-9 hidden">
1386    <div class="container">
1387      <div class="grid grid-cols-1 md:grid-cols-2  items-center gap-4">
1388        <div class="p-9 lg:order-2 order-1">
1389          <figure>
1390            <span
1391              class="box-border inline-block overflow-hidden [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 relative max-w-full">
1392              <span
1393                class="box-border block [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0 max-w-full">
1394                <img src="image.png"
1395                  class="block max-w-full [width:initial] [height:initial] bg-none opacity-100 border-[0] m-0 p-0"
1396                  alt="">
1397              </span>
1398            </span>
1399          </figure>
1400        </div>
1401        <div class="text-center lg:text-start lg:order-1 order-2">
1402          <h2 class="text-base text-uppercase mb-5">Customer </h2>
1403          <h2 class=" text-3xl mb-5 md:mx-9 lg:mx-0 mt-1">Lorem ipsum dolor sit, amet consectetur adipisicing elit.
1404            Numquam atque blanditiis voluptates.</h2>
1405          <div>
1406            <p class="text-ld mb-4 md:px-10 lg:px-0">
1407              <i class="fa-solid fa-check text-lg mr-3"></i>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
1408            </p>
1409            <p class="text-ld mb-4 md:px-10 lg:px-0">
1410              <i class="fa-solid fa-check text-lg mr-3"></i>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
1411            </p>
1412            <p class="text-ld mb-4 md:px-10 lg:px-0">
1413              <i class="fa-solid fa-check text-lg mr-3"></i>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
1414            </p>
1415            <p class="text-ld mb-4 md:px-10 lg:px-0">
1416              <i class="fa-solid fa-check text-lg mr-3"></i>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
1417            </p>
1418            <p class="text-ld mb-4 md:px-10 lg:px-0">
1419              <i class="fa-solid fa-check text-lg mr-3"></i>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
1420            </p>
1421            <p class="text-ld mb-4 md:px-10 lg:px-0">
1422              <i class="fa-solid fa-check text-lg mr-3"></i>Lorem ipsum dolor sit amet, consectetur adipisicing elit.
1423            </p>
1424          </div>
1425          <button
1426            class="px-4 lg:px-6 py-2 text-white bg-[#159e6c] hover:cursor-pointer hover:bg-black rounded-md text-sm lg:text-base">
1427            Get Free Trial
1428          </button>
1429        </div>
1430      </div>
1431    </div>
1432  </section>
1433  <section class="overflow-hidden">
1434    <div class="py-6 xl:py-9 lg:mx-2 mt-2 lg:rounded-2xl bg-[#f6efea] dark:bg-[#f6efea]">
1435      <div class="container mx-auto px-4">
1436        <div class="flex flex-col">
1437          <div
1438            class="flex flex-col items-center gap-4 mb-4 sm:mb-6 lg:mb-8 max-w-[600px] sm:max-w-[700px] xl:max-w-[800px] mx-auto text-center">
1439            <h2 class="text-[32px] font-medium m-0">Benefits</h2>
1440            <p class="text-[16.8px] mt-0 font-medium">
1441              Time Tracking, Data Insights &amp; Leave Management Made Easy
1442            </p>
1443          </div>
1444          <div class="flex flex-col gap-4 lg:gap-6 mt-6 lg:mt-8">
1445            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4">
1446              <div class="flex">
1447                <div
1448                  class="flex flex-col items-start justify-between gap-4 p-4 xl:p-6 min-h-[200px] border bg-white text-gray-900 rounded-xl shadow-sm w-full">
1449                  <div class="flex items-left w-full">
1450                    <img class="w-[110px]" alt="Ensure Field Workforce Safety" title="Ensure Field Workforce Safety"
1451                      src="https://humanec.ai/asset/images/HumanecGeoAssets/Benifits/Ensure-Field-Workforce-Safety.webp" />
1452                  </div>
1453                  <h3 class="text-[17.6px] font-medium m-0">
1454                    Ensure Field Workforce Safety
1455                  </h3>
1456                  <p class="text-base mt-0 font-medium">
1457                    Monitor the well-being of your remote employees with
1458                    real-time location tracking. Respond to emergencie
1458s
1459                    quickly and promote peace of mind.
1460                  </p>
1461                </div>
1462              </div>
1463              <div class="flex">
1464                <div
1465                  class="flex flex-col items-start justify-between gap-4 p-4 xl:p-6 min-h-[200px] border bg-white text-gray-900 rounded-xl shadow-sm w-full">
1466                  <div class="flex items-left w-full">
1467                    <img class="w-[110px]" alt="Optimize Route Planning" title="Optimize Route Planning"
1468                      src="https://humanec.ai/asset/images/HumanecGeoAssets/Benifits/Optimize-Route-Planning.webp" />
1469                  </div>
1470                  <h3 class="text-[17.6px] font-medium m-0">
1471                    Optimize Route Planning
1472                  </h3>
1473                  <p class="text-base mt-0 font-medium">
1474                    Streamline operations and improve efficiency with
1475                    real-time location data. Plan optimal routes for your
1476                    field workforce and boost productivity.
1477                  </p>
1478                </div>
1479              </div>
1480              <div class="flex">
1481                <div
1482                  class="flex flex-col items-start justify-between gap-4 p-4 xl:p-6 min-h-[200px] border bg-white text-gray-900 rounded-xl shadow-sm w-full">
1483                  <div class="flex items-left w-full">
1484                    <img class="w-[110px]" alt="Gain Valuable Workforce Insights"
1485                      title="Gain Valuable Workforce Insights"
1486                      src="https://humanec.ai/asset/images/HumanecGeoAssets/Benifits/Optimize-Route-Planning.webp" />
1487                  </div>
1488                  <h3 class="text-[17.6px] font-medium m-0">
1489                    Gain Valuable Workforce Insights
1490                  </h3>
1491                  <p class="text-base mt-0 font-medium">
1492                    Track work trends and identify areas for improvement with
1493                    comprehensive location data. Make data-driven decisions to
1494                    enhance your field operations.
1495                  </p>
1496                </div>
1497              </div>
1498            </div>
1499          </div>
1500        </div>
1501      </div>
1502    </div>
1503  </section>
1504  
1505  <section id="pre_cta" class="py-8 sm:py-8 xl:py-8 bg-white">
1506    <div class="container mx-auto px-4 relative">
1507      <div class="bg-[#f6efea] rounded-2xl p-6 md:p-8 lg:p-10 text-center">
1508        <div class="flex flex-col items-center max-w-5xl mx-auto">
1509          <h2 class="text-[25.6px] font-semibold text-gray-900">
1510            Ready to make employee management simple?
1511          </h2>
1512          <p class="text-[16.8px] font-medium text-gray-600 mt-0 mb-6">
1513            With Humanec, managing employee attendance, payroll, and salary
1514            compliance is easy. Let's get started!
1515          </p>
1516          <div class="flex flex-col sm:flex-row justify-center gap-3 lg:gap-4">
1517            <a href="https://play.google.com/store/apps/details?id=com.xira.humaneclite_app"
1518                            target="_blank"
1519                            class="border bg-[#159e6c] text-white font-semibold py-2 px-4 rounded-md hover:bg-black hover:cursor-pointer hover:text-white transition"
1520                            data-uc-toggle="target: #uc-contact-modal">Get
1521                            Free Demo</a><a
1522              class="px-4 py-2 bg-[#159e6c] text-white font-semibold rounded-lg hover:cursor-pointer hover:bg-black transition"
1523              href="https://humanec.ai/contact-us">Get Connect</a>
1524          </div>
1525        </div>
1526      </div>
1527    </div>
1528  </section>
1529
1530
1531  <footer class="bg-black py-10 lg:px-6 w-full">
1532    <div class="container mx-auto">
1533      <div class="flex flex-col md:flex-row justify-between gap-70">
1534        <div class="md:w-1/3"><a href="https://humanec.ai/"><img loading="lazy" alt="Logo" class="w-9/12 -mx-1 my-10"
1535              src="https://humanec.ai/asset/images/FooterImage/Humanec white.svg" alt="Humanec white"
1536              title="Humanec white"></a>
1537          <p class="text-sm text-white font-medium mt-4 mb-10">At Humanec, we believe that the people are at
1538            the heart of every organization.</p>
1539          <div class="flex space-x-4"><a href="https://play.google.com/store/apps/details?id=com.xira.humaneclite_app"
1540              target="_blank"><img loading="lazy" alt="Google Play" class="h-10"
1541                src="https://humanec.ai/asset/images/FooterImage/playstore.svg" alt="playstore" title="playstore"></a><a
1542              href="https://apps.apple.com/in/app/humanec-lite/id6608977998" target="_blank"><img loading="lazy"
1543                alt="App Store" class="h-10" src="https://humanec.ai/asset/images/FooterImage/appstore.svg"
1544                alt="appstore" title="appstore"></a>
1545          </div>
1546        </div>
1547        <div class="md:w-2/3 grid grid-cols-1 md:grid-cols-3 lg:ml-80">
1548          <div>
1549            <h3 class="text-lg font-semibold text-gray-400 mt-7 mb-4">QUICK LINK</h3>
1550            <ul class="space-y-2 text-sm">
1551              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1552                  href="https://humanec.ai/index">Home</a></li>
1553              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white" href="aboutus">About
1554                  us</a></li>
1555               <li><a class="hover:cursor-pointer hover:text-gray-400 text-white" href="book-a-demo">Book A Demo</a></li>
1556              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1557                  href="https://humanec.ai/contact-us">Contact us</a></li>
1558            </ul>
1559          </div>
1560          <div>
1561            <h3 class="text-lg font-semibold text-gray-400 mt-7 mb-4">PRODUCT</h3>
1562            <ul class="space-y-2 text-sm">
1563              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1564                  href="https://humanec.ai/employee-self-service-portal">Mobile Premium App</a>
1565              </li>
1566              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1567                  href="https://humanec.ai/hrms-employee-management-system">Web App</a></li>
1568              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1569                  href="https://humanec.ai/ai-face-recognition-attendance-system">Humanec EYE</a>
1570              </li>
1571              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1572                  href="https://humanec.ai/employee-tracking-app">Humanec Geo</a></li>
1573              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1574                  href="https://humanec.ai/visitor-management-system">Visitor App</a></li>
1575              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1576                  href="https://humanec.ai/humanec-pro-app">Humanec Pro App</a></li>
1577            </ul>
1578          </div>
1579          <div>
1580            <h3 class="text-lg font-semibold text-gray-400 mt-7 mb-4">RESOURCES</h3>
1581            <ul class="space-y-2 text-sm">
1582              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1583                  href="https://humanec.ai/blogs">Blog</a>
1584              </li>
1585              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white" href="https://humanec.ai/faq">FAQs</a>
1586              </li>
1587              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white"
1588                  href="https://humanec.ai/privacy-policy">Privacy Policy</a></li>
1589              <li><a class="hover:cursor-pointer hover:text-gray-400 text-white" href="https://humanec.ai/404">Payment
1590                  Policies</a></li>
1591            </ul>
1592          </div>
1593        </div>
1594      </div>
1595      <div class="mt-8 pt-6 border-t border-gray-700 flex flex-col md:flex-row justify-between items-center">
1596        <p class="text-sm text-white lg:order-1 order-2 mb-4 md:mb-0">© 2025, Humanec.ai All rights reserved.
1597        </p>
1598        <div class="flex items-center lg:order-2 order-1 space-x-4"><a href="https://www.linkedin.com/company/humanec/"
1599            target="_blank" class="text-white hover:cursor-pointer hover:text-gray-400"><svg class="w-5 h-5"
1600              fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1601              <path
1602                d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z">
1603              </path>
1604            </svg></a><a href="https://www.facebook.com/humanecAi/" target="_blank"
1605            class="text-white hover:cursor-pointer hover:text-gray-400"><svg class="w-5 h-5" fill="currentColor"
1606              viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1607              <path
1608                d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z">
1609              </path>
1610            </svg></a><a href="https://www.instagram.com/humanec.ai/" target="_blank"
1611            class="text-white hover:cursor-pointer hover:text-gray-400"><svg class="w-5 h-5" fill="currentColor"
1612              viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1613              <path fill-rule="evenodd" clip-rule="evenodd"
1614                d="M12 0C8.74 0 8.333.015 7.053.072 5.775.132 4.906.333 4.14.63c-.789.306-1.459.717-2.126 1.384S.936 3.236.63 4.025C.333 4.79.131 5.66.072 6.938.015 8.217 0 8.625 0 11.885v.23c0 3.26.015 3.667.072 4.947.059 1.277.261 2.147.558 2.912.306.789.717 1.459 1.384 2.126.667.666 1.336 1.077 2.125 1.384.766.297 1.636.499 2.913.558 1.28.057 1.687.072 4.947.072s3.667-.015 4.947-.072c1.277-.059 2.147-.261 2.912-.558.789-.306 1.459-.717 2.126-1.384.666-.667 1.077-1.336 1.384-2.125.297-.766.499-1.636.558-2.913.057-1.28.072-1.687.072-4.947v-.23c0-3.26-.015-3.667-.072-4.947-.059-1.277-.261-2.147-.558-2.912-.306-.789-.717-1.459-1.384-2.126C21.764.936 21.095.525 20.306.219 19.54-.078 18.67-.28 17.393-.339 16.113-.396 15.706-.411 12.446-.411L12 0zm0 5.838c-3.404 0-6.162 2.759-6.162 6.162s2.758 6.162 6.162 6.162 6.162-2.759 6.162-6.162-2.758-6.162-6.162-6.162zm0 10.162c-2.209 0-4-1.791-4-4s1.791-4 4-4 4 1.791 4 4-1.791 4-4 4zm6.406-11.845c-.796 0-1.441-.645-1.441-1.441s.645-1.441 1.441-1.441 1.441.645 1.441 1.441-.645 1.441-1.441 1.441z">
1615              </path>
1616            </svg></a><a href="" class="text-white hover:cursor-pointer hover:text-gray-400"><svg class="w-5 h-5"
1617              fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
1618              <path
1619                d="M23.498 6.186a2.977 2.977 0 0 0-2.094-2.105C19.584 3.5 12 3.5 12 3.5s-7.584 0-9.404.581a2.977 2.977 0 0 0-2.094 2.105C0 8.006 0 12 0 12s0 3.994.502 5.814a2.977 2.977 0 0 0 2.094 2.105C4.416 20.5 12 20.5 12 20.5s7.584 0 9.404-.581a2.977 2.977 0 0 0 2.094-2.105C24 15.994 24 12 24 12s0-3.994-.502-5.814zM9.6 15.6V8.4l6.4 3.6-6.4 3.6z">
1620              </path>
1621            </svg></a>
1622          <div class="h-6 w-px bg-gray-700"></div>
1623          <div class="flex items-center space-x-2"><img loading="lazy" alt="Earth Icon" class="h-4 w-4"
1624              src="https://humanec.ai/asset/images/FooterImage/earth.svg" alt="earth" title="earth"><span
1625              class="text-sm text-white">English</span>
1626          </div>
1627        </div>
1628      </div>
1629    </div>
1630  </footer>
1631  
1631<script src="https://humanec.ai/asset/js/libs/jquery.min.js"></script>
1631
1632  
1632<script src="https://humanec.ai/asset/js/libs/bootstrap.min.js"></script>
1632
1633  
1633<script src="https://humanec.ai/asset/js/libs/anime.min.js"></script>
1633
1634  
1634<script src="https://humanec.ai/asset/js/libs/swiper-bundle.min.js"></script>
1634
1635  
1635<script src="https://humanec.ai/asset/js/libs/scrollmagic.min.js"></script>
1635
1636  
1636<script src="https://humanec.ai/asset/js/libs/typed.min.js"></script>
1636
1637  
1637<script src="https://humanec.ai/asset/js/libs/tilt.min.js"></script>
1637
1638  
1638<script src="https://humanec.ai/asset/js/libs/split-type.min.js"></script>
1638
1639  
1639<script src="https://humanec.ai/asset/js/libs/prettify.min.js"></script>
1639
1640  
1640<script src="https://humanec.ai/asset/js/libs/gsap.min.js"></script>
1640
1641  
1641<script src="https://humanec.ai/asset/js/core/magic-cursor.js"></script>
1641
1642  
1642<script src="https://humanec.ai/asset/js/helpers/data-attr-helper.js"></script>
1642
1643  
1643<script src="https://humanec.ai/asset/js/helpers/swiper-helper.js"></script>
1643
1644  
1644<script src="https://humanec.ai/asset/js/helpers/splitype-helper.js"></script>
1644
1645  
1645<script src="https://humanec.ai/asset/js/helpers/anime-helper.js"></script>
1645
1646  
1646<script src="https://humanec.ai/asset/js/helpers/typed-helper.js"></script>
1646
1647  
1647<script src="https://humanec.ai/asset/js/helpers/tilt-helper.js"></script>
1647
1648  
1648<script src="https://humanec.ai/asset/js/core/marquee.js"></script>
1648
1649  
1649<script src="https://humanec.ai/asset/js/uikit-components-bs.js"></script>
1649
1650  
1650<script src="https://humanec.ai/asset/js/form.js"></script>
1650
1651  
1651<script src="https://humanec.ai/asset/js/app.js"></script>
1651
1652         
1652<script>
1653        document.getElementById("demoForm").addEventListener("submit", async function (e) {
1654            e.preventDefault(); // stop normal form submission
1655
1656            // Collect form data
1657            const formData = new FormData(this);
1658            // extra fields
1659            const staffsize = document.getElementById('staffsize').value.trim();
1660            const cat = "Enquiry Modal";
1661
1662            const payload = {
1663                fname: formData.get("fname") + " " + formData.get("lname"),
1664                lname: "Demo",
1665                email: formData.get("email"),
1666                phone: formData.get("phone"),
1667                cname: formData.get("cname"),
1668                msg: formData.get("msg") || "",
1669                staffsize: staffsize,
1670                cat: cat
1671            }
1672
1673            try {
1674                const response = await fetch("https://humanec.ai/LiteHRMS/api/Enquiry", {
1675                    method: "POST",
1676                    headers: {
1677                        "Content-Type": "application/json"
1678                    },
1679                    body: JSON.stringify(payload)
1680                });
1681
1682                if (!response.ok) {
1683                    throw new Error("Network response was not ok");
1684                }
1685
1686                const result = await response.json();
1687                window.location.reload();
1688                alert("✅ Demo request sent successfully!");
1689            } catch (error) {
1690                alert("❌ Failed to send demo request.");
1691            }
1692        });
1693    </script>
1693
1694</body>
1695
1696</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.