1<!doctype html> 2<html lang="en"> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 6
6<script type="text/javascript" src="https://embeds.iubenda.com/widgets/0048a49d-beac-45a8-9793-8f1079dd67ae.js"></script>
6 7 <link rel="preconnect" href="https://fonts.googleapis.com"> 8 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 9 <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
vendor: 69 bytes, lines 9-11
9 10 11 <script async src="https://www.googletagmanager.com/gtag/js?id=
11AW-1071948299
vendor: 16 bytes, lines 11-12
11"></script> 12
12<script> 13
vendor: 151 bytes, lines 13-16
13window.dataLayer = window.dataLayer || []; 14 function gtag(){dataLayer.push(arguments);} 15 gtag('js', new Date()); 16 gtag('config', '
16AW-1071948299
vendor: 8 bytes, lines 16-17
16'); 17
17</script>
17 18 19
19<script>
vendor: 384 bytes, lines 19-24
19 20 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 21 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 22 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 23 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 24 })(window,document,'script','dataLayer','
24GTM-58L822WV
vendor: 8 bytes, lines 24-25
24'); 25
25</script>
25 26 27
27<script async src=https://www.googletagmanager.com/gtag/js?id=G-4KZJ2XHGQB></script>
27 28
28<script>
vendor: 127 bytes, line 28
28window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
28G-4KZJ2XHGQB
vendor: 3 bytes, line 28
28');
28</script>
28 29 <title>Mobile Device Management Solutions: Charging trolleys and Smart Lockers</title> 30 31 32 <meta property="og:title" content="Mobile Device Management Solutions: Charging trolleys and Smart Lockers"> 33 34 <meta property="og:description" content="Discover LapSafe娉s innovative laptop charging trolleys and smart lockers, built to enhance productivity in education, business and healthcare."> 35 <meta name="description" content="Discover LapSafe娉s innovative laptop charging trolleys and smart lockers, built to enhance productivity in education, business and healthcare."> 36 37 38 <meta property="og:type" content="website"> 39 40 41 42 <meta property="og:image" content="https://lapsafe.ams3.digitaloceanspaces.com/open-graph/home-og.jpg"> 43 <meta property="og:url" content="https://www.lapsafe.com"> 44 <link rel="canonical" href="https://www.lapsafe.com"> 45 46 47 <meta name="twitter:card" content="summary_large_image"> 48 <meta name="twitter:title" content="Mobile Device Management Solutions: Charging trolleys and Smart Lockers"> <meta name="twitter:description" content="Discover LapSafe娉s innovative laptop charging trolleys and smart lockers, built to enhance productivity in education, business and healthcare."> <meta name="twitter:image" content="https://lapsafe.ams3.digitaloceanspaces.com/open-graph/home-og.jpg"> 49 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 50 <link rel="preload" as="style" href="https://www.lapsafe.com/build/assets/app-CtSlIU5N.css" /><link rel="stylesheet" href="https://www.lapsafe.com/build/assets/app-CtSlIU5N.css" data-navigate-track="reload" /> <link rel="modulepreload" as="script" href="https://www.lapsafe.com/build/assets/app-DHw3T2PR.js" />
50<script type="module" src="https://www.lapsafe.com/build/assets/app-DHw3T2PR.js" data-navigate-track="reload"></script>
50</head> 51<body>
vendor: 73 bytes, lines 51-53
51 52<noscript> 53 <iframe src="https://www.googletagmanager.com/ns.html?id=
53GTM-58L822WV
vendor: 85 bytes, lines 53-55
53" height="0" width="0" style="display:none;visibility:hidden"></iframe> 54</noscript> 55
56<header x-data="{ mobileMenuOpen: false }" class="fixed w-full isolate z-30 bg-white/80 shadow backdrop-blur-sm"> 57 <div> 58 <nav class="mx-auto flex max-w-7xl items-center justify-between p-6 lg:px-8" aria-label="Global"> 59 <div class="flex lg:flex-1"> 60 <a href="https://www.lapsafe.com" class="-m-1.5 p-1.5"> 61 <span class="sr-only">LapSafe™</span> 62 <img class="h-8 w-auto sm:h-10" src="https://lapsafe.ams3.digitaloceanspaces.com/static/logo.svg" 63 alt="LapSafe Logo"> 64 </a> 65 </div> 66 <div class="flex lg:hidden"> 67 <button 68 @click="mobileMenuOpen = !mobileMenuOpen" 69 type="button" 70 class="-m-2.5 inline-flex items-center justify-center rounded-md p-2.5 text-gray-700"> 71 <span class="sr-only">Open main menu</span> 72 <svg class="size-6" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" 73 aria-hidden="true" data-slot="icon"> 74 <path stroke-linecap="round" stroke-linejoin="round" 75 d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"/> 76 </svg> 77 </button> 78 </div> 79 <div class="hidden lg:flex lg:gap-x-12"> 80 <div 81 x-data="{ 82 id: $id('navigation-draw'), 83 open: false, 84 resetTimeout: null, 85 resetActivePanels() { 86 this.$dispatch('navigation-draw-closed', { id: this.id }) 87 }, 88 toggle() { 89 if (this.open) { 90 return this.close() 91 } 92 93 clearTimeout(this.resetTimeout) 94 this.resetActivePanels() 95 this.$dispatch('navigation-draw-open', { id: this.id }) 96 this.$refs.button.focus() 97 this.open = true 98 }, 99 100 close(focusAfter) { 101 if (! this.open) return 102 this.open = false 103 clearTimeout(this.resetTimeout) 104 this.resetTimeout = setTimeout(() => { 105 if (! this.open) { 106 this.resetActivePanels() 107 } 108 }, 150) 109 focusAfter && focusAfter.focus() 110 } 111 }" 112 x-on:navigation-draw-open.window="if ($event.detail.id !== id) close()" 113 x-on:keydown.escape.prevent.stop="close($refs.button)" 114 x-on:focusin.window="! $refs.panel.contains($event.target) && close()" 115 x-id="['dropdown-button', 'navigation-draw']" 116> 117 <button 118 type="button" 119 class="flex items-center gap-x-1 text-base font-medium text-gray-900" 120 x-ref="button" 121 x-on:click="toggle()" 122 :aria-expanded="open" 123 :aria-controls="$id('dropdown-button')" 124 > 125 Products 126 <svg 127 class="size-5 flex-none transition duration-200 ease-out" 128 :class="open ? 'rotate-0 text-pink-600' : '-rotate-90 text-gray-400'"
129 viewBox="0 0 20 20" 130 fill="currentColor" 131 aria-hidden="true" 132 data-slot="icon" 133 > 134 <path 135 fill-rule="evenodd" 136 d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" 137 clip-rule="evenodd" 138 /> 139 </svg> 140 </button> 141 142 <div 143 x-transition:enter="transform transition duration-480 ease-[cubic-bezier(0.22,1,0.36,1)]" 144 x-transition:enter-start="-translate-y-3 opacity-0" 145 x-transition:enter-end="translate-y-0 opacity-100" 146 x-transition:leave="transform transition duration-120 ease-in-out" 147 x-transition:leave-start="translate-y-0 opacity-100" 148 x-transition:leave-end="-translate-y-3 opacity-0" 149 x-ref="panel" 150 x-show="open" 151 x-on:click.outside="close($refs.button)" 152 :id="$id('dropdown-button')" 153 style="display: none;" 154 class="absolute inset-x-0 top-0 -z-10 overflow-hidden bg-white pt-14 shadow-lg ring-1 ring-gray-900/5 transform-gpu will-change-transform" 155 > 156 <div class="mx-auto max-w-7xl flex items-center justify-center gap-x-8 gap-y-10 px-6 py-10 lg:px-8"> 157 <div class="grid w-full grid-cols-7" x-data="{ activeProduct: 'onarken' }"> 158 159 <div class="flex flex-col gap-y-6"> 160 <div class="flex flex-col space-y-3"> 161 <span class="text-sm/50 font-light text-pink-600 leading-2"> 162 Platform 163 </span> 164 165 <button 166 type="button" 167 x-show="open" 168 x-on:click="activeProduct = 'onarken'" 169 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 170 x-transition:enter-start="opacity-0 -translate-x-4" 171 x-transition:enter-end="opacity-100 translate-x-0" 172 :aria-selected="activeProduct === 'onarken'" 173 style="display: none;" 174 class="transform-gpu text-left font-medium will-change-transform" 175 > 176 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 177 ONARKEN® 178 </span> 179 </button> 180</div> 181 182 <div class="flex flex-col space-y-3"> 183 <span class="text-sm/50 font-light text-pink-600 leading-2"> 184 Products 185 </span> 186 187 <button 188 type="button" 189 x-show="open" 190 x-on:click="activeProduct = 'smart_lockers'" 191 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 192 x-transition:enter-start="opacity-0 -translate-x-4" 193 x-transition:enter-end="opacity-100 translate-x-0" 194 :aria-selected="activeProduct === 'smart_lockers'" 195 style="display: none;" 196 class="transform-gpu text-left font-medium will-change-transform" 197 > 198 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 199 Smart Lockers 200 </span> 201 </button> 202 203 <button 204 type="button" 205 x-show="open" 206 x-on:click="activeProduct = 'smart_vending'" 207 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 208 x-transition:enter-start="opacity-0 -translate-x-4" 209 x-transition:enter-end="opacity-100 translate-x-0" 210 :aria-selected="activeProduct === 'smart_vending'" 211 style="display: none;" 212 class="transform-gpu text-left font-medium will-change-transform" 213 > 214 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 215 Smart Vending 216 </span> 217 </button> 218 219 <button 220 type="button" 221 x-show="open" 222 x-on:click="activeProduct = 'storage_charging'" 223 x-transition:enter="transition transform ease-out duration-500 delay-[325ms]" 224 x-transition:enter-start="opacity-0 -translate-x-4" 225 x-transition:enter-end="opacity-100 translate-x-0" 226 :aria-selected="activeProduct === 'storage_charging'" 227 style="display: none;" 228 class="transform-gpu text-left font-medium will-change-transform" 229 >
230 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 231 Storage & Charging 232 </span> 233 </button> 234</div> 235 </div> 236 237 <div class="ml-10 col-span-6"> 238 <div class="flex items-start"> 239 240 <div 241 class="ml-6 flex flex-wrap gap-3" 242 x-show="open && activeProduct === 'onarken'" 243 > 244 <a 245 href="https://www.lapsafe.com/onarken" 246 x-show="open && activeProduct === 'onarken'" 247 x-transition:enter="transition transform ease-out duration-500 delay-[225ms]" 248 x-transition:enter-start="opacity-0 -translate-x-4" 249 x-transition:enter-end="opacity-100 translate-x-0" 250 style="display: none;" 251 class="block transform-gpu will-change-transform" 252> 253 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 254 <p class="mx-2 font-light text-gray-800"> 255 ONARKEN® 256 </p> 257 </div> 258</a> 259 260 <a 261 href="https://www.lapsafe.com/ai-smart-lockers" 262 x-show="open && activeProduct === 'onarken'" 263 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 264 x-transition:enter-start="opacity-0 -translate-x-4" 265 x-transition:enter-end="opacity-100 translate-x-0" 266 style="display: none;" 267 class="block transform-gpu will-change-transform" 268> 269 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 270 <p class="mx-2 font-light text-gray-800"> 271 AI Smart Lockers 272 </p> 273 </div> 274</a> 275 </div> 276 </div> 277 278 <div class="flex items-start"> 279 <a 280 href="https://www.lapsafe.com/smart-lockers" 281 x-show="open && activeProduct === 'smart_lockers'" 282 x-transition:enter="transition transform ease-out duration-500 delay-100" 283 x-transition:enter-start="opacity-0 -translate-x-4" 284 x-transition:enter-end="opacity-100 translate-x-0" 285 style="display: none;" 286 class="block transform-gpu will-change-transform" 287> 288 <div class="flex h-42 min-w-[247px] flex-col rounded-sm bg-gray-50 p-2 transition duration-300 ease-out hover:bg-gray-100"> 289 <p class="font-medium text-gray-800"> 290 Smart Lockers 291 </p> 292 293 <div class="mt-2 flex flex-1 items-end justify-center"> 294 <div class="flex h-30 w-full rounded-sm items-center justify-center overflow-hidden"> 295 <img 296 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/959ac250-692b-4e9f-7674-8df8f537b600/w=200" 297 alt="Smart Lockers" 298 class="block h-full w-full object-cover" 299 loading="lazy" 300 aria-label="Navigation Item Image" 301 /> 302 </div> 303 </div> 304 </div> 305</a> 306 307 <div 308 class="ml-6 flex flex-wrap gap-3" 309 x-show="open && activeProduct === 'smart_lockers'" 310 > 311 <a 312 href="https://www.lapsafe.com/diplomat-pro" 313 x-show="open && activeProduct === 'smart_lockers'" 314 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 315 x-transition:enter-start="opacity-0 -translate-x-4" 316 x-transition:enter-end="opacity-100 translate-x-0" 317 style="display: none;" 318 class="block transform-gpu will-change-transform" 319> 320 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 321 <p class="mx-2 font-light text-gray-800"> 322 Diplomat Pro⢠323 </p> 324 </div> 325</a> 326 327 <a 328 href="https://www.lapsafe.com/sovran" 329 x-show="open && activeProduct === 'smart_lockers'"
330 x-transition:enter="transition transform ease-out duration-500 delay-[225ms]" 331 x-transition:enter-start="opacity-0 -translate-x-4" 332 x-transition:enter-end="opacity-100 translate-x-0" 333 style="display: none;" 334 class="block transform-gpu will-change-transform" 335> 336 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 337 <p class="mx-2 font-light text-gray-800"> 338 Sovran⢠339 </p> 340 </div> 341</a> 342 343 <a 344 href="https://www.lapsafe.com/envoy" 345 x-show="open && activeProduct === 'smart_lockers'" 346 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 347 x-transition:enter-start="opacity-0 -translate-x-4" 348 x-transition:enter-end="opacity-100 translate-x-0" 349 style="display: none;" 350 class="block transform-gpu will-change-transform" 351> 352 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 353 <p class="mx-2 font-light text-gray-800"> 354 Envoy⢠355 </p> 356 </div> 357</a> 358 359 <a 360 href="https://www.lapsafe.com/consul" 361 x-show="open && activeProduct === 'smart_lockers'" 362 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 363 x-transition:enter-start="opacity-0 -translate-x-4" 364 x-transition:enter-end="opacity-100 translate-x-0" 365 style="display: none;" 366 class="block transform-gpu will-change-transform" 367> 368 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 369 <p class="mx-2 font-light text-gray-800"> 370 Consul⢠371 </p> 372 </div> 373</a> 374 </div> 375 </div> 376 377 <div class="flex items-start"> 378 <a 379 href="https://www.lapsafe.com/vending" 380 x-show="open && activeProduct === 'smart_vending'" 381 x-transition:enter="transition transform ease-out duration-500 delay-100" 382 x-transition:enter-start="opacity-0 -translate-x-4" 383 x-transition:enter-end="opacity-100 translate-x-0" 384 style="display: none;" 385 class="block transform-gpu will-change-transform" 386> 387 <div class="flex h-42 min-w-[247px] flex-col rounded-sm bg-gray-50 p-2 transition duration-300 ease-out hover:bg-gray-100"> 388 <p class="font-medium text-gray-800"> 389 Smart Vending 390 </p> 391 392 <div class="mt-2 flex flex-1 items-end justify-center"> 393 <div class="flex h-30 w-full rounded-sm items-center justify-center overflow-hidden"> 394 <img 395 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/476d3cb5-ebb6-429e-1fa8-e7809476d800/w=200" 396 alt="Smart Vending" 397 class="block h-full w-full object-cover" 398 loading="lazy" 399 aria-label="Navigation Item Image" 400 /> 401 </div> 402 </div> 403 </div> 404</a> 405 406 <div 407 class="ml-6 flex flex-wrap gap-3" 408 x-show="open && activeProduct === 'smart_vending'" 409 > 410 <a 411 href="https://www.lapsafe.com/smart-v" 412 x-show="open && activeProduct === 'smart_vending'" 413 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 414 x-transition:enter-start="opacity-0 -translate-x-4" 415 x-transition:enter-end="opacity-100 translate-x-0" 416 style="display: none;" 417 class="block transform-gpu will-change-transform" 418> 419 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 420 <p class="mx-2 font-light text-gray-800"> 421 Smart-V⢠422 </p> 423 </div> 424</a> 425 426 <a 427 href="https://www.lapsafe.com/vending" 428 x-show="open && activeProduct === 'smart_vending'"
429 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 430 x-transition:enter-start="opacity-0 -translate-x-4" 431 x-transition:enter-end="opacity-100 translate-x-0" 432 style="display: none;" 433 class="block transform-gpu will-change-transform" 434> 435 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 436 <p class="mx-2 font-light text-gray-800"> 437 Smart Vending 438 </p> 439 </div> 440</a> 441 </div> 442 </div> 443 444 <div class="flex items-start"> 445 <a 446 href="https://www.lapsafe.com/storage-and-charging" 447 x-show="open && activeProduct === 'storage_charging'" 448 x-transition:enter="transition transform ease-out duration-500 delay-100" 449 x-transition:enter-start="opacity-0 -translate-x-4" 450 x-transition:enter-end="opacity-100 translate-x-0" 451 style="display: none;" 452 class="block transform-gpu will-change-transform" 453> 454 <div class="flex h-42 min-w-[247px] flex-col rounded-sm bg-gray-50 p-2 transition duration-300 ease-out hover:bg-gray-100"> 455 <p class="font-medium text-gray-800"> 456 Storage & Charging 457 </p> 458 459 <div class="mt-2 flex flex-1 items-end justify-center"> 460 <div class="flex h-30 w-full rounded-sm items-center justify-center overflow-hidden"> 461 <img 462 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/959ac250-692b-4e9f-7674-8df8f537b600/w=200" 463 alt="Storage & Charging" 464 class="block h-full w-full object-cover" 465 loading="lazy" 466 aria-label="Navigation Item Image" 467 /> 468 </div> 469 </div> 470 </div> 471</a> 472 473 <div 474 class="ml-6 flex flex-wrap gap-3" 475 x-show="open && activeProduct === 'storage_charging'" 476 > 477 <a 478 href="https://www.lapsafe.com/chargelite" 479 x-show="open && activeProduct === 'storage_charging'" 480 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 481 x-transition:enter-start="opacity-0 -translate-x-4" 482 x-transition:enter-end="opacity-100 translate-x-0" 483 style="display: none;" 484 class="block transform-gpu will-change-transform" 485> 486 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 487 <p class="mx-2 font-light text-gray-800"> 488 ChargeLite⢠Range 489 </p> 490 </div> 491</a> 492 493 <a 494 href="https://www.lapsafe.com/mentor" 495 x-show="open && activeProduct === 'storage_charging'" 496 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 497 x-transition:enter-start="opacity-0 -translate-x-4" 498 x-transition:enter-end="opacity-100 translate-x-0" 499 style="display: none;" 500 class="block transform-gpu will-change-transform" 501> 502 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 503 <p class="mx-2 font-light text-gray-800"> 504 Mentor⢠Range 505 </p> 506 </div> 507</a> 508 509 <a 510 href="https://www.lapsafe.com/diplomat-basic" 511 x-show="open && activeProduct === 'storage_charging'" 512 x-transition:enter="transition transform ease-out duration-500 delay-[225ms]" 513 x-transition:enter-start="opacity-0 -translate-x-4" 514 x-transition:enter-end="opacity-100 translate-x-0" 515 style="display: none;" 516 class="block transform-gpu will-change-transform" 517> 518 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 519 <p class="mx-2 font-light text-gray-800"> 520 Diplomat⢠Basic 521 </p> 522 </div> 523</a> 524 </div> 525 </div> 526 </div> 527 </div> 528 </div> 529 </div> 530</div> 531 532 <div 533 x-data="{ 534 id: $id('navigation-draw'), 535 open: false, 536 resetTimeout: null, 537 resetActivePanels() { 538 this.$dispatch('navigation-draw-closed', { id: this.id }) 539 }, 540 toggle() { 541 if (this.open) { 542 return this.close() 543 } 544 545 clearTimeout(this.resetTimeout) 546 this.resetActivePanels() 547 this.$dispatch('navigation-draw-open', { id: this.id }) 548 this.$refs.button.focus() 549 this.open = true 550 }, 551 552 close(focusAfter) { 553 if (! this.open) return 554 this.open = false 555 clearTimeout(this.resetTimeout) 556 this.resetTimeout = setTimeout(() => { 557 if (! this.open) { 558 this.resetActivePanels() 559 } 560 }, 150) 561 focusAfter && focusAfter.focus() 562 } 563 }" 564 x-on:navigation-draw-open.window="if ($event.detail.id !== id) close()" 565 x-on:keydown.escape.prevent.stop="close($refs.button)" 566 x-on:focusin.window="! $refs.panel.contains($event.target) && close()" 567 x-id="['dropdown-button', 'navigation-draw']" 568> 569 <button 570 type="button" 571 class="flex items-center gap-x-1 text-base font-medium text-gray-900" 572 x-ref="button" 573 x-on:click="toggle()" 574 :aria-expanded="open" 575 :aria-controls="$id('dropdown-button')" 576 > 577 Services 578 <svg 579 class="size-5 flex-none transition duration-200 ease-out" 580 :class="open ? 'rotate-0 text-pink-600' : '-rotate-90 text-gray-400'"
581 viewBox="0 0 20 20" 582 fill="currentColor" 583 aria-hidden="true" 584 data-slot="icon" 585 > 586 <path 587 fill-rule="evenodd" 588 d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" 589 clip-rule="evenodd" 590 /> 591 </svg> 592 </button> 593 594 <div 595 x-transition:enter="transform transition duration-480 ease-[cubic-bezier(0.22,1,0.36,1)]" 596 x-transition:enter-start="-translate-y-3 opacity-0" 597 x-transition:enter-end="translate-y-0 opacity-100" 598 x-transition:leave="transform transition duration-120 ease-in-out" 599 x-transition:leave-start="translate-y-0 opacity-100" 600 x-transition:leave-end="-translate-y-3 opacity-0" 601 x-ref="panel" 602 x-show="open" 603 x-on:click.outside="close($refs.button)" 604 :id="$id('dropdown-button')" 605 style="display: none;" 606 class="absolute inset-x-0 top-0 -z-10 overflow-hidden bg-white pt-14 shadow-lg ring-1 ring-gray-900/5 transform-gpu will-change-transform" 607 > 608 <div class="mx-auto max-w-7xl flex items-center justify-center gap-x-8 gap-y-10 px-6 py-10 lg:px-8"> 609 <div class="grid w-full grid-cols-7"> 610 611 <div class="flex flex-col gap-y-6"> 612 <div class="flex flex-col space-y-3"> 613 <span class="text-sm/50 font-light text-pink-600 leading-2"> 614 Services 615 </span> 616 617 <div 618 x-show="open" 619 x-transition:enter="transition transform ease-out duration-500 delay-100" 620 x-transition:enter-start="opacity-0 -translate-x-4" 621 x-transition:enter-end="opacity-100 translate-x-0" 622 style="display: none;" 623 class="transform-gpu will-change-transform" 624 > 625 <p class="font-medium text-gray-800"> 626 Services 627 </p> 628 </div> 629</div> 630 </div> 631 632 <div class="ml-10 col-span-6"> 633 <div class="flex w-full items-start"> 634 <div class="ml-6 flex flex-wrap gap-3"> 635 <a 636 href="https://www.lapsafe.com/smart-asset-management" 637 x-show="open" 638 x-transition:enter="transition transform ease-out duration-500 delay-[125ms]" 639 x-transition:enter-start="opacity-0 -translate-x-4" 640 x-transition:enter-end="opacity-100 translate-x-0" 641 style="display: none;" 642 class="block transform-gpu will-change-transform" 643> 644 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 645 <p class="mx-2 font-light text-gray-800"> 646 Smart Asset Management 647 </p> 648 </div> 649</a> 650 <a 651 href="https://www.lapsafe.com/it-service-desk" 652 x-show="open" 653 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 654 x-transition:enter-start="opacity-0 -translate-x-4" 655 x-transition:enter-end="opacity-100 translate-x-0" 656 style="display: none;" 657 class="block transform-gpu will-change-transform" 658> 659 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 660 <p class="mx-2 font-light text-gray-800"> 661 IT Service Desk 662 </p> 663 </div> 664</a> 665 <a 666 href="https://www.lapsafe.com/vending" 667 x-show="open" 668 x-transition:enter="transition transform ease-out duration-500 delay-[275ms]" 669 x-transition:enter-start="opacity-0 -translate-x-4" 670 x-transition:enter-end="opacity-100 translate-x-0" 671 style="display: none;" 672 class="block transform-gpu will-change-transform" 673> 674 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 675 <p class="mx-2 font-light text-gray-800"> 676 Smart Vending 677 </p> 678 </div> 679</a> 680 <a 681 href="https://www.lapsafe.com/loaning" 682 x-show="open"
683 x-transition:enter="transition transform ease-out duration-500 delay-[325ms]" 684 x-transition:enter-start="opacity-0 -translate-x-4" 685 x-transition:enter-end="opacity-100 translate-x-0" 686 style="display: none;" 687 class="block transform-gpu will-change-transform" 688> 689 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 690 <p class="mx-2 font-light text-gray-800"> 691 Loaning 692 </p> 693 </div> 694</a> 695 <a 696 href="https://www.lapsafe.com/drop-off-and-collection" 697 x-show="open" 698 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 699 x-transition:enter-start="opacity-0 -translate-x-4" 700 x-transition:enter-end="opacity-100 translate-x-0" 701 style="display: none;" 702 class="block transform-gpu will-change-transform" 703> 704 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 705 <p class="mx-2 font-light text-gray-800"> 706 Drop Off & Collection 707 </p> 708 </div> 709</a> 710 <a 711 href="https://www.lapsafe.com/personal-storage-lockers" 712 x-show="open" 713 x-transition:enter="transition transform ease-out duration-500 delay-[225ms]" 714 x-transition:enter-start="opacity-0 -translate-x-4" 715 x-transition:enter-end="opacity-100 translate-x-0" 716 style="display: none;" 717 class="block transform-gpu will-change-transform" 718> 719 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 720 <p class="mx-2 font-light text-gray-800"> 721 Personal Storage 722 </p> 723 </div> 724</a> 725 <a 726 href="https://www.lapsafe.com/storage-and-charging" 727 x-show="open" 728 x-transition:enter="transition transform ease-out duration-500 delay-[275ms]" 729 x-transition:enter-start="opacity-0 -translate-x-4" 730 x-transition:enter-end="opacity-100 translate-x-0" 731 style="display: none;" 732 class="block transform-gpu will-change-transform" 733> 734 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 735 <p class="mx-2 font-light text-gray-800"> 736 Storage & Charging 737 </p> 738 </div> 739</a> 740 </div> 741 </div> 742 </div> 743 </div> 744 </div> 745 </div> 746</div> 747 748 <div 749 x-data="{ 750 id: $id('navigation-draw'), 751 open: false, 752 resetTimeout: null, 753 resetActivePanels() { 754 this.$dispatch('navigation-draw-closed', { id: this.id }) 755 }, 756 toggle() { 757 if (this.open) { 758 return this.close() 759 } 760 761 clearTimeout(this.resetTimeout) 762 this.resetActivePanels() 763 this.$dispatch('navigation-draw-open', { id: this.id }) 764 this.$refs.button.focus() 765 this.open = true 766 }, 767 768 close(focusAfter) { 769 if (! this.open) return 770 this.open = false 771 clearTimeout(this.resetTimeout) 772 this.resetTimeout = setTimeout(() => { 773 if (! this.open) { 774 this.resetActivePanels() 775 } 776 }, 150) 777 focusAfter && focusAfter.focus() 778 } 779 }" 780 x-on:navigation-draw-open.window="if ($event.detail.id !== id) close()" 781 x-on:keydown.escape.prevent.stop="close($refs.button)" 782 x-on:focusin.window="! $refs.panel.contains($event.target) && close()" 783 x-id="['dropdown-button', 'navigation-draw']" 784> 785 <button 786 type="button" 787 class="flex items-center gap-x-1 text-base font-medium text-gray-900" 788 x-ref="button" 789 x-on:click="toggle()" 790 :aria-expanded="open" 791 :aria-controls="$id('dropdown-button')" 792 > 793 Industries 794 <svg 795 class="size-5 flex-none transition duration-200 ease-out" 796 :class="open ? 'rotate-0 text-pink-600' : '-rotate-90 text-gray-400'"
797 viewBox="0 0 20 20" 798 fill="currentColor" 799 aria-hidden="true" 800 data-slot="icon" 801 > 802 <path 803 fill-rule="evenodd" 804 d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" 805 clip-rule="evenodd" 806 /> 807 </svg> 808 </button> 809 810 <div 811 x-transition:enter="transform transition duration-480 ease-[cubic-bezier(0.22,1,0.36,1)]" 812 x-transition:enter-start="-translate-y-3 opacity-0" 813 x-transition:enter-end="translate-y-0 opacity-100" 814 x-transition:leave="transform transition duration-120 ease-in-out" 815 x-transition:leave-start="translate-y-0 opacity-100" 816 x-transition:leave-end="-translate-y-3 opacity-0" 817 x-ref="panel" 818 x-show="open" 819 x-on:click.outside="close($refs.button)" 820 :id="$id('dropdown-button')" 821 style="display: none;" 822 class="absolute inset-x-0 top-0 -z-10 overflow-hidden bg-white pt-14 shadow-lg ring-1 ring-gray-900/5 transform-gpu will-change-transform" 823 > 824 <div class="mx-auto max-w-7xl flex items-center justify-center gap-x-8 gap-y-10 px-6 py-10 lg:px-8"> 825 <div class="grid w-full grid-cols-7" x-data="{ activeProduct: 'education' }"> 826 827 <div class="flex flex-col gap-y-6"> 828 <div class="flex flex-col space-y-3"> 829 <span class="text-sm/50 font-light text-pink-600 leading-2"> 830 Industries 831 </span> 832 833 <button 834 type="button" 835 x-show="open" 836 x-on:click="activeProduct = 'education'" 837 x-transition:enter="transition transform ease-out duration-500 delay-100" 838 x-transition:enter-start="opacity-0 -translate-x-4" 839 x-transition:enter-end="opacity-100 translate-x-0" 840 :aria-selected="activeProduct === 'education'" 841 style="display: none;" 842 class="transform-gpu text-left font-medium will-change-transform" 843 > 844 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 845 Education 846 </span> 847 </button> 848 849 <button 850 type="button" 851 x-show="open" 852 x-on:click="activeProduct = 'public_sector'" 853 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 854 x-transition:enter-start="opacity-0 -translate-x-4" 855 x-transition:enter-end="opacity-100 translate-x-0" 856 :aria-selected="activeProduct === 'public_sector'" 857 style="display: none;" 858 class="transform-gpu text-left font-medium will-change-transform" 859 > 860 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 861 Public Sector 862 </span> 863 </button> 864 865 <button 866 type="button" 867 x-show="open" 868 x-on:click="activeProduct = 'it_management'" 869 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 870 x-transition:enter-start="opacity-0 -translate-x-4" 871 x-transition:enter-end="opacity-100 translate-x-0" 872 :aria-selected="activeProduct === 'it_management'" 873 style="display: none;" 874 class="transform-gpu text-left font-medium will-change-transform" 875 > 876 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 877 IT Management 878 </span> 879 </button> 880 881 <button 882 type="button" 883 x-show="open" 884 x-on:click="activeProduct = 'corporate'" 885 x-transition:enter="transition transform ease-out duration-500 delay-[275ms]" 886 x-transition:enter-start="opacity-0 -translate-x-4" 887 x-transition:enter-end="opacity-100 translate-x-0" 888 :aria-selected="activeProduct === 'corporate'" 889 style="display: none;" 890 class="transform-gpu text-left font-medium will-change-transform" 891 >
892 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 893 Corporate 894 </span> 895 </button> 896</div> 897 </div> 898 899 <div class="ml-10 col-span-6"> 900 <div class="flex w-full items-start"> 901 <div 902 class="ml-6 flex flex-1 flex-wrap gap-3" 903 x-show="open && activeProduct === 'education'" 904 > 905 <a 906 href="https://www.lapsafe.com/sectors/primary-education" 907 x-show="open && activeProduct === 'education'" 908 x-transition:enter="transition transform ease-out duration-500 delay-[125ms]" 909 x-transition:enter-start="opacity-0 -translate-x-4" 910 x-transition:enter-end="opacity-100 translate-x-0" 911 style="display: none;" 912 class="block transform-gpu will-change-transform" 913> 914 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 915 <p class="mx-2 font-light text-gray-800"> 916 Primary Schools 917 </p> 918 </div> 919</a> 920 921 <a 922 href="https://www.lapsafe.com/sectors/secondary-education" 923 x-show="open && activeProduct === 'education'" 924 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 925 x-transition:enter-start="opacity-0 -translate-x-4" 926 x-transition:enter-end="opacity-100 translate-x-0" 927 style="display: none;" 928 class="block transform-gpu will-change-transform" 929> 930 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 931 <p class="mx-2 font-light text-gray-800"> 932 Secondary Schools 933 </p> 934 </div> 935</a> 936 937 <a 938 href="https://www.lapsafe.com/sectors/college" 939 x-show="open && activeProduct === 'education'" 940 x-transition:enter="transition transform ease-out duration-500 delay-[225ms]" 941 x-transition:enter-start="opacity-0 -translate-x-4" 942 x-transition:enter-end="opacity-100 translate-x-0" 943 style="display: none;" 944 class="block transform-gpu will-change-transform" 945> 946 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 947 <p class="mx-2 font-light text-gray-800"> 948 Colleges & Sixth Forms 949 </p> 950 </div> 951</a> 952 953 <a 954 href="https://www.lapsafe.com/sectors/university" 955 x-show="open && activeProduct === 'education'" 956 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 957 x-transition:enter-start="opacity-0 -translate-x-4" 958 x-transition:enter-end="opacity-100 translate-x-0" 959 style="display: none;" 960 class="block transform-gpu will-change-transform" 961> 962 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 963 <p class="mx-2 font-light text-gray-800"> 964 Universities 965 </p> 966 </div> 967</a> 968 969 <a 970 href="https://www.lapsafe.com/sectors/multi-academy-trusts" 971 x-show="open && activeProduct === 'education'" 972 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 973 x-transition:enter-start="opacity-0 -translate-x-4" 974 x-transition:enter-end="opacity-100 translate-x-0" 975 style="display: none;" 976 class="block transform-gpu will-change-transform" 977> 978 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 979 <p class="mx-2 font-light text-gray-800"> 980 Multi Academy Trusts 981 </p> 982 </div> 983</a> 984 </div> 985 986 <div 987 class="ml-6 flex flex-1 flex-wrap gap-3" 988 x-show="open && activeProduct === 'public_sector'" 989 > 990 <a 991 href="https://www.lapsafe.com/sectors/mod" 992 x-show="open && activeProduct === 'public_sector'"
993 x-transition:enter="transition transform ease-out duration-500 delay-[125ms]" 994 x-transition:enter-start="opacity-0 -translate-x-4" 995 x-transition:enter-end="opacity-100 translate-x-0" 996 style="display: none;" 997 class="block transform-gpu will-change-transform" 998> 999 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1000 <p class="mx-2 font-light text-gray-800"> 1001 Defence & Security 1002 </p> 1003 </div> 1004</a> 1005 1006 <a 1007 href="https://www.lapsafe.com/sectors/healthcare" 1008 x-show="open && activeProduct === 'public_sector'" 1009 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 1010 x-transition:enter-start="opacity-0 -translate-x-4" 1011 x-transition:enter-end="opacity-100 translate-x-0" 1012 style="display: none;" 1013 class="block transform-gpu will-change-transform" 1014> 1015 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1016 <p class="mx-2 font-light text-gray-800"> 1017 Healthcare 1018 </p> 1019 </div> 1020</a> 1021 1022 <a 1023 href="https://www.lapsafe.com/sectors/emergency-services" 1024 x-show="open && activeProduct === 'public_sector'" 1025 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 1026 x-transition:enter-start="opacity-0 -translate-x-4" 1027 x-transition:enter-end="opacity-100 translate-x-0" 1028 style="display: none;" 1029 class="block transform-gpu will-change-transform" 1030> 1031 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1032 <p class="mx-2 font-light text-gray-800"> 1033 Emergency Services 1034 </p> 1035 </div> 1036</a> 1037 </div> 1038 1039 <div 1040 class="ml-6 flex flex-1 flex-wrap gap-3" 1041 x-show="open && activeProduct === 'it_management'" 1042 > 1043 <a 1044 href="https://www.lapsafe.com/sectors/managed-services" 1045 x-show="open && activeProduct === 'it_management'" 1046 x-transition:enter="transition transform ease-out duration-500 delay-[125ms]" 1047 x-transition:enter-start="opacity-0 -translate-x-4" 1048 x-transition:enter-end="opacity-100 translate-x-0" 1049 style="display: none;" 1050 class="block transform-gpu will-change-transform" 1051> 1052 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1053 <p class="mx-2 font-light text-gray-800"> 1054 Managed Services 1055 </p> 1056 </div> 1057</a> 1058 1059 <a 1060 href="https://www.lapsafe.com/smart-asset-management" 1061 x-show="open && activeProduct === 'it_management'" 1062 x-transition:enter="transition transform ease-out duration-500 delay-[125ms]" 1063 x-transition:enter-start="opacity-0 -translate-x-4" 1064 x-transition:enter-end="opacity-100 translate-x-0" 1065 style="display: none;" 1066 class="block transform-gpu will-change-transform" 1067> 1068 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1069 <p class="mx-2 font-light text-gray-800"> 1070 Smart Asset Management 1071 </p> 1072 </div> 1073</a> 1074 1075 <a 1076 href="https://www.lapsafe.com/it-service-desk" 1077 x-show="open && activeProduct === 'it_management'" 1078 x-transition:enter="transition transform ease-out duration-500 delay-[125ms]" 1079 x-transition:enter-start="opacity-0 -translate-x-4" 1080 x-transition:enter-end="opacity-100 translate-x-0" 1081 style="display: none;" 1082 class="block transform-gpu will-change-transform" 1083> 1084 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1085 <p class="mx-2 font-light text-gray-800"> 1086 IT Service Desk 1087 </p> 1088 </div> 1089</a> 1090 </div> 1091 1092 <div 1093 class="ml-6 flex flex-1 flex-wrap gap-3" 1094 x-show="open && activeProduct === 'corporate'" 1095 > 1096 <a 1097 href="https://www.lapsafe.com/sectors/industrial" 1098 x-show="open && activeProduct === 'corporate'"
1099 x-transition:enter="transition transform ease-out duration-500 delay-[125ms]" 1100 x-transition:enter-start="opacity-0 -translate-x-4" 1101 x-transition:enter-end="opacity-100 translate-x-0" 1102 style="display: none;" 1103 class="block transform-gpu will-change-transform" 1104> 1105 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1106 <p class="mx-2 font-light text-gray-800"> 1107 Manufacturing & Logistics 1108 </p> 1109 </div> 1110</a> 1111 1112 <a 1113 href="https://www.lapsafe.com/sectors/retail" 1114 x-show="open && activeProduct === 'corporate'" 1115 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 1116 x-transition:enter-start="opacity-0 -translate-x-4" 1117 x-transition:enter-end="opacity-100 translate-x-0" 1118 style="display: none;" 1119 class="block transform-gpu will-change-transform" 1120> 1121 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1122 <p class="mx-2 font-light text-gray-800"> 1123 Retail 1124 </p> 1125 </div> 1126</a> 1127 1128 <a 1129 href="https://www.lapsafe.com/sectors/aviation" 1130 x-show="open && activeProduct === 'corporate'" 1131 x-transition:enter="transition transform ease-out duration-500 delay-[225ms]" 1132 x-transition:enter-start="opacity-0 -translate-x-4" 1133 x-transition:enter-end="opacity-100 translate-x-0" 1134 style="display: none;" 1135 class="block transform-gpu will-change-transform" 1136> 1137 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1138 <p class="mx-2 font-light text-gray-800"> 1139 Aviation 1140 </p> 1141 </div> 1142</a> 1143 1144 <a 1145 href="https://www.lapsafe.com/sectors/hospitality" 1146 x-show="open && activeProduct === 'corporate'" 1147 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 1148 x-transition:enter-start="opacity-0 -translate-x-4" 1149 x-transition:enter-end="opacity-100 translate-x-0" 1150 style="display: none;" 1151 class="block transform-gpu will-change-transform" 1152> 1153 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1154 <p class="mx-2 font-light text-gray-800"> 1155 Hospitality 1156 </p> 1157 </div> 1158</a> 1159 1160 <a 1161 href="https://www.lapsafe.com/sectors/offices" 1162 x-show="open && activeProduct === 'corporate'" 1163 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 1164 x-transition:enter-start="opacity-0 -translate-x-4" 1165 x-transition:enter-end="opacity-100 translate-x-0" 1166 style="display: none;" 1167 class="block transform-gpu will-change-transform" 1168> 1169 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1170 <p class="mx-2 font-light text-gray-800"> 1171 Offices & Workplaces 1172 </p> 1173 </div> 1174</a> 1175 </div> 1176 </div> 1177 </div> 1178 </div> 1179 </div> 1180 </div> 1181</div> 1182 1183 <div 1184 x-data="{ 1185 id: $id('navigation-draw'), 1186 open: false, 1187 resetTimeout: null, 1188 resetActivePanels() { 1189 this.$dispatch('navigation-draw-closed', { id: this.id }) 1190 }, 1191 toggle() { 1192 if (this.open) { 1193 return this.close() 1194 } 1195 1196 clearTimeout(this.resetTimeout) 1197 this.resetActivePanels() 1198 this.$dispatch('navigation-draw-open', { id: this.id }) 1199 this.$refs.button.focus() 1200 this.open = true 1201 }, 1202 1203 close(focusAfter) { 1204 if (! this.open) return 1205 this.open = false 1206 clearTimeout(this.resetTimeout) 1207 this.resetTimeout = setTimeout(() => { 1208 if (! this.open) { 1209 this.resetActivePanels() 1210 } 1211 }, 150) 1212 focusAfter && focusAfter.focus() 1213 } 1214 }" 1215 x-on:navigation-draw-open.window="if ($event.detail.id !== id) close()" 1216 x-on:keydown.escape.prevent.stop="close($refs.button)" 1217 x-on:focusin.window="! $refs.panel.contains($event.target) && close()" 1218 x-id="['dropdown-button', 'navigation-draw']" 1219> 1220 <button 1221 type="button" 1222 class="flex items-center gap-x-1 text-base font-medium text-gray-900" 1223 x-ref="button" 1224 x-on:click="toggle()" 1225 :aria-expanded="open" 1226 :aria-controls="$id('dropdown-button')" 1227 > 1228 Resources 1229 <svg 1230 class="size-5 flex-none transition duration-200 ease-out" 1231 :class="open ? 'rotate-0 text-pink-600' : '-rotate-90 text-gray-400'"
1232 viewBox="0 0 20 20" 1233 fill="currentColor" 1234 aria-hidden="true" 1235 data-slot="icon" 1236 > 1237 <path 1238 fill-rule="evenodd" 1239 d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" 1240 clip-rule="evenodd" 1241 /> 1242 </svg> 1243 </button> 1244 1245 <div 1246 x-transition:enter="transform transition duration-480 ease-[cubic-bezier(0.22,1,0.36,1)]" 1247 x-transition:enter-start="-translate-y-3 opacity-0" 1248 x-transition:enter-end="translate-y-0 opacity-100" 1249 x-transition:leave="transform transition duration-120 ease-in-out" 1250 x-transition:leave-start="translate-y-0 opacity-100" 1251 x-transition:leave-end="-translate-y-3 opacity-0" 1252 x-ref="panel" 1253 x-show="open" 1254 x-on:click.outside="close($refs.button)" 1255 :id="$id('dropdown-button')" 1256 style="display: none;" 1257 class="absolute inset-x-0 top-0 -z-10 overflow-hidden bg-white pt-14 shadow-lg ring-1 ring-gray-900/5 transform-gpu will-change-transform" 1258 > 1259 <div class="mx-auto max-w-7xl flex items-center justify-center gap-x-8 gap-y-10 px-6 py-10 lg:px-8"> 1260 <div class="grid w-full grid-cols-7" x-data="{ activeProduct: 'resources' }"> 1261 1262 <div class="flex flex-col gap-y-6"> 1263 <div class="flex flex-col space-y-3"> 1264 <span class="text-sm/50 font-light text-pink-600 leading-2"> 1265 Resources 1266 </span> 1267 1268 <button 1269 type="button" 1270 x-show="open" 1271 x-on:click="activeProduct = 'resources'" 1272 x-transition:enter="transition transform ease-out duration-500 delay-100" 1273 x-transition:enter-start="opacity-0 -translate-x-4" 1274 x-transition:enter-end="opacity-100 translate-x-0" 1275 :aria-selected="activeProduct === 'resources'" 1276 style="display: none;" 1277 class="transform-gpu text-left font-medium will-change-transform" 1278 > 1279 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1280 Resources 1281 </span> 1282 </button> 1283 <button 1284 type="button" 1285 x-show="open" 1286 x-on:click="activeProduct = 'support'" 1287 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 1288 x-transition:enter-start="opacity-0 -translate-x-4" 1289 x-transition:enter-end="opacity-100 translate-x-0" 1290 :aria-selected="activeProduct === 'support'" 1291 style="display: none;" 1292 class="transform-gpu text-left font-medium will-change-transform" 1293 > 1294 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1295 Support 1296 </span> 1297 </button> 1298 <button 1299 type="button" 1300 x-show="open" 1301 x-on:click="activeProduct = 'about'" 1302 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 1303 x-transition:enter-start="opacity-0 -translate-x-4" 1304 x-transition:enter-end="opacity-100 translate-x-0" 1305 :aria-selected="activeProduct === 'about'" 1306 style="display: none;" 1307 class="transform-gpu text-left font-medium will-change-transform" 1308 > 1309 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1310 About 1311 </span> 1312 </button> 1313 <a 1314 href="https://www.lapsafe.com/press" 1315 x-show="open" 1316 x-transition:enter="transition transform ease-out duration-500 delay-[325ms]" 1317 x-transition:enter-start="opacity-0 -translate-x-4" 1318 x-transition:enter-end="opacity-100 translate-x-0" 1319 style="display: none;" 1320 class="block transform-gpu text-left font-medium will-change-transform" 1321 > 1322 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1323 Press 1324 </span> 1325 </a> 1326 <a 1327 href="https://www.lapsafe.com/faqs" 1328 x-show="open"
1329 x-transition:enter="transition transform ease-out duration-500 delay-[375ms]" 1330 x-transition:enter-start="opacity-0 -translate-x-4" 1331 x-transition:enter-end="opacity-100 translate-x-0" 1332 style="display: none;" 1333 class="block transform-gpu text-left font-medium will-change-transform" 1334 > 1335 <span class="inline-block text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1336 FAQs 1337 </span> 1338 </a> 1339</div> 1340 </div> 1341 1342 <div class="ml-10 col-span-6"> 1343 <div class="flex w-full items-start"> 1344 <a 1345 href="https://www.lapsafe.com/design-your-locker" 1346 x-show="open && activeProduct === 'resources'" 1347 x-transition:enter="transition transform ease-out duration-500 delay-100" 1348 x-transition:enter-start="opacity-0 -translate-x-4" 1349 x-transition:enter-end="opacity-100 translate-x-0" 1350 style="display: none;" 1351 class="block transform-gpu will-change-transform" 1352> 1353 <div class="flex h-42 min-w-[247px] flex-col rounded-sm bg-gray-50 p-2 transition duration-300 ease-out hover:bg-gray-100"> 1354 <p class="font-medium text-gray-800"> 1355 Build Your Smart Locker 1356 </p> 1357 1358 <div class="mt-2 flex flex-1 items-end justify-center"> 1359 <div class="flex h-30 w-full rounded-sm items-center justify-center overflow-hidden"> 1360 <img 1361 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/dcba9d33-75d8-4092-54a6-ebb70ccae800/w=200" 1362 alt="Build Your Smart Locker" 1363 class="block h-full w-full object-cover" 1364 loading="lazy" 1365 aria-label="Navigation Item Image" 1366 /> 1367 </div> 1368 </div> 1369 </div> 1370</a> 1371 1372 <div 1373 class="ml-6 flex flex-wrap gap-3" 1374 x-show="open && activeProduct === 'resources'" 1375 > 1376 <a 1377 href="https://www.lapsafe.com/category" 1378 x-show="open && activeProduct === 'resources'" 1379 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 1380 x-transition:enter-start="opacity-0 -translate-x-4" 1381 x-transition:enter-end="opacity-100 translate-x-0" 1382 style="display: none;" 1383 class="block transform-gpu will-change-transform" 1384> 1385 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1386 <p class="mx-2 font-light text-gray-800"> 1387 Blog 1388 </p> 1389 </div> 1390</a> 1391 1392 <a 1393 href="https://www.lapsafe.com/case-studies" 1394 x-show="open && activeProduct === 'resources'" 1395 x-transition:enter="transition transform ease-out duration-500 delay-[225ms]" 1396 x-transition:enter-start="opacity-0 -translate-x-4" 1397 x-transition:enter-end="opacity-100 translate-x-0" 1398 style="display: none;" 1399 class="block transform-gpu will-change-transform" 1400> 1401 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1402 <p class="mx-2 font-light text-gray-800"> 1403 Case Studies 1404 </p> 1405 </div> 1406</a> 1407 1408 <a 1409 href="https://www.lapsafe.com/exhibitions" 1410 x-show="open && activeProduct === 'resources'" 1411 x-transition:enter="transition transform ease-out duration-500 delay-[275ms]" 1412 x-transition:enter-start="opacity-0 -translate-x-4" 1413 x-transition:enter-end="opacity-100 translate-x-0" 1414 style="display: none;" 1415 class="block transform-gpu will-change-transform" 1416> 1417 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1418 <p class="mx-2 font-light text-gray-800"> 1419 Events 1420 </p> 1421 </div> 1422</a> 1423 1424 <a 1425 href="https://www.lapsafe.com/testimonials" 1426 x-show="open && activeProduct === 'resources'"
1427 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 1428 x-transition:enter-start="opacity-0 -translate-x-4" 1429 x-transition:enter-end="opacity-100 translate-x-0" 1430 style="display: none;" 1431 class="block transform-gpu will-change-transform" 1432> 1433 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1434 <p class="mx-2 font-light text-gray-800"> 1435 Testimonials 1436 </p> 1437 </div> 1438</a> 1439 <a 1440 href="https://www.lapsafe.com/gallery" 1441 x-show="open && activeProduct === 'resources'" 1442 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 1443 x-transition:enter-start="opacity-0 -translate-x-4" 1444 x-transition:enter-end="opacity-100 translate-x-0" 1445 style="display: none;" 1446 class="block transform-gpu will-change-transform" 1447> 1448 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1449 <p class="mx-2 font-light text-gray-800"> 1450 Gallery 1451 </p> 1452 </div> 1453</a> 1454 1455 <a 1456 href="https://www.lapsafe.com/brochures" 1457 x-show="open && activeProduct === 'resources'" 1458 x-transition:enter="transition transform ease-out duration-500 delay-[325ms]" 1459 x-transition:enter-start="opacity-0 -translate-x-4" 1460 x-transition:enter-end="opacity-100 translate-x-0" 1461 style="display: none;" 1462 class="block transform-gpu will-change-transform" 1463> 1464 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1465 <p class="mx-2 font-light text-gray-800"> 1466 Brochures 1467 </p> 1468 </div> 1469</a> 1470 </div> 1471 </div> 1472 1473 <div class="flex items-start"> 1474 <a 1475 href="https://www.lapsafe.com/support/keys" 1476 x-show="open && activeProduct === 'support'" 1477 x-transition:enter="transition transform ease-out duration-500 delay-100" 1478 x-transition:enter-start="opacity-0 -translate-x-4" 1479 x-transition:enter-end="opacity-100 translate-x-0" 1480 style="display: none;" 1481 class="block transform-gpu will-change-transform" 1482> 1483 <div class="flex h-42 min-w-[247px] flex-col rounded-sm bg-gray-50 p-2 transition duration-300 ease-out hover:bg-gray-100"> 1484 <p class="font-medium text-gray-800"> 1485 Replacement Keys 1486 </p> 1487 1488 <div class="mt-2 flex flex-1 items-end justify-center"> 1489 <div class="flex h-30 w-full rounded-sm items-center justify-center overflow-hidden"> 1490 <img 1491 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/6a93e0c5-4941-4ef2-6552-98bd3729b600/w=200" 1492 alt="Replacement Keys" 1493 class="block h-full w-full object-cover" 1494 loading="lazy" 1495 aria-label="Navigation Item Image" 1496 /> 1497 </div> 1498 </div> 1499 </div> 1500</a> 1501 1502 <div 1503 class="ml-6 flex flex-wrap gap-3" 1504 x-show="open && activeProduct === 'support'" 1505 > 1506 <a 1507 href="https://www.lapsafe.com/contact" 1508 x-show="open && activeProduct === 'support'" 1509 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 1510 x-transition:enter-start="opacity-0 -translate-x-4" 1511 x-transition:enter-end="opacity-100 translate-x-0" 1512 style="display: none;" 1513 class="block transform-gpu will-change-transform" 1514> 1515 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1516 <p class="mx-2 font-light text-gray-800"> 1517 Contact Us 1518 </p> 1519 </div> 1520</a> 1521 1522 <a 1523 href="https://support.lapsafe.com/hc/en-gb" 1524 x-show="open && activeProduct === 'support'"
1525 x-transition:enter="transition transform ease-out duration-500 delay-[225ms]" 1526 x-transition:enter-start="opacity-0 -translate-x-4" 1527 x-transition:enter-end="opacity-100 translate-x-0" 1528 style="display: none;" 1529 class="block transform-gpu will-change-transform" 1530> 1531 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1532 <p class="mx-2 font-light text-gray-800"> 1533 Knowledge Base 1534 </p> 1535 </div> 1536</a> 1537 1538 <a 1539 href="https://www.lapsafe.com/nps" 1540 x-show="open && activeProduct === 'support'" 1541 x-transition:enter="transition transform ease-out duration-500 delay-[250ms]" 1542 x-transition:enter-start="opacity-0 -translate-x-4" 1543 x-transition:enter-end="opacity-100 translate-x-0" 1544 style="display: none;" 1545 class="block transform-gpu will-change-transform" 1546> 1547 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1548 <p class="mx-2 font-light text-gray-800"> 1549 NPS Score 1550 </p> 1551 </div> 1552</a> 1553 1554 <a 1555 href="https://www.lapsafe.com/warranty" 1556 x-show="open && activeProduct === 'support'" 1557 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 1558 x-transition:enter-start="opacity-0 -translate-x-4" 1559 x-transition:enter-end="opacity-100 translate-x-0" 1560 style="display: none;" 1561 class="block transform-gpu will-change-transform" 1562> 1563 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1564 <p class="mx-2 font-light text-gray-800"> 1565 Warranty 1566 </p> 1567 </div> 1568</a> 1569 </div> 1570 </div> 1571 1572 <div class="flex items-start"> 1573 <a 1574 href="https://www.lapsafe.com/about" 1575 x-show="open && activeProduct === 'about'" 1576 x-transition:enter="transition transform ease-out duration-500 delay-100" 1577 x-transition:enter-start="opacity-0 -translate-x-4" 1578 x-transition:enter-end="opacity-100 translate-x-0" 1579 style="display: none;" 1580 class="block transform-gpu will-change-transform" 1581> 1582 <div class="flex h-42 min-w-[247px] flex-col rounded-sm bg-gray-50 p-2 transition duration-300 ease-out hover:bg-gray-100"> 1583 <p class="font-medium text-gray-800"> 1584 About LapSafe 1585 </p> 1586 1587 <div class="mt-2 flex flex-1 items-end justify-center"> 1588 <div class="flex h-30 w-full rounded-sm items-center justify-center overflow-hidden"> 1589 <img 1590 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/95d8c3fe-cf13
1590-49de-134e-fb7942c68100/w=200" 1591 alt="About LapSafe" 1592 class="block h-full w-full object-cover" 1593 loading="lazy" 1594 aria-label="Navigation Item Image" 1595 /> 1596 </div> 1597 </div> 1598 </div> 1599</a> 1600 1601 <div 1602 class="ml-6 flex flex-wrap gap-3" 1603 x-show="open && activeProduct === 'about'" 1604 > 1605 <a 1606 href="https://www.lapsafe.com/certifications" 1607 x-show="open && activeProduct === 'about'" 1608 x-transition:enter="transition transform ease-out duration-500 delay-[150ms]" 1609 x-transition:enter-start="opacity-0 -translate-x-4" 1610 x-transition:enter-end="opacity-100 translate-x-0" 1611 style="display: none;" 1612 class="block transform-gpu will-change-transform" 1613> 1614 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1615 <p class="mx-2 font-light text-gray-800"> 1616 Certificates 1617 </p> 1618 </div> 1619</a> 1620 1621 <a 1622 href="https://www.lapsafe.com/awards" 1623 x-show="open && activeProduct === 'about'" 1624 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 1625 x-transition:enter-start="opacity-0 -translate-x-4" 1626 x-transition:enter-end="opacity-100 translate-x-0" 1627 style="display: none;" 1628 class="block transform-gpu will-change-transform" 1629> 1630 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1631 <p class="mx-2 font-light text-gray-800"> 1632 Awards 1633 </p> 1634 </div> 1635</a> 1636 1637 <a 1638 href="https://www.lapsafe.com/policies" 1639 x-show="open && activeProduct === 'about'" 1640 x-transition:enter="transition transform ease-out duration-500 delay-[175ms]" 1641 x-transition:enter-start="opacity-0 -translate-x-4" 1642 x-transition:enter-end="opacity-100 translate-x-0" 1643 style="display: none;" 1644 class="block transform-gpu will-change-transform" 1645> 1646 <div class="flex h-12 min-w-[235px] items-center rounded-sm bg-gray-50 transition duration-300 ease-out hover:bg-gray-100"> 1647 <p class="mx-2 font-light text-gray-800"> 1648 Policies 1649 </p> 1650 </div> 1651</a> 1652 </div> 1653 </div> 1654 </div> 1655 </div> 1656 </div> 1657 </div> 1658</div> 1659 1660 </div> 1661 <div class="hidden lg:flex items-center justify-end md:flex-1 lg:w-0"> 1662 <a href="https://www.lapsafe.com/contact" 1663 class="inline-flex items-center justify-center px-5 py-3 text-base font-medium rounded-md text-white bg-pink-600 transition duration-200 ease-in-out hover:bg-pink-700"> 1664 Contact Us 1665</a> 1666 </div> 1667 </nav> 1668 <!-- Mobile menu, show/hide based on menu open state. --> 1669 <template x-teleport="body"> 1670 <div 1671 x-data="{ activeMobileSection: null }" 1672 x-init="$watch('mobileMenuOpen', value => { if (! value) activeMobileSection = null })" 1673 x-show="mobileMenuOpen" 1674 x-transition:enter="transform transition ease-out duration-[400ms]" 1675 x-transition:enter-start="translate-x-full" 1676 x-transition:enter-end="translate-x-0" 1677 x-transition:leave="transform transition ease-in duration-[400ms]" 1678 x-transition:leave-start="translate-x-0" 1679 x-transition:leave-end="translate-x-full" 1680 style="display: none;" 1681 class="fixed inset-0 z-50 overflow-hidden bg-white lg:hidden" 1682 > 1683 <div class="relative min-h-dvh overflow-hidden bg-white"> 1684 <div class="min-h-dvh overflow-y-auto bg-white divide-y-2 divide-gray-50"> 1685 <div class="pt-5 pb-6 px-5"> 1686 <div class="flex items-center justify-between"> 1687 <div> 1688 <img class="h-8 w-auto" src="https://lapsafe.ams3.digitaloceanspaces.com/static/logo.svg" alt="LapSafe Logo"> 1689 </div> 1690 <div class="-mr-2"> 1691 <div class="lg:hidden"> 1692 <button 1693 @click="mobileMenuOpen = false" 1694 type="button" 1695 class="relative z-50 inline-flex size-11 items-center justify-center rounded-md text-gray-700 hover:bg-gray-100 hover:text-pink-600 focus:outline-none" 1696 >
1697 <span class="sr-only">Close menu</span> 1698 <svg class="h-6 w-6" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 1699 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"/> 1700 </svg> 1701 </button> 1702 </div> 1703 </div> 1704 </div> 1705 1706 <div class="mt-8 flow-root"> 1707 <div class="space-y-4"> 1708 <div class="border-b border-b-gray-800/20"> 1709 <button 1710 type="button" 1711 x-on:click="activeMobileSection = 'products'" 1712 class="flex w-full items-center justify-between gap-4 pb-4 text-left text-xl text-fine text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1 hover:text-gray-900" 1713 > 1714 <span>Products</span> 1715 1716 <svg class="size-5 shrink-0 text-gray-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1717 <path 1718 fill-rule="evenodd" 1719 d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" 1720 clip-rule="evenodd" 1721 /> 1722 </svg> 1723 </button> 1724</div> 1725 <div class="border-b border-b-gray-800/20"> 1726 <button 1727 type="button" 1728 x-on:click="activeMobileSection = 'industries'" 1729 class="flex w-full items-center justify-between gap-4 pb-4 text-left text-xl text-fine text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1 hover:text-gray-900" 1730 > 1731 <span>Industries</span> 1732 1733 <svg class="size-5 shrink-0 text-gray-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1734 <path 1735 fill-rule="evenodd" 1736 d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" 1737 clip-rule="evenodd" 1738 /> 1739 </svg> 1740 </button> 1741</div> 1742 <div class="border-b border-b-gray-800/20"> 1743 <button 1744 type="button" 1745 x-on:click="activeMobileSection = 'services'" 1746 class="flex w-full items-center justify-between gap-4 pb-4 text-left text-xl text-fine text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1 hover:text-gray-900" 1747 > 1748 <span>Services</span> 1749 1750 <svg class="size-5 shrink-0 text-gray-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1751 <path 1752 fill-rule="evenodd" 1753 d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" 1754 clip-rule="evenodd" 1755 /> 1756 </svg> 1757 </button> 1758</div> 1759 <div class="border-b border-b-gray-800/20"> 1760 <button 1761 type="button" 1762 x-on:click="activeMobileSection = 'resources'" 1763 class="flex w-full items-center justify-between gap-4 pb-4 text-left text-xl text-fine text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1 hover:text-gray-900" 1764 > 1765 <span>Resources</span> 1766 1767 <svg class="size-5 shrink-0 text-gray-500" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1768 <path 1769 fill-rule="evenodd" 1770 d="M8.22 5.22a.75.75 0 0 1 1.06 0l4.25 4.25a.75.75 0 0 1 0 1.06l-4.25 4.25a.75.75 0 0 1-1.06-1.06L11.94 10 8.22 6.28a.75.75 0 0 1 0-1.06Z" 1771 clip-rule="evenodd" 1772 /> 1773 </svg> 1774 </button> 1775</div> 1776 </div> 1777 1778 <div class="mx-auto mt-6 max-w-72 flex items-center justify-center"> 1779 <a href="https://www.lapsafe.com/contact" 1780 class="inline-flex items-center justify-center px-5 py-3 text-base font-medium rounded-md text-white bg-pink-600 transition duration-200 ease-in-out hover:bg-pink-700"> 1781 Contact Us 1782</a> 1783 </div> 1784 </div> 1785 </div> 1786 </div> 1787 1788 <div 1789 x-show="activeMobileSection" 1790 x-transition:enter="transform transition ease-out duration-300" 1791 x-transition:enter-start="translate-x-full" 1792 x-transition:enter-end="translate-x-0" 1793 x-transition:leave="transform transition ease-in duration-200" 1794 x-transition:leave-start="translate-x-0" 1795 x-transition:leave-end="translate-x-full" 1796 style="display: none;" 1797 class="absolute inset-0 z-50 overflow-y-auto bg-white" 1798 > 1799 <div class="flex items-center justify-between border-b border-gray-200 px-5 py-5"> 1800 <button 1801 type="button" 1802 x-on:click="activeMobileSection = null" 1803 class="-ml-2 inline-flex items-center gap-2 rounded-md p-2 text-gray-700 hover:bg-gray-100" 1804 > 1805 <svg class="size-5" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 1806 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.75 19.5 8.25 12l7.5-7.5"/> 1807 </svg> 1808 </button> 1809 1810 <button 1811 type="button" 1812 x-on:click="mobileMenuOpen = false" 1813 class="-mr-2 inline-flex size-11 items-center justify-center rounded-md text-gray-700 hover:bg-gray-100 hover:text-pink-600" 1814 >
1815 <span class="sr-only">Close menu</span> 1816 <svg class="size-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 1817 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18 18 6M6 6l12 12"/> 1818 </svg> 1819 </button> 1820 </div> 1821 1822 <div class="px-5 py-8"> 1823 <div x-show="activeMobileSection === 'products'" class="space-y-8"> 1824 <h2 class="text-3xl text-fine text-gray-900">Products</h2> 1825 1826 <div class="space-y-5"> 1827 <div> 1828 <p class="text-sm font-medium text-pink-600">Platform</p> 1829 <div class="mt-2 space-y-2"> 1830 <a href="https://www.lapsafe.com/onarken" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">ONARKEN®</a> 1831 <a href="https://www.lapsafe.com/ai-smart-lockers" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">AI Smart Lockers</a> 1832 </div> 1833 </div> 1834 1835 <div> 1836 <p class="text-sm font-medium text-pink-600">Smart Lockers</p> 1837 <div class="mt-2 space-y-2"> 1838 <a href="https://www.lapsafe.com/smart-lockers" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Smart Lockers</a> 1839 <a href="https://www.lapsafe.com/diplomat-pro" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Diplomat™ Pro</a> 1840 <a href="https://www.lapsafe.com/sovran" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Sovran™</a> 1841 <a href="https://www.lapsafe.com/envoy" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Envoy™</a> 1842 <a href="https://www.lapsafe.com/consul" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Consul™</a> 1843 </div> 1844 </div> 1845 1846 <div> 1847 <p class="text-sm font-medium text-pink-600">Smart Vending</p> 1848 <div class="mt-2 space-y-2"> 1849 <a href="https://www.lapsafe.com/vending" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Smart Vending</a> 1850 <a href="https://www.lapsafe.com/smart-v" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Smart-V™</a> 1851 </div> 1852 </div> 1853 1854 <div> 1855 <p class="text-sm font-medium text-pink-600">Storage & Charging</p> 1856 <div class="mt-2 space-y-2"> 1857 <a href="https://www.lapsafe.com/storage-and-charging" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Storage & Charging</a> 1858 <a href="https://www.lapsafe.com/chargelite" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">ChargeLite™ Range</a> 1859 <a href="https://www.lapsafe.com/mentor" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Mentor™ Range</a> 1860 <a href="https://www.lapsafe.com/diplomat-basic" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Diplomat™ Basic</a> 1861 </div> 1862 </div> 1863 </div> 1864 </div> 1865 1866 <div x-show="activeMobileSection === '
1866industries'" class="space-y-8"> 1867 <h2 class="text-3xl text-fine text-gray-900">Industries</h2> 1868 1869 <div class="space-y-2"> 1870 <a href="https://www.lapsafe.com/sectors/primary-education" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1871 Primary Schools 1872 </a> 1873 <a href="https://www.lapsafe.com/sectors/secondary-education" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1874 Secondary Schools 1875 </a> 1876 <a href="https://www.lapsafe.com/sectors/college" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1877 Colleges & Sixth Forms 1878 </a> 1879 <a href="https://www.lapsafe.com/sectors/university" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1880 Universities 1881 </a> 1882 <a href="https://www.lapsafe.com/sectors/emergency-services" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1883 Emergency Services 1884 </a> 1885 <a href="https://www.lapsafe.com/sectors/healthcare" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1886 Healthcare 1887 </a> 1888 <a href="https://www.lapsafe.com/sectors/industrial" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1889 Manufacturing & Logistics 1890 </a> 1891 <a href="https://www.lapsafe.com/sectors/retail" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1892 Retail 1893 </a> 1894 <a href="https://www.lapsafe.com/sectors/hospitality" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1895 Hospitality 1896 </a> 1897 <a href="https://www.lapsafe.com/sectors/managed-services" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1898 Managed Services 1899 </a> 1900 <a href="https://www.lapsafe.com/sectors/aviation" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1901 Aviation 1902 </a> 1903 <a href="https://www.lapsafe.com/sectors/mod" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1904 Defence & Security 1905 </a> 1906 <a href="https://www.lapsafe.com/sectors/offices" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1907 Offices & Workplaces 1908 </a> 1909 <a href="https://www.lapsafe.com/sectors/multi-academy-trusts" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1"> 1910 Multi Academy Trusts 1911 </a> 1912 </div> 1913 </div> 1914 1915 <div x-show="activeMobileSection === 'services'" class="space-y-8"> 1916 <h2 class="text-3xl text-fine text-gray-900">Services</h2> 1917 1918 <div class="space-y-2"> 1919 <a href="https://www.lapsafe.com/smart-asset-management" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Smart Asset Management</a> 1920 <a href="https://www.lapsafe.com/it-service-desk" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">IT Service Desk</a> 1921 <a href="https://www.lapsafe.com/vending" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Smart Vending</a> 1922 <a href="https://www.lapsafe.com/loaning" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Loaning</a> 1923 <a href="https://www.lapsafe.com/drop-off-and-collection" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Drop Off & Collection</a> 1924 <a href="https://www.lapsafe.com/personal-storage-lockers" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Personal Storage</a> 1925 <a href="https://www.lapsafe.com/storage-and-charging" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Storage & Charging</a> 1926 </div> 1927 </div> 1928 1929 <div x-show="activeMobileSection === 'resources'" class="space-y-8"> 1930 <h2 class="text-3xl text-fine text-gray-900">Resources</h2> 1931 1932 <div class="space-y-5"> 1933 <div> 1934 <p class="text-sm font-medium text-pink-600">Resources</p> 1935 <div class="mt-2 space-y-2"> 1936 <a href="https://www.lapsafe.com/case-studies" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Case Studies</a> 1937 <a href="https://www.lapsafe.com/blog" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Blog</a> 1938 <a href="https://www.lapsafe.com/press" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Press</a> 1939 <a href="https://www.lapsafe.com/exhibitions" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Exhibitions & Events</a> 1940 <a href="https://www.lapsafe.com/faqs" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Frequently Asked Questions</a> 1941 <a href="https://www.lapsafe.com/testimonials" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Testimonials</a> 1942 <a href="https://www.lapsafe.com/gallery" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Gallery</a> 1943 <a href="https://www.lapsafe.com/brochures" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Brochures</a> 1944 <a href="https://www.lapsafe.com/design-your-locker" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Design Your Locker</a> 1945 <a href="https://www.lapsafe.com/nps" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">NPS</a> 1946 </div> 1947 </div> 1948 1949 <div> 1950 <p class="text-sm font-medium text-pink-600">Support</p> 1951 <div class="mt-2 space-y-2"> 1952 <a href="https://www.lapsafe.com/support/keys" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Replacement Keys</a> 1953 <a href="https://www.lapsafe.com/warranty" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Warranty</a> 1954 <a href="https://support.lapsafe.com/hc/en-gb" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Knowledge Base</a> 1955 </div> 1956 </div> 1957 1958 <div> 1959 <p class="text-sm font-medium text-pink-600">About</p> 1960 <div class="mt-2 space-y-2"> 1961 <a href="https://www.lapsafe.com/about" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">About LapSafe</a> 1962 <a href="https://www.lapsafe.com/certifications" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Certificates</a> 1963 <a href="https://www.lapsafe.com/awards" class="block py-1.5 text-lg text-gray-800 transition-transform duration-350 ease-out hover:translate-x-1">Awards</a> 1964 </div> 1965 </div> 1966 </div> 1967 </div> 1968 </div> 1969 </div> 1970 </div> 1971 </div> 1972 </template> 1973 </div> 1974</header> 1975<main class="pt-[80px] lg:pt-[88px]"> 1976 1977 <div class="overflow-hidden py-16"> 1978 <div class="mx-auto max-w-7xl px-6 lg:flex lg:px-8"> 1979 <div 1980 class="mx-auto grid max-w-2xl grid-cols-1 gap-x-12 gap-y-16 lg:mx-0 lg:max-w-none lg:min-w-full lg:flex-none lg:gap-y-8"> 1981 <div class=" lg:w-full lg:max-w-lg lg:pb-8"> 1982 <h1 class="text-4xl text-center font-semibold tracking-tight leading-14 text-gray-900 sm:text-5xl lg:text-left"> 1983 Inspiring Organisations To Improve User Experience</h1> 1984 <p class="mt-6 text-lg text-center text-gray-500 lg:text-left"> 1985 From simple storage & charging cabinets to intelligent self-service smart locker systems. 1986 </p> 1987 <p class="mt-6 text-lg text-center text-gray-500 lg:text-left"> 1988 We make managing assets simple for organisations and their users. 1989 </p> 1990 <div class="mt-10 flex justify-center lg:justify-start"> 1991 <div class="inline-flex rounded-md space-x-4"> 1992 <a href="https://www.lapsafe.com/contact" 1993 class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-pink-600 hover:bg-pink-700"> 1994 Ask Us How 1995 </a> 1996 <a target="_blank" href="https://lapsafe.ams3.digitaloceanspaces.com/brochures/lapsafe_overview.pdf" 1997 class="inline-flex items-center justify-center px-5 py-3 border-2 border-pink-600 text-base font-medium rounded-md text-gray-900 hover:bg-pink-600 hover:text-white"> 1998 Download The Brochure 1999 </a> 2000 </div> 2001 </div> 2002 </div> 2003 <div class="flex sm:flex-wrap sm:items-start sm:justify-end gap-6 sm:gap-8 lg:contents"> 2004 <div class="absolute inset-x-0 top-[-10rem] -z-10 transform-gpu overflow-hidden blur-3xl sm:top-[-20rem]"> 2005 <svg 2006 class="relative left-[calc(50%-11rem)] -z-10 h-[21.1875rem] max-w-none -translate-x-1/2 rotate-[30deg] sm:left-[calc(50%-30rem)] sm:h-[42.375rem]"
2007 viewBox="0 0 1155 678" fill="none" xmlns="http://www.w3.org/2000/svg"> 2008 <path fill="url(#45de2b6b-92d5-4d68-a6a0-9b9b2abad533)" fill-opacity=".3" 2009 d="M317.219 518.975L203.852 678 0 438.341l317.219 80.634 204.172-286.402c1.307 132.337 45.083 346.658 209.733 145.248C936.936 126.058 882.053-94.234 1031.02 41.331c119.18 108.451 130.68 295.337 121.53 375.223L855 299l21.173 362.054-558.954-142.079z"/> 2010 <defs> 2011 <linearGradient id="45de2b6b-92d5-4d68-a6a0-9b9b2abad533" x1="1155.49" x2="-78.208" y1=".177" 2012 y2="474.645" gradientUnits="userSpaceOnUse"> 2013 <stop stop-color="#9089FC"></stop> 2014 <stop offset="1" stop-color="#FF80B5"></stop> 2015 </linearGradient> 2016 </defs> 2017 </svg> 2018</div> 2019 <div class="mx-auto sm:flex sm:justify-center lg:ml-auto lg:w-auto lg:flex-none lg:self-end"> 2020 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/dc68a682-3e4a-4071-a002-301efbce7a00/w=700" 2021 alt="Diplomat Pro Smart Locker" loading="lazy" 2022 class="aspect-7/5 w-full sm:w-132 max-w-none rounded-2xl bg-gray-50 object-cover md:w-156"> 2023 </div> 2024 <div 2025 class="contents lg:col-span-2 lg:col-end-2 lg:ml-auto lg:flex lg:w-[37rem] lg:items-start lg:justify-end lg:gap-x-8"> 2026 <div class="hidden xl:block sm:w-0 sm:flex-auto lg:w-auto lg:flex-none"> 2027 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/606f971d-667f-4093-55a6-9eaddcdf2e00/w=400" 2028 alt="Envoy Smart Lockers" loading="lazy" 2029 class="aspect-4/3 w-[24rem] max-w-none rounded-2xl bg-gray-50 object-cover"> 2030 </div> 2031 <div class="hidden xl:block sm:w-0 sm:flex-auto lg:w-auto lg:flex-none"> 2032 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/0be837ac-f946-4225-277d-0e6c2e012200/w=400" 2033 alt="USB-C ChargeLite Trolley" loading="lazy" 2034 class="aspect-4/3 w-[24rem] max-w-none rounded-2xl bg-gray-50 object-cover"> 2035 </div> 2036 <div class="hidden xl:block sm:w-0 sm:flex-auto lg:w-auto lg:flex-none"> 2037 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/e0767569-1150-42dd-bbdb-7b58f10b5100/w=400" 2038 alt="Diplomat Pro Smart Lockers" loading="lazy" 2039 class="aspect-4/3 w-[24rem] max-w-none rounded-2xl bg-gray-50 object-cover"> 2040 </div> 2041 </div> 2042 </div> 2043 </div> 2044 </div> 2045 </div> 2046 2047 <div class="bg-gray-50 py-16 md:py-24"> 2048 <div class="mx-auto max-w-3xl px-6 lg:px-8 lg:max-w-7xl"> 2049 <div 2050 class="mx-auto grid max-w-2xl grid-cols-1 gap-y-16 gap-x-8 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-3"> 2051 <div> 2052 <h2 class="text-center text-pretty text-4xl font-bold leading-14 tracking-tight text-gray-900 sm:text-5xl lg:text-left"> 2053 Effortless Device & Asset Management 2054 </h2> 2055 <p class="mt-6 text-lg leading-7 text-gray-500"> 2056 Streamline workflows, enhance productivity, and empower users with smart solutions. 2057 </p> 2058 </div> 2059 <dl class="col-span-2 grid grid-cols-1 gap-x-4 gap-y-4 text-lg leading-7 text-gray-700 sm:grid-cols-2 lg:gap-y-8"> 2060 <div class="relative pl-9"> 2061 <dt class="font-semibold"> 2062 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewBox="0 0 20 20" 2063 fill="currentColor" aria-hidden="true"> 2064 <path fill-rule="evenodd" 2065 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2066 clip-rule="evenodd"/> 2067 </svg> 2068 Simplify IT Asset Management 2069 </dt> 2070 </div> 2071 <div class="relative pl-9"> 2072 <dt class="font-semibold"> 2073 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewB
2073ox="0 0 20 20" 2074 fill="currentColor" aria-hidden="true"> 2075 <path fill-rule="evenodd" 2076 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2077 clip-rule="evenodd"/> 2078 </svg> 2079 24 x 7 Self-Service 2080 </dt> 2081 </div> 2082 <div class="relative pl-9"> 2083 <dt class="font-semibold"> 2084 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewBox="0 0 20 20" 2085 fill="currentColor" aria-hidden="true"> 2086 <path fill-rule="evenodd" 2087 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2088 clip-rule="evenodd"/> 2089 </svg> 2090 Speed Up IT Support 2091 </dt> 2092 </div> 2093 <div class="relative pl-9"> 2094 <dt class="font-semibold"> 2095 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewBox="0 0 20 20" 2096 fill="currentColor" aria-hidden="true"> 2097 <path fill-rule="evenodd" 2098 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2099 clip-rule="evenodd"/> 2100 </svg> 2101 Asset Presence Detection 2102 </dt> 2103 </div> 2104 <div class="relative pl-9"> 2105 <dt class="font-semibold"> 2106 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewBox="0 0 20 20" 2107 fill="currentColor" aria-hidden="true"> 2108 <path fill-rule="evenodd" 2109 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2110 clip-rule="evenodd"/> 2111 </svg> 2112 Improve Workflows 2113 </dt> 2114 </div> 2115 <div class="relative pl-9"> 2116 <dt class="font-semibold"> 2117 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewBox="0 0 20 20" 2118 fill="currentColor" aria-hidden="true"> 2119 <path fill-rule="evenodd" 2120 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2121 clip-rule="evenodd"/> 2122 </svg> 2123 Full Asset Accountability 2124 </dt> 2125 </div> 2126 <div class="relative pl-9"> 2127 <dt class="font-semibold"> 2128 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewBox="0 0 20 20" 2129 fill="currentColor" aria-hidden="true"> 2130 <path fill-rule="evenodd" 2131 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2132 clip-rule="evenodd"/> 2133 </svg> 2134 Boost Efficiencies & Reduce Costs 2135 </dt> 2136 </div> 2137 <div class="relative pl-9"> 2138 <dt class="font-semibold"> 2139 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewB
2139ox="0 0 20 20" 2140 fill="currentColor" aria-hidden="true"> 2141 <path fill-rule="evenodd" 2142 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2143 clip-rule="evenodd"/> 2144 </svg> 2145 Real Time Data & Analytics 2146 </dt> 2147 </div> 2148 <div class="relative pl-9"> 2149 <dt class="font-semibold"> 2150 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewBox="0 0 20 20" 2151 fill="currentColor" aria-hidden="true"> 2152 <path fill-rule="evenodd" 2153 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2154 clip-rule="evenodd"/> 2155 </svg> 2156 Enhance Working Environments 2157 </dt> 2158 </div> 2159 <div class="relative pl-9"> 2160 <dt class="font-semibold"> 2161 <svg class="absolute left-0 top-1 h-5 w-5 text-pink-600" viewBox="0 0 20 20" 2162 fill="currentColor" aria-hidden="true"> 2163 <path fill-rule="evenodd" 2164 d="M16.704 4.153a.75.75 0 01.143 1.052l-8 10.5a.75.75 0 01-1.127.075l-4.5-4.5a.75.75 0 011.06-1.06l3.894 3.893 7.48-9.817a.75.75 0 011.05-.143z" 2165 clip-rule="evenodd"/> 2166 </svg> 2167 Easy Device Loaning & Deployment 2168 </dt> 2169 </div> 2170 </dl> 2171 </div> 2172 </div> 2173 </div> 2174 2175 <div class="bg-lapsafe-blue py-16 sm:py-24"> 2176 <div class="mx-auto max-w-3xl px-6 lg:px-8 lg:max-w-7xl"> 2177 <div class="mx-auto max-w-7xl sm:text-center"> 2178 <h2 class="mt-2 text-4xl text-center font-semibold tracking-tight text-pretty text-white sm:text-5xl"> 2179 More Than Just A Smart Locker System 2180 </h2> 2181 </div> 2182 </div> 2183 <div class="py-8 mx-auto max-w-3xl px-4 sm:px-6 lg:px-8 lg:max-w-7xl"> 2184 <dl class="grid grid-cols-1 gap-8 text-base text-white text-center content-center row-start-2 lg:grid-cols-3 lg:row-start-1 lg:col-start-2"> 2185 <div class="pt-6 space-y-3 border-b border-gray-200"> 2186 <dd class="text-5xl font-bold tracking-tight text-pink-600"> 2187 <div 2188 x-data="{ visible: false, start: 0, target: 2466536, duration: 2000 }" 2189 x-intersect:enter.full="visible = true" 2190 x-intersect:leave="visible = false; start = 0" 2191 x-init="$watch('visible', value => { 2192 const $el = $refs.el; 2193 const step = (timestamp) => { 2194 if (!start) start = timestamp; 2195 const progress = timestamp - start; 2196 const percentage = Math.min(progress / duration, 1); 2197 const value = Math.floor(percentage * target); 2198 $el.innerHTML = value.toLocaleString(); 2199 if (progress < duration) { 2200 window.requestAnimationFrame(step); 2201 } 2202 }; 2203 window.requestAnimationFrame(step); 2204 })"> 2205 <span x-ref="el">0</span> 2206 </div> 2207 </dd> 2208 <dt class="pb-6 text-lg font-medium text-white"> 2209 Loans This Year 2210 </dt> 2211 </div> 2212 <div class="pt-6 space-y-3 border-b border-gray-200"> 2213 <dd class="text-5xl font-bold tracking-tight text-pink-600"> 2214 <div 2215 x-data="{ visible: false, start: 0, target: 430195, duration: 2000 }" 2216 x-intersect:enter.full="visible = true" 2217 x-intersect:leave="visible = false; start = 0" 2218 x-init="$watch('visible', value => { 2219 const $el = $refs.el; 2220 const step = (timestamp) => { 2221 if (!start) start = timestamp; 2222 const progress = timestamp - start; 2223 const percentage = Math.min(progress / duration, 1); 2224 const value = Math.floor(percentage * target); 2225 $el.innerHTML = value.toLocaleStr
2225ing(); 2226 if (progress < duration) { 2227 window.requestAnimationFrame(step); 2228 } 2229 }; 2230 window.requestAnimationFrame(step); 2231 })"> 2232 <span x-ref="el">0</span> 2233 </div> 2234 </dd> 2235 <dt class="pb-6 text-lg font-medium text-white"> 2236 Loans past 30 days 2237 </dt> 2238 </div> 2239 <div class="pt-6 space-y-3 border-b-2 border-gray-200"> 2240 <dd class="text-5xl font-bold tracking-tight text-pink-600"> 2241 <div 2242 x-data="{ visible: false, start: 0, target: 57263, duration: 2000 }" 2243 x-intersect:enter.full="visible = true" 2244 x-intersect:leave="visible = false; start = 0" 2245 x-init="$watch('visible', value => { 2246 const $el = $refs.el; 2247 const step = (timestamp) => { 2248 if (!start) start = timestamp; 2249 const progress = timestamp - start; 2250 const percentage = Math.min(progress / duration, 1); 2251 const value = Math.floor(percentage * target); 2252 $el.innerHTML = value.toLocaleString(); 2253 if (progress < duration) { 2254 window.requestAnimationFrame(step); 2255 } 2256 }; 2257 window.requestAnimationFrame(step); 2258 })"> 2259 <span x-ref="el">0</span> 2260 </div> 2261 </dd> 2262 <dt class="pb-6 text-lg font-medium text-white"> 2263 Smart Locker Bays 2264 </dt> 2265 </div> 2266 </dl> 2267 </div> 2268 </div> 2269 2270 <div class="bg-white py-16 sm:py-24"> 2271 <div class="mx-auto max-w-3xl px-6 lg:px-8 lg:max-w-7xl"> 2272 <div class="mx-auto max-w-7xl sm:text-center"> 2273 <h2 class="mt-2 text-4xl text-center font-semibold tracking-tight text-pretty text-gray-900 sm:text-5xl"> 2274 Services Supporting Your Organisation 2275 </h2> 2276 </div> 2277 </div> 2278 <div class="mx-auto mt-16 max-w-7xl px-6 sm:mt-20 md:mt-24 lg:px-8"> 2279 <dl class="mx-auto grid max-w-2xl grid-cols-1 gap-x-6 gap-y-10 text-base/7 text-gray-600 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-3 lg:gap-x-8 lg:gap-y-16"> 2280 <div class="flex-col relative"> 2281 <dt class="flex items-center gap-x-3 text-xl font-semibold text-pink-600"> 2282 <h3> 2283 <a href="https://www.lapsafe.com/loaning" class="isolate flex items-center"> 2284 <svg class="top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2285 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2286</svg> <span class="pl-3">Loaning Lockers</span> 2287 </a> 2288 </h3> 2289 </dt> 2290 <dd class="pt-2 text-lg text-gray-500"> 2291 Loan devices and more with smart, secure, self-service solutions. 2292 </dd> 2293 </div> 2294 <div class="flex-col relative"> 2295 <dt class="flex items-center gap-x-3 text-xl font-semibold text-pink-600"> 2296 <h3> 2297 <a href="https://www.lapsafe.com/it-service-desk" class="isolate flex items-center"> 2298 <svg class="top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2299 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2300</svg>
2300 <span class="pl-3">IT Service Desk</span> 2301 </a> 2302 </h3> 2303 </dt> 2304 <dd class="pt-2 text-lg text-gray-500"> 2305 Streamline IT support with efficient device exchange, repairs & remote management. 2306 </dd> 2307 </div> 2308 <div class="flex-col relative"> 2309 <dt class="flex items-center gap-x-3 text-xl font-semibold text-pink-600"> 2310 <h3> 2311 <a href="https://www.lapsafe.com/vending" class="isolate flex items-center"> 2312 <svg class="top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2313 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2314</svg> <span class="pl-3">Smart Vending</span> 2315 </a> 2316 </h3> 2317 </dt> 2318 <dd class="pt-2 text-lg text-gray-500"> 2319 Deliver peripherals & supplies on demand, with smart vending machines. 2320 </dd> 2321 </div> 2322 <div class="flex-col relative"> 2323 <dt class="flex items-center gap-x-3 text-xl font-semibold text-pink-600"> 2324 <h3> 2325 <a href="https://www.lapsafe.com/personal-storage-lockers" class="isolate flex items-center"> 2326 <svg class="top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2327 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2328</svg> <span class="pl-3">Personal Storage</span> 2329 </a> 2330 </h3> 2331 </dt> 2332 <dd class="pt-2 text-lg text-gray-500"> 2333 Flexible, secure personal storage lockers that adapt to your needs. 2334 </dd> 2335 </div> 2336 <div class="flex-col relative"> 2337 <dt class="flex items-center gap-x-3 text-xl font-semibold text-pink-600"> 2338 <h3> 2339 <a href="https://www.lapsafe.com/drop-off-and-collection" class="isolate flex items-center"> 2340 <svg class="top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2341 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2342</svg> <span class="pl-3">Collection Lockers</span> 2343 </a> 2344 </h3> 2345 </dt> 2346 <dd class="pt-2 text-lg text-gray-500"> 2347 Simplify contactless deliveries & collections for efficient post & package management. 2348 </dd> 2349 </div> 2350 <div class="flex-col relative"> 2351 <dt class="flex items-center gap-x-3 text-xl font-semibold text-pink-600"> 2352 <h3> 2353 <a href="https://www.lapsafe.com/storage-and-charging" class="isolate flex items-center"> 2354 <svg class="top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2355 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2356</svg> <span class="pl-3">Storage & Charging</span> 2357 </a> 2358 </h3> 2359 </dt> 2360 <dd class="pt-2 text-lg text-gray-500"> 2361 Store, charge & manage devices with lockers, trolleys & cabinets. 2362 </dd> 2363 </div> 2364 </dl> 2365 </div> 2366 </div> 2367 2368 <div class="relative bg-lapsafe-blue"> 2369 <div class="relative h-80 overflow-hidden md:absolute md:left-0 md:h-full md:w-1/2"> 2370 <img class="size-full object-cover" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/d81c3ccb-b2cf-43fe-ba34-3c05a97ca000/w=800" 2371 alt="Sovran AI Smart Lockers" loading="lazy"> 2372 </div> 2373 <div class="relative mx-auto max-w-4xl py-24 sm:max-w-5xl sm:py-32 md:pr-12 lg:px-8 lg:py-40 lg:max-w-7xl"> 2374 <div class="text-center pl-6 md:ml-auto md:pl-24 lg:text-left md:w-2/4 lg:pr-0 lg:pl-24 xl:pl-32"> 2375 <h2 class="text-4xl font-semibold tracking-tight text-balance text-white sm:text-5xl"> 2376 AI Smart Lockers 2377 </h2> 2378 <p class="mt-6 text-xl text-pretty text-gray-200"> 2379 Discover the World's First AI-Powered smart lockers with ONARKEN-AI® 2380 </p> 2381 <div 2382 class="mt-6 flex-col items-center justify-center space-x-6 space-y-6 md:space-y-0 md:flex md:flex-row md:justify-start"> 2383 <a href="https://www.lapsafe.com/ai-smart-lockers" 2384 class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-pink-600 hover:bg-pink-700"> 2385 Find Out More 2386 </a> 2387 <a target="_blank" href="https://lapsafe.ams3.digitaloceanspaces.com/brochures/lapsafe_ai_brochure.pdf" 2388 class="inline-flex items-center justify-center px-5 py-3 border border-pink-600 text-base font-medium rounded-md text-white hover:bg-pink-600"> 2389 Download The Brochure 2390 </a> 2391 </div> 2392 </div> 2393 </div> 2394 </div> 2395 2396 <div class="bg-gray-50 py-16 sm:py-24"> 2397 <div class="mx-auto max-w-3xl px-4 sm:px-6 lg:max-w-7xl lg:px-8"> 2398 <section aria-labelledby="details-heading"> 2399 <div class="flex flex-col items-center text-center"> 2400 <h2 id="details-heading" class="text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl"> 2401 Seamless Integration For Smarter IT Management 2402 </h2> 2403 <p class="mt-6 text-lg text-gray-500"> 2404 Our self-service smart lockers integrate seamlessly with IoT ecosystems, providing real-time 2405 monitoring, automated workflows, and secure remote access. 2406 By connecting with leading third-party tools and applications, our solutions help you optimise 2407 efficiency, reduce costs, and stay ahead in a connected world. 2408 </p> 2409 </div> 2410 2411 <div class="py-4 grid grid-cols-2 gap-4 translate-y-4 place-items-center lg:grid-cols-3 lg:gap-x-4" 2412 x-data="{ shown: false }" x-intersect:enter="shown = true"> 2413 <div 2414 class="translate-y-6" 2415 x-show="shown" 2416 x-transition:enter="transition ease-out duration-1000" 2417 x-transition:enter-start="opacity-0 transform translate-y-4" 2418 x-transition:enter-end="opacity-100 transform translate-y-0" 2419 > 2420 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/fd1cbf05-2a15-4b8e-7caa-156f75910300/w=900" alt="OKTA" 2421 loading="lazy" 2422 class="lg:w-full lg:h-36 rounded-lg object-cover"> 2423 </div> 2424 <div 2425 class="translate-y-6" 2426 x-show="shown" 2427 x-transition:enter="transition ease-out duration-1000" 2428 x-transition:enter-start="opacity-0 transform translate-y-4" 2429 x-transition:enter-end="opacity-100 transform translate-y-0" 2430 > 2431 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/c16fba8c-7e52-488d-e574-fe5b117ba900/w=900" alt="HALO ITSM" 2432 loading="lazy" 2433 class="lg:w-full lg:h-36 rounded-lg object-cover"> 2434 </div> 2435 <div 2436 class="translate-y-6" 2437 x-show="shown" 2438 x-transition:enter="transition ease-out duration-1000" 2439 x-transition:enter-start="opacity-0 transform translate-y-4" 2440 x-transition:enter-end="opacity-100 transform translate-y-0" 2441 > 2442 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/a30a7721-ed55-4e83-f5e4-a52f9a8e2200/w=900" alt="Papercut" 2443 loading="lazy" 2444 class="lg:w-full lg:h-36 rounded-lg object-cover"> 2445 </div> 2446 <div 2447 class="translate-y-6" 2448 x-show="shown" 2449 x-transition:enter="transition ease-out duration-700" 2450 x-transition:enter-start="opacity-0 transform translate-y-4" 2451 x-transition:enter-end="opacity-100 transform translate-y-0" 2452 > 2453 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/e8e5c8b2-0d0f-4233-ea18-ba78d2f1f400/w=900" alt="Freshservice" 2454 loading="lazy" 2455 class="lg:w-full lg:h-36 rounded-lg object-cover"> 2456 </div> 2457 <div 2458 class="translate-y-6" 2459 x-show="shown" 2460 x-transition:enter="transition ease-out duration-1000" 2461 x-transition:enter-start="opacity-0 transform translate-y-4" 2462 x-transition:enter-end="opacity-100 transform translate-y-0" 2463 > 2464 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/edf88658-aaff-4d3d-a2f7-32f19392c200/w=900" alt="Smarthub" 2465 loading="lazy" 2466 class="lg:w-full lg:h-36 rounded-lg object-cover"> 2467 </div> 2468 <div 2469 class="translate-y-6" 2470 x-show="shown" 2471 x-transition:enter="transition ease-out duration-1000" 2472 x-transition:enter-start="opacity-0 transform translate-y-4" 2473 x-transition:enter-end="opacity-100 transform translate-y-0" 2474 > 2475 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/56bf7e73-56b1-4a80-892f-0d5ed9af1c00/w=900" alt="Microsoft Azure" 2476 loading="lazy" 2477 class="lg:w-full lg:h-36 rounded-lg object-cover" height="144" width="395"> 2478 </div> 2479 <div 2480 class="translate-y-6" 2481 x-show="shown" 2482 x-transition:enter="transition ease-out duration-1000" 2483 x-transition:enter-start="opacity-0 transform translate-y-4" 2484 x-transition:enter-end="opacity-100 transform translate-y-0" 2485 > 2486 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/5398a79c-82df-46ba-2c83-967a6dedcc00/w=900" alt="LMS" 2487 loading="lazy" 2488 class="lg:w-full lg:h-36 rounded-lg object-cover"> 2489 </div> 2490 <div 2491 class="translate-y-6" 2492 x-show="shown" 2493 x-transition:enter="transition ease-out duration-1000" 2494 x-transition:enter-start="opacity-0 transform translate-y-4" 2495 x-transition:enter-end="opacity-100 transform translate-y-0" 2496 > 2497 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/75b057ab-6510-43d0-6d84-6690977a5600/w=900" alt="Microsoft Entra" 2498 loading="lazy" 2499 class="lg:w-full lg:h-36 rounded-lg object-cover"> 2500 </div> 2501 <div 2502 class="translate-y-6" 2503 x-show="shown" 2504 x-transition:enter="transition ease-out duration-1000" 2505 x-transition:enter-start="opacity-0 transform translate-y-4" 2506 x-transition:enter-end="opacity-100 transform translate-y-0" 2507 > 2508 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/b42f40d6-2e95-4d65-ce0a-d791e3bcb100/w=900" alt="Service Now" 2509 loading="lazy" 2510 class="lg:w-full lg:h-36 rounded-lg object-cover"> 2511 </div> 2512 </div> 2513 </section> 2514 </div> 2515 </div> 2516 2517 <div class="relative bg-lapsafe-blue py-16 sm:py-24"> 2518 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 2519 <div class="mx-auto max-w-2xl text-center"> 2520 <h2 class="mt-2 text-pretty text-4xl font-semibold tracking-tight text-white sm:text-5xl lg:text-balance"> 2521 Across Every Sector 2522 </h2> 2523 </div> 2524 <div class="mx-auto mt-16 max-w-2xl sm:mt-20 lg:mt-24 lg:max-w-none"> 2525 <dl class="grid max-w-xl grid-cols-1 gap-x-6 gap-y-10 lg:max-w-none lg:grid-cols-3 lg:gap-x-16 lg:gap-y-18"> 2526 <div class="flex flex-col"> 2527 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2528 <h3> 2529 <a href="https://www.lapsafe.com/sectors/primary-education" 2530 class="flex hover:text-pink-500"> 2531 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2532 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2533</svg>
2533 <span class="pl-3 text-2xl">Primary Schools</span> 2534 </a> 2535 </h3> 2536 </dt> 2537 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2538 <p class="flex-auto"> 2539 Help teachers & technicians manage IT in classrooms with our storage & charging 2540 solutions. 2541 </p> 2542 </dd> 2543 </div> 2544 <div class="flex flex-col"> 2545 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2546 <h3> 2547 <a href="https://www.lapsafe.com/sectors/secondary-education" 2548 class="flex hover:text-pink-500"> 2549 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2550 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2551</svg> <span class="pl-3 text-2xl">Secondary Schools</span> 2552 </a> 2553 </h3> 2554 </dt> 2555 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2556 <p class="flex-auto"> 2557 Support IT teams with efficient device loaning, secure storage & smart charging to 2558 keep lessons running smoothly. 2559 </p> 2560 </dd> 2561 </div> 2562 <div class="flex flex-col"> 2563 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2564 <h3> 2565 <a href="https://www.lapsafe.com/sectors/college" 2566 class="flex hover:text-pink-500"> 2567 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2568 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2569</svg> <span class="pl-2 text-2xl">Colleges & Sixth Forms</span> 2570 </a> 2571 </h3> 2572 </dt> 2573 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2574 <p class="flex-auto"> 2575 Maximise resources by automating manual device loans with remote IT management, 24x7 2576 access & full reporting. 2577 </p> 2578 </dd> 2579 </div> 2580 <div class="flex flex-col"> 2581 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2582 <h3> 2583 <a href="https://www.lapsafe.com/sectors/university" 2584 class="flex hover:text-pink-500"> 2585 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2586 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2587</svg> <span class="pl-3 text-2xl">Universities</span> 2588 </a> 2589 </h3> 2590 </dt> 2591 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2592 <p class="flex-auto"> 2593 Supporting smart campuses with multi-site device management, easy asset loaning, 2594 drop-off & collect solutions & 24x7 access for users. 2595 </p> 2596 </dd> 2597 </div> 2598 <div class="flex flex-col"> 2599 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2600 <h3> 2601 <a href="https://www.lapsafe.com/sectors/emergency-services" 2602 class="flex hover:text-pink-500"> 2603 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2604 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2605</svg>
2605 <span class="pl-3 text-2xl">Emergency Services</span> 2606 </a> 2607 </h3> 2608 </dt> 2609 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2610 <p class="flex-auto"> 2611 Issue devices & equipment to front line workers, quickly & easily with our fully 2612 automated smart solutions. 2613 </p> 2614 </dd> 2615 </div> 2616 <div class="flex flex-col"> 2617 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2618 <h3> 2619 <a href="https://www.lapsafe.com/sectors/healthcare" 2620 class="flex hover:text-pink-500"> 2621 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2622 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2623</svg> <span class="pl-3 text-2xl">Healthcare</span> 2624 </a> 2625 </h3> 2626 </dt> 2627 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2628 <p class="flex-auto"> 2629 Automate access to secure drop-off & collection for devices, documents, 2630 equipment & pharmaceuticals. 2631 </p> 2632 </dd> 2633 </div> 2634 <div class="flex flex-col"> 2635 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2636 <h3> 2637 <a href="https://www.lapsafe.com/sectors/retail" 2638 class="flex hover:text-pink-500"> 2639 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2640 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2641</svg> <span class="pl-3 text-2xl">Retail</span> 2642 </a> 2643 </h3> 2644 </dt> 2645 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2646 <p class="flex-auto"> 2647 Support staff & enhance customer service with secure device storage, smart charging 2648 & automated access across your retail estate. 2649 </p> 2650 </dd> 2651 </div> 2652 <div class="flex flex-col"> 2653 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2654 <h3> 2655 <a href="https://www.lapsafe.com/sectors/mod" 2656 class="flex hover:text-pink-500"> 2657 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2658 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2659</svg> <span class="pl-3 text-2xl">Defence</span> 2660 </a> 2661 </h3> 2662 </dt> 2663 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2664 <p class="flex-auto"> 2665 Automate workflows, issue assets, restrict access & monitor activity with full 2666 reporting. 2667 </p> 2668 </dd> 2669 </div> 2670 <div class="flex flex-col"> 2671 <dt class="flex items-center gap-x-3 text-xl font-semibold text-white"> 2672 <h3> 2673 <a href="https://www.lapsafe.com/sectors/offices" 2674 class="flex hover:text-pink-500"> 2675 <svg class="text-white top-1 left-0 h-6" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon"> 2676 <path stroke-linecap="round" stroke-linejoin="round" d="M17.25 8.25 21 12m0 0-3.75 3.75M21 12H3"/> 2677</svg>
2677 <span class="pl-3 text-2xl">Workspaces & Offices</span> 2678 </a> 2679 </h3> 2680 </dt> 2681 <dd class="mt-4 flex flex-auto flex-col text-lg text-gray-300"> 2682 <p class="flex-auto"> 2683 Empower your workforce with device loaning, self-service lockers & smart 2684 charging, driving greater productivity & accountability. 2685 </p> 2686 </dd> 2687 </div> 2688 </dl> 2689 </div> 2690 </div> 2691 </div> 2692 2693 <div class="hidden relative bg-white py-16 sm:py-24 md:block"> 2694 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 2695 <div class="mx-auto max-w-2xl text-center"> 2696 <h2 class="mt-2 text-pretty text-4xl font-semibold leading-14 tracking-tight text-gray-900 sm:text-5xl lg:text-balance"> 2697 LapSafe® Smart Locker Customers Around The World 2698 </h2> 2699 </div> 2700 <div class="pt-14 flex justify-center"> 2701 <iframe 2702 src="https://www.google.com/maps/d/embed?mid=19EAgIggWLhRTjQrWPV01Fi52GZquRuil&ehbc=2E312F" 2703 class="rounded-xl" 2704 loading="lazy" 2705 title="LapSafe smart locker customers around the world" 2706 width="100%" 2707 height="580" 2708 allow="fullscreen" 2709 referrerpolicy="no-referrer-when-downgrade" 2710 ></iframe> 2711 </div> 2712 </div> 2713 </div> 2714 2715 <div class="border-b shadow-xl bg-white overflow-hidden relative"> 2716 <div 2717 x-data="{}" 2718 x-init="$nextTick(() => { 2719 let ul = $refs.logos; 2720 ul.insertAdjacentHTML('afterend', ul.outerHTML); 2721 ul.nextSibling.setAttribute('aria-hidden', 'true'); 2722 })" 2723 class="py-4 w-full inline-flex flex-nowrap overflow-hidden [mask-image:_linear-gradient(to_right,transparent_0,_black_128px,_black_calc(100%-128px),transparent_100%)]" 2724 > 2725 <ul x-ref="logos" class="mt-4 flex items-center justify-center md:justify-start [&_li]:mx-8 [&_img]:max-w-none motion-safe:animate-[infinite-scroll_140s_linear_infinite] hover:[animation-play-state:paused]"> 2726 <li> 2727 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/c70178b6-473a-451a-9ebb-3882adc67b00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2728 </li> 2729 <li> 2730 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/0a167d4a-53e8-4a7d-1045-64bc944cba00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2731 </li> 2732 <li> 2733 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/403238d3-1816-4dc8-3ded-5b620254e300/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2734 </li> 2735 <li> 2736 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/6dbc313a-6d28-4105-0730-f9a31331cf00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2737 </li> 2738 <li> 2739 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/6b6fda7f-95a3-4b5c-245d-e09368308800/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2740 </li> 2741 <li> 2742 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/47b409db-958e-4ee0-5935-db6034feaa00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2743 </li> 2744 <li> 2745 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/bfa98683-8061-45c2-f9ae-a495fea74000/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2746 </li> 2747 <li> 2748 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/4b775709-568e-472e-84e9-499953a1cb00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2749 </li> 2750 <li> 2751 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/023cc520-05cf-41ff-d0f0-aa893d96f600/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2752 </li> 2753 <li> 2754 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/c793635f-350a-4a81-165c-70d79939b800/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2755 </li> 2756 <li> 2757 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/01dcb94a-08a9-4484-30cc-317e3e798a00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2758 </li> 2759 <li> 2760 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/83348d74-e71d-4ffb-e17b-57f933d43700/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2761 </li> 2762 <li> 2763 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/27c019ac-0c46-46da-2aa5-9fd6d1c97d00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2764 </li> 2765 <li> 2766 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/eb0f3cb9-729d-4a76-2797-92afa2731f00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2767 </li> 2768 <li> 2769 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/f125784f-7f4b-456c-801f-799bab38fb00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2770 </li> 2771 <li> 2772 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/9968b991-ea0b-42f9-597f-ab2bb5337300/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2773 </li> 2774 <li> 2775 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/20400c96-b38d-4289-5e0a-2e3972dea900/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2776 </li> 2777 <li> 2778 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/70273824-308e-4627-57f6-d7a87b1b4300/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2779 </li> 2780 <li> 2781 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/17eeb2a8-67ed-4e91-51a7-d50a719e7a00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2782 </li> 2783 <li> 2784 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/644c9739-ab2d-4b18-e8ef-0536dc01f400/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2785 </li> 2786 <li> 2787 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/3835432a-91f2-425b-07bf-edb98bea4600/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2788 </li> 2789 <li> 2790 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/2aa44b3d-c115-4bfe-b362-ddd0510ccd00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2791 </li> 2792 <li> 2793 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/f609d876-7cd5-40ab-b960-2c310c6cc500/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2794 </li> 2795 <li> 2796 <img class="pl-12" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/f9dfe95c-44d5-44fd-b0ff-c7864bdc1a00/w=150" alt="Trusted Partners" loading="lazy" height="80" width="150"/> 2797 </li> 2798 </ul> 2799 </div> 2800</div> 2801 2802 2803 <div class="bg-gray-50 py-16 sm:py-24"> 2804 <div class="mx-auto max-w-3xl px-4 sm:px-6 lg:max-w-7xl lg:px-8"> 2805 <section aria-labelledby="details-heading"> 2806 <div class="flex flex-col items-center text-center"> 2807 <h2 id="details-heading" class="text-4xl font-semibold tracking-tight text-gray-900 sm:text-5xl"> 2808 We Partner With Trusted IT Providers 2809 </h2> 2810 <p class="mt-6 text-lg text-gray-500"> 2811 LapSafe® partners with over 350 leading IT resellers, managed service providers, and procurement 2812 specialists to ensure our solutions are accessible across 2813 all sectors. By working with the best in the industry, we provide seamless IT support and 2814 trusted expertise to meet your organisationâs needs. 2815 </p> 2816 </div> 2817 2818 <div class="py-4 grid grid-cols-2 translate-y-6 place-items-center gap-4 lg:grid-cols-3 lg:gap-x-4" 2819 x-data="{ shown: false }" x-intersect:enter="shown = true"> 2820 <div 2821 class="translate-y-6" 2822 x-show="shown" 2823 x-transition:enter="transition ease-out duration-1000" 2824 x-transition:enter-start="opacity-0 transform translate-y-4" 2825 x-transition:enter-end="opacity-100 transform translate-y-0" 2826 > 2827 <img 2828 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/3b981b7e-ab73-45e9-0099-9e149641dc00/w=900" loading="lazy" 2829 alt="XMA" class="lg:h-36 rounded-lg object-cover"> 2830 </div> 2831 <div 2832 class="translate-y-6" 2833 x-show="shown" 2834 x-transition:enter="transition ease-out duration-1000" 2835 x-transition:enter-start="opacity-0 transform translate-y-4" 2836 x-transition:enter-end="opacity-100 transform translate-y-0" 2837 > 2838 <img 2839 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/470eae7d-e620-4dd3-3dd8-930b7e0d7000/w=900" loading="lazy" 2840 alt="Softcat" class="lg:w-full lg:h-36 rounded-lg object-cover"> 2841 </div> 2842 <div 2843 class="translate-y-6" 2844 x-show="shown" 2845 x-transition:enter="transition ease-out duration-1000" 2846 x-transition:enter-start="opacity-0 transform translate-y-4" 2847 x-transition:enter-end="opacity-100 transform translate-y-0" 2848 > 2849 <img 2850 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/6b74fe2a-3e74-4ed3-9f89-2ed94750bb00/w=900" loading="lazy" 2851 alt="HP" class="lg:w-full lg:h-36 rounded-lg object-cover"> 2852 </div> 2853 <div 2854 class="translate-y-6" 2855 x-show="shown" 2856 x-transition:enter="transition ease-out duration-1000" 2857 x-transition:enter-start="opacity-0 transform translate-y-4" 2858 x-transition:enter-end="opacity-100 transform translate-y-0" 2859 > 2860 <img 2861 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/66bc60ae-3655-4ab6-eea5-a4902e4e7500/w=900" loading="lazy" 2862 alt="Converge Technology Solutions" class="lg:w-full lg:h-36 rounded-lg object-cover"> 2863 </div> 2864 <div 2865 class="translate-y-6" 2866 x-show="shown" 2867 x-transition:enter="transition ease-out duration-1000" 2868 x-transition:enter-start="opacity-0 transform translate-y-4" 2869 x-transition:enter-end="opacity-100 transform translate-y-0" 2870 > 2871 <img 2872 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/876e5487-1615-46d2-fb8e-c5fd3a968e00/w=900" loading="lazy" 2873 alt="CDW" class="lg:w-full lg:h-36 rounded-lg object-cover"> 2874 </div> 2875 <div 2876 class="translate-y-6" 2877 x-show="shown" 2878 x-transition:enter="transition ease-out duration-1000" 2879 x-transition:enter-start="opacity-0 transform translate-y-4" 2880 x-transition:enter-end="opacity-100 transform translate-y-0" 2881 > 2882 <img 2883 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/8b7f1e3a-3950-49d3-a485-2dacc54f8200/w=900" loading="lazy" 2884 alt="Academia Technology Group" class="lg:w-full lg:h-36 rounded-lg object-cover"> 2885 </div> 2886 <div 2887 class="translate-y-6" 2888 x-show="shown" 2889 x-transition:enter="transition ease-out duration-1000" 2890 x-transition:enter-start="opacity-0 transform translate-y-4" 2891 x-transition:enter-end="opacity-100 transform translate-y-0" 2892 > 2893 <img 2894 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/d7488253-ccec-4355-b479-ed0a31fe0800/w=900" loading="lazy" 2895 alt="Computacenter" class="lg:w-full lg:h-36 rounded-lg object-cover"> 2896 </div> 2897 <div 2898 class="translate-y-6" 2899 x-show="shown" 2900 x-transition:enter="transition ease-out duration-1000" 2901 x-transition:enter-start="opacity-0 transform translate-y-4" 2902 x-transition:enter-end="opacity-100 transform translate-y-0" 2903 > 2904 <img 2905 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/b69b52be-6579-4686-4bb4-84ff490cb900/w=900" loading="lazy" 2906 alt="Advania" class="lg:w-full lg:h-36 rounded-lg object-cover"> 2907 </div> 2908 <div 2909 class="translate-y-6" 2910 x-show="shown" 2911 x-transition:enter="transition ease-out duration-1000" 2912 x-transition:enter-start="opacity-0 transform translate-y-4" 2913 x-transition:enter-end="opacity-100 transform translate-y-0" 2914 > 2915 <img 2916 src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/18bbfceb-d1cf-47b2-13e1-dbe1dbbd0600/w=900" loading="lazy" 2917 alt="Bechtle" class="lg:w-full lg:h-36 rounded-lg object-cover"> 2918 </div> 2919 </div> 2920 </section> 2921 </div> 2922 </div> 2923 2924 <div class="overflow-hidden bg-white py-16 sm:py-24"> 2925 <div class="mx-auto max-w-7xl px-6 lg:px-8"> 2926 <div 2927 class="mx-auto grid max-w-2xl grid-cols-1 gap-x-8 gap-y-16 sm:gap-y-20 lg:mx-0 lg:max-w-none lg:grid-cols-2"> 2928 <div class="lg:pr-8"> 2929 <div class="lg:max-w-lg"> 2930 <div class="text-center lg:text-left lg:max-w-lg"> 2931 <h2 class="text-4xl font-semibold tracking-tight leading-14 text-pretty text-gray-900 sm:text-
29315xl"> 2932 Storage, Charging & Smart Locker Experts 2933 </h2> 2934 <p class="mt-6 text-xl text-gray-700"> 2935 LapSafe® is the original inventor of storage and charging trolley and has 25 years of 2936 proven 2937 innovation in the smart locker industry. 2938 </p> 2939 </div> 2940 <div class="mt-10 max-w-xl text-lg text-gray-700 lg:max-w-none"> 2941 <div class="max-w-2xl text-gray-500"> 2942 <p> 2943 As pioneers in this space, weâve been driving advancements longer and more 2944 effectively than 2945 any other provider. Our extensive experience makes us the most reliable choice for 2946 smart locker storage 2947 and charging solutions, consistently setting the standard for security, efficiency, 2948 and innovation. 2949 </p> 2950 <p class="mt-8 font-medium text-gray-700"> 2951 Our ethos is to deliver on our promises, focus on quality and provide excellent 2952 customer services and support. Read more about LapSafe® below. 2953 </p> 2954 <div class="mt-10 flex justify-center lg:justify-start"> 2955 <div class="inline-flex rounded-md space-x-4"> 2956 <a href="https://www.lapsafe.com/about" 2957 class="inline-flex items-center justify-center px-5 py-3 border border-transparent text-base font-medium rounded-md text-white bg-pink-600 hover:bg-pink-700"> 2958 About Us 2959 </a> 2960 </div> 2961 </div> 2962 </div> 2963 </div> 2964 </div> 2965 </div> 2966 <div class="flex justify-center overflow-hidden md:flex-none lg:h-[32rem]"> 2967 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/ca4355fb-0f9c-4c8a-e05f-eb2db84b2200/w=500" 2968 alt="Diplomat Smart Locker" loading="lazy" 2969 class="w-[32rem] -ml-2 max-w-none rounded-xl shadow-xl ring-1 ring-gray-400/10 sm:w-[39rem] lg:w-[36rem] lg:-ml-0" 2970 width="2432" height="1442"> 2971 </div> 2972 </div> 2973 </div> 2974 </div> 2975 2976 <section class="relative isolate overflow-hidden bg-gray-100 px-6 py-12 sm:py-18 lg:px-8"> 2977 <div class="mx-auto max-w-2xl lg:max-w-4xl"> 2978 <figure class="mt-10"> 2979 <blockquote class="text-center text-xl/8 font-semibold text-gray-900 sm:text-2xl/9"> 2980 <p>âSince implementing the Smart Lockers, weâve seen significant operational improvements. The automation of the collection and return process has reduced delays and confusion, ensuring equipment is returned on time and in a more organised manner."</p> 2981 </blockquote> 2982 <figcaption class="mt-10"> 2983 <div class="mt-4 flex items-center justify-center space-x-3 text-base"> 2984 <div class="font-semibold text-gray-900">Head of IT</div> 2985 <span class="font-bold text-xl">•</span> 2986 <div class="text-gray-600">Softcat</div> 2987 </div> 2988 </figcaption> 2989 </figure> 2990 </div> 2991 </section> 2992 2993 <div class="relative isolate overflow-hidden bg-gradient-to-b from-top to-lapsafe-blue -mb-18"> 2994 <div class="px-6 py-24 sm:px-6 sm:py-32 lg:px-8"> 2995 <div class="mx-auto max-w-6xl text-center"> 2996 <h2 class="text-4xl font-semibold tracking-tight leading-14 text-balance text-white sm:text-5xl"> 2997 The Most Secure & Efficient Solutions For Your Organisation 2998 </h2> 2999 <p class="mx-auto mt-6 max-w-4xl text-lg/8 text-pretty text-gray-300"> 3000 Enhance security, efficiency, and accountability with our smart solutions, offering full control of your IT and assets, saving time and money. 3001 </p> 3002 <div class="mt-10 flex items-center justify-center gap-x-6"> 3003 <a href="https://www.lapsafe.com/callback" 3004 class="inline-flex items-center justify-center px-5 py-3 text-base font-medium rounded-md text-white bg-pink-600 transition duration-200 ease-in-out hover:bg-pink-700"> 3005 Talk to us 3006</a> 3007 3008 <a href="https://lapsafe.ams3.digitaloceanspaces.com/brochures/lapsafe_overview.pdf" 3009 class="inline-flex items-center justify-center px-5 py-3 border text-base font-medium rounded-md text-white border-pink-600 transition duration-200 ease-in-out hover:bg-pink-600 hover:text-white"> 3010 Download a Brochure 3011</a> 3012 </div> 3013 </div> 3014 </div> 3015</div> 3016 3017</main> 3018<footer class="relative mx-auto mt-18 w-full max-w-container px-4 sm:px-6 lg:px-8 z-10" 3019 aria-labelledby="footer-heading"> 3020 <div class="border-t border-slate-900/5 py-10"> 3021 <h2 id="footer-heading" class="sr-only">Footer</h2> 3022 <div class="max-w-7xl mx-auto py-16 px-4 sm:px-6 lg:py-24 lg:px-8"> 3023 <div class="xl:grid xl:grid-cols-4 xl:gap-6"> 3024 <div class="space-y-6 xl:col-span-2"> 3025 <img class="h-10" src="https://lapsafe.ams3.digitaloceanspaces.com/static/logo.svg" alt="LapSafe Self-Service Solutions Logo"> 3026 3027 <p class="text-sm text-gray-500">Experts in Self-Service Solutions</p> 3028 3029 <div class="text-base"> 3030 <a class="text-gray-500 hover:text-gray-600" href="tel:+441787226166"> 3031 +44 (0) 1787 226 166 3032 </a> 3033 </div> 3034 3035 <div class="flex space-x-6"> 3036 <a href="https://www.facebook.com/lapsafeuk" target="_blank" 3037 class="text-gray-400 hover:text-gray-500">
3038 <span class="sr-only">Facebook</span> 3039 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 3040 <path fill-rule="evenodd" 3041 d="M22 12c0-5.523-4.477-10-10-10S2 6.477 2 12c0 4.991 3.657 9.128 8.438 9.878v-6.987h-2.54V12h2.54V9.797c0-2.506 1.492-3.89 3.777-3.89 1.094 0 2.238.195 2.238.195v2.46h-1.26c-1.243 0-1.63.771-1.63 1.562V12h2.773l-.443 2.89h-2.33v6.988C18.343 21.128 22 16.991 22 12z" 3042 clip-rule="evenodd"/> 3043 </svg> 3044 </a> 3045 3046 <a href="https://twitter.com/lapsafe" class="text-gray-400 hover:text-gray-500"> 3047 <span class="sr-only">Twitter</span> 3048 <svg class="h-6 w-6" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"> 3049 <path 3050 d="M8.29 20.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0022 5.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.072 4.072 0 012.8 9.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 012 18.407a11.616 11.616 0 006.29 1.84"/> 3051 </svg> 3052 </a> 3053 </div> 3054 3055 </div> 3056 <div class="mt-12 grid grid-cols-2 xl:mt-0 xl:col-span-2"> 3057 <div class="md:grid md:grid-cols-2 md:gap-8"> 3058 <div class="mt-12 md:mt-0"> 3059 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Support</h3> 3060 <ul role="list" class="mt-4 space-y-4"> 3061 <li> 3062 <a href="https://www.lapsafe.com/support" 3063 class="text-base text-gray-500 hover:text-gray-900"> 3064 Contact Support 3065 </a> 3066 </li> 3067 3068 <li> 3069 <a href="https://www.lapsafe.com/support/upgrade" 3070 class="text-base text-gray-500 hover:text-gray-900"> 3071 Upgrade Request 3072 </a> 3073 </li> 3074 3075 <li> 3076 <a href="https://www.lapsafe.com/support/keys" 3077 class="text-base text-gray-500 hover:text-gray-900"> 3078 Replacement Keys 3079 </a> 3080 </li> 3081 3082 <li> 3083 <a href="https://www.lapsafe.com/support/manuals" 3084 class="text-base text-gray-500 hover:text-gray-900"> 3085 User Manuals 3086 </a> 3087 </li> 3088 3089 <li> 3090 <a href="https://www.lapsafe.com/warranty" 3091 class="text-base text-gray-500 hover:text-gray-900"> 3092 Warranty Information 3093 </a> 3094 </li> 3095 3096 <li> 3097 <a href="https://www.lapsafe.com/register-a-deal" 3098 class="text-base text-gray-500 hover:text-gray-900"> 3099 Register A Deal 3100 </a> 3101 </li> 3102 </ul> 3103 </div> 3104 <div class="mt-12 md:mt-0"> 3105 <h3 class="text-sm font-semibold text-gray-400 tracking-wider up
3105percase">Company</h3> 3106 <ul role="list" class="mt-4 space-y-4"> 3107 <li> 3108 <a href="https://www.lapsafe.com/about" class="text-base text-gray-500 hover:text-gray-900"> 3109 About </a> 3110 </li> 3111 3112 <li> 3113 <a href="https://www.lapsafe.com/blog" 3114 class="text-base text-gray-500 hover:text-gray-900"> Blog </a> 3115 </li> 3116 3117 <li> 3118 <a href="https://www.lapsafe.com/press" 3119 class="text-base text-gray-500 hover:text-gray-900"> Press </a> 3120 </li> 3121 3122 <li> 3123 <a href="https://www.lapsafe.com/case-studies" 3124 class="text-base text-gray-500 hover:text-gray-900"> 3125 Case Studies 3126 </a> 3127 </li> 3128 </ul> 3129 </div> 3130 </div> 3131 <div class="md:grid md:grid-cols-2 md:gap-8"> 3132 <div class="mt-12 md:mt-0"> 3133 <h3 class="text-sm font-semibold text-gray-400 tracking-wider uppercase">Legal</h3> 3134 <ul role="list" class="mt-4 space-y-4"> 3135 <li> 3136 <a href="https://www.lapsafe.com/privacy" 3137 class="text-base text-gray-500 hover:text-gray-900"> 3138 Privacy Policy 3139 </a> 3140 </li> 3141 3142 <li> 3143 <a href="https://www.lapsafe.com/standard-business-terms-and-conditions" 3144 class="text-base text-gray-500 hover:text-gray-900"> 3145 Standard Business Terms And Conditions 3146 </a> 3147 </li> 3148 3149 <li> 3150 <a href="https://www.lapsafe.com/cookies" 3151 class="text-base text-gray-500 hover:text-gray-900"> 3152 Cookie Policy 3153 </a> 3154 </li> 3155 <a href='#' class='iubenda-cs-preferences-link text-base text-gray-500 hover:text-gray-900'> 3156 Privacy Settings 3157 </a> 3158 </ul> 3159 </div> 3160 </div> 3161 </div> 3162 </div> 3163 3164 <div class="mt-12 flex justify-center items-center"> 3165 <div class="mt-12 grid grid-cols-2 gap-x-6 place-items-center-safe md:mt-0 lg:grid-cols-5"> 3166 <img class="h-20" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/f371342d-1cd2-40c2-25f0-92d067883d00/w=120" loading="lazy" alt="LapSafe Plant A Tree"> 3167 <img class="h-20" src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/1beed1a6-0a91-4230-6d48-ad650a1a5600/w=120" loading="lazy" alt="LapSafe FSC"> 3168 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/1de41b28-856a-4f30-d00e-918796ab0900/w=120" loading="lazy" alt="LapSafe Made In Britain"> 3169 <img src="https://imagedelivery.net/8YUfmHec9c_5WhrJJRIuug/af332842-f46c-4428-a889-e47644d44b00/w=120" loading="lazy" alt="LapSafe UKAS"> 3170 <iframe src="https://registry.blockmarktech.com/certificates/e2ac18ee-523a-4717-8daf-6a3b2eaedfb7/widget/?tooltip_position=bottom_right&theme=transparent&hover=t" style="border:none;height:96px;width:96px;"></iframe> 3171 </div> 3172 </div> 3173 3174 <div class="mt-12 border-t border-gray-100 pt-8"> 3175 <p class="text-base text-gray-400 xl:text-center">© 2026 LapSafe® Self-Service 3176 Solutions Ltd. All rights reserved.</p> 3177 </div> 3178 </div> 3179 </div> 3180</footer>
3181<script src="/livewire/livewire.min.js?id=df86bb7e" data-csrf="XuF0xHaNbFQjk5jA9Rm0GPLR3qAYmYr9jpj8OVdD" data-update-uri="/livewire/update" data-navigate-once="true"></script>
vendor: 1 bytes, line 3181
3181
3182<script src="https://www.lapsafe.com/flux/flux.min.js?id=9ce7e4f7" data-navigate-once></script>
vendor: 1 bytes, line 3182
3182
3183<script type="text/javascript"> 3184 window.__lc = window.__lc || {}; 3185 window.__lc.license = 6427331; 3186 ;(function(n,t,c){function i(n){return e._h?e._h.apply(null,n):e._q.push(n)}var e={_q:[],_h:null,_v:"2.0",on:function(){i(["on",c.call(arguments)])},once:function(){i(["once",c.call(arguments)])},off:function(){i(["off",c.call(arguments)])},get:function(){if(!e._h)throw new Error("[LiveChatWidget] You can't use getters before load.");return i(["get",c.call(arguments)])},call:function(){i(["call",c.call(arguments)])},init:function(){var n=t.createElement("script");n.async=!0,n.type="text/javascript",n.src="https://cdn.livechatinc.com/tracking.js",t.head.appendChild(n)}};!n.__lc.asyncInit&&e.init(),n.LiveChatWidget=n.LiveChatWidget||e}(window,document,[].slice)) 3187</script>
3187 3188<noscript><a href="https://www.livechat.com/chat-with/6427331/" rel="nofollow">Chat with us</a>, powered by <a href="https://www.livechat.com/?welcome" rel="noopener nofollow" target="_blank">LiveChat</a></noscript>
3189<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a454fa062948bda8',t:'MTc5MTEyNTE5Mg=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
3189</body> 3190</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.