1<!DOCTYPE html> 2<html lang="en-gb"> 3<head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <meta name="csrf-token" content="iUskPx9kgYrZbCmXFiyZeK3hoHhh412pLP3VQUUM" /> 7 <meta 8 name="description" 9 content="Products" 10 /> 11 12 <meta name="google-site-verification" content="A3IxoMbxVsFrqD4iMIS25PXM4qCx_9qqzfPR1QZ2ifo" /> 13 14 15 <link rel="canonical" href="https://www.voltimum.co.uk/product-search" /> 16 17 18 19 <title>Products - Voltimum UK</title> 20 21 22 <meta property="og:title" content="Products - Voltimum UK" /> 23 <meta 24 property="og:description" 25 content="Products" 26 /> 27 <meta property="og:type" content="website" /> 28 <meta property="og:url" content="https://www.voltimum.co.uk/product-search" /> 29 <meta property="og:site_name" content="Voltimum" /> 30 <meta property="og:locale" content="en_GB" /> 31 <meta property="og:image" content="https://www.voltimum.co.uk/img/og-card.png" /> 32 <meta property="og:image:width" content="1200" /> 33 <meta property="og:image:height" content="630" /> 34 <meta property="og:image:alt" content="Products - Voltimum UK" /> 35 36 37 <meta name="twitter:card" content="summary_large_image" /> 38 <meta name="twitter:title" content="Products - Voltimum UK" /> 39 <meta 40 name="twitter:description" 41 content="Products" 42 /> 43 <meta name="twitter:image" content="https://www.voltimum.co.uk/img/og-card.png" /> 44 <link rel="icon" href="https://www.voltimum.co.uk/img/v.svg" type="image/svg" /> 45 46 <!-- Fonts --> 47 <link rel="preconnect" href="https://fonts.bunny.net" crossorigin /> 48 <link href="https://fonts.bunny.net/css?family=Inter:300,400,600&display=swap" rel="stylesheet" /> 49 50 <link rel="preconnect" href="https://cdn.voltimum.com" /> 51 52
52<script 53 type="text/javascript" 54 src="https://cdn.consentmanager.net/delivery/autoblocking/953b686cd522.js" 55 data-cmp-ab="1" 56 data-cmp-host="delivery.consentmanager.net" 57 data-cmp-cdn="cdn.consentmanager.net" 58 data-cmp-codesrc="26" 59 ></script>
59 60 61 <!-- Google Tag Manager --> 62
62<script type="text/javascript" data-cmp-vendor="s905">
vendor: 455 bytes, lines 62-72
62 63 (function (w, d, s, l, i) { 64 w[l] = w[l] || []; 65 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 66 var f = d.getElementsByTagName(s)[0], 67 j = d.createElement(s), 68 dl = l != 'dataLayer' ? '&l=' + l : ''; 69 j.async = true; 70 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 71 f.parentNode.insertBefore(j, f); 72 })(window, document, 'script', 'dataLayer', '
72GTM-P99PFCDN
vendor: 8 bytes, lines 72-73
72'); 73
73</script>
73 74 <!-- End Google Tag Manager --> 75 76 <!-- Scripts --> 77
77<script> 78 var globalTracking = { 79 rnd_url: 'https://www.voltimum.co.uk/js/tracking_rnd.js', 80 pageviews_url: 'https://px.voltimum.com/v.gif', 81 events_url: 'https://px.voltimum.com/e.gif', 82 params: JSON.parse('{\u0022siteid\u0022:\u0022UK\u0022,\u0022categoryVoltimum\u0022:\u0022A\u0022,\u0022brand\u0022:\u0022\u0022,\u0022contentarea\u0022:\u0022PRODUCT\u0022,\u0022topics\u0022:\u0022\u0022,\u0022uuid\u0022:\u0022\u0022,\u0022van\u0022:\u0022\u0022,\u0022status\u0022:\u0022WALKIN\u0022,\u0022url\u0022:\u0022%2Fproduct-search\u0022,\u0022title\u0022:\u0022Products - Voltimum UK\u0022}'), 83 jitsu_tracking_domain: 'https://j.voltimum.com/', 84 basic_ids: ['url', 'title', 'siteid'], 85 }; 86 87 // Expose Jitsu params globally and allow late merges from child components 88 var jitsuTrackingParams = JSON.parse('{\u0022country\u0022:\u0022UK\u0022,\u0022van\u0022:\u0022\u0022,\u0022user_category\u0022:\u0022O\u0022,\u0022user_status\u0022:\u0022ANONYMOUS\u0022,\u0022eventname\u0022:\u0022viewProductListing\u0022,\u0022area\u0022:\u0022PRODUCT\u0022}'); 89 window.jitsuTrackingParams = Object.assign({}, window.jitsuTrackingParams || {}, jitsuTrackingParams); 90 // If a parent page sets $jitsuWaitForChild=true, hold initialization until the child signals readiness 91 window.jitsuParamsReady = true; 92 // Listen for child components augmenting tracking params 93 window.addEventListener('jitsu:merge', function (e) { 94 try { 95 if (!e || !e.detail || typeof e.detail !== 'object') { 96 return; 97 } 98 Object.assign(window.jitsuTrackingParams, e.detail); 99 } catch (_) {} 100 }); 101 // Child components should dispatch this event once they have prepared all additional params 102 window.addEventListener( 103 'jitsu:params-ready', 104 function () { 105 window.jitsuParamsReady = true; 106 }, 107 { once: true }, 108 ); 109 110 document.addEventListener('DOMContentLoaded', () => { 111 window.Livewire.interceptRequest(({ onSuccess }) => { 112 onSuccess(() => { 113 if (typeof _gt_pageview == 'function' && typeof globalTracking == 'object') { 114 var new_url = encodeURIComponent(window.location.pathname + window.location.search + window.location.hash); 115 116 if (new_url != globalTracking.params.url) { 117 globalTracking.params.url = new_url; 118 119 _gt_pageview(); 120 } 121 122 setTimeout(function () { 123 _gt_attach(document); 124 }, 0); 125 } 126 }); 127 }); 128 }); 129</script>
129 130 131
131<script data-cmp-vendor="s1631"> 132 (function (e, t, o, n, p, r, i) { 133 e.visitorGlobalObjectAlias = n; 134 e[e.visitorGlobalObjectAlias] = 135 e[e.visitorGlobalObjectAlias] || 136 function () { 137 (e[e.visitorGlobalObjectAlias].q = e[e.visitorGlobalObjectAlias].q || []).push(arguments); 138 }; 139 e[e.visitorGlobalObjectAlias].l = new Date().getTime(); 140 r = t.createElement('script'); 141 r.src = o; 142 r.async = true; 143 i = t.getElementsByTagName('script')[0]; 144 i.parentNode.insertBefore(r, i); 145 })(window, document, 'https://diffuser-cdn.app-us1.com/diffuser/diffuser.js', 'vgo'); 146 vgo('setAccount', '68323182'); 147 vgo('setTrackByDefault', true); 148 vgo('process'); 149</script>
149 150 151
151<script data-cmp-vendor="s135"> 152 document.addEventListener('DOMContentLoaded', () => { 153 const script = document.createElement('script'); 154 155 script.src = 'https://accounts.google.com/gsi/client'; 156 script.async = true; 157 script.defer = true; 158 script.setAttribute('data-cmp-vendor', 's135'); 159 160 script.onload = function () { 161 google.accounts.id.initialize({ 162 client_id: '232389897709-jcp0esvv0re73r6od8plch565hnvaslf.apps.googleusercontent.com', 163 callback: handleCredentialResponse, 164 auto_select: false, 165 cancel_on_tap_outside: false, 166 }); 167 168 const parent = document.getElementById('google_btn'); 169 170 google.accounts.id.renderButton(parent, { theme: 'filled_blue' }); 171 google.accounts.id.prompt(); 172 }; 173 174 script.onerror = function () { 175 console.error('Failed to load Google One Tap script.'); 176 }; 177 178 function handleCredentialResponse(response) { 179 fetch('/oauth/google-onetap-login', { 180 method: 'POST', 181 headers: { 182 'Content-Type': 'application/json', 183 'X-CSRF-TOKEN': 'iUskPx9kgYrZbCmXFiyZeK3hoHhh412pLP3VQUUM', 184 }, 185 body: JSON.stringify({ credential: response.credential }), 186 }) 187 .then((res) => res.json()) 188 .then((data) => { 189 if (data.success) { 190 if (data.redirect != '') { 191 window.location.href = data.redirect; 192 } else { 193 window.location.reload(); 194 } 195 } 196 }); 197 } 198 199 document.head.appendChild(script); 200 }); 201</script>
201 202 203 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 204 205
205<script type="text/javascript"> 206 window.jitsuLoaded = function (jitsu) { 207 const run = function () { 208 try { 209 // VAN & email straight from Blade (no globals, no API) 210 const van = null; 211 const email = null; 212 213 const PAT = /^XX\d{11}$/; 214 215 const userSnapshot = jitsu && typeof jitsu.user === 'function' ? jitsu.user() : {}; 216 const anonId = userSnapshot && userSnapshot.anonymousId; 217 const userId = userSnapshot && userSnapshot.userId; 218 219 // Ensure anonymousId exists and matches "XX###########" 220 if (!anonId || !PAT.test(String(anonId))) { 221 // Generate: "XX" + 11 digits (first digit 1â9) 222 let digits = ''; 223 if (window.crypto && crypto.getRandomValues) { 224 const a = new Uint32Array(11); 225 crypto.getRandomValues(a); 226 for (let i = 0; i < 11; i++) { 227 let d = a[i] % 10; 228 if (i === 0 && d === 0) d = (a[i] % 9) + 1; 229 digits += d; 230 } 231 } else { 232 for (let i = 0; i < 11; i++) { 233 let d = Math.floor(Math.random() * 10); 234 if (i === 0 && d === 0) d = 1 + Math.floor(Math.random() * 9); 235 digits += d; 236 } 237 } 238 const id = 'XX' + digits; 239 if (jitsu && typeof jitsu.setAnonymousId === 'function') { 240 jitsu.setAnonymousId(id); 241 } 242 } 243 244 // Params 245 const s = window.jitsuTrackingParams || {}; 246 247 // Identify by VAN if we have it and no userId yet 248 if (van && !userId && jitsu && typeof jitsu.identify === 'function') { 249 const traits = { 250 email: email, 251 category: s.user_category, 252 status: s.user_status, 253 }; 254 255 jitsu.identify(van, traits); 256 } 257 258 // Track .page() events 259 jitsu.page( 260 Object.fromEntries( 261 Object.entries({ 262 eventname: s.eventname, 263 country: s.country, 264 brands: s.brands && (Array.isArray(s.brands) ? s.brands : [s.brands]), 265 brand_impressions: s.brand_impressions && s.brand_impressions.length ? s.brand_impressions : null, 266 user: { 267 van: s.van, 268 category: s.user_category, 269 status: s.user_status, 270 }, 271 content: { 272 area: s.area, 273 category: s.category, 274 partner: s.partner, 275 topics: s.topics && (Array.isArray(s.topics) ? s.topics : [s.topics]), 276 classifications: 277 s.classifications && (Array.isArray(s.classifications) ? s.classifications : [s.classifications]), 278 }, 279 }).filter(([, v]) => v != null && v !== ''), 280 ), 281 ); 282 283 const bulkProducts = []; 284 if (Array.isArray(bulkProducts) && bulkProducts.length && typeof jitsu.track === 'function') { 285 jitsu.track('bulkAddToCart', { 286 eventname: 'bulkAddToCart', 287 country: s.country, 288 user: { 289 van: s.van, 290 category: s.user_category, 291 status: s.user_status, 292 }, 293 products: bulkProducts, 294 }); 295 } 296 297 // One-shot conversion events flashed by server-side flows that end 298 // in a redirect (e.g. registration) â same pattern as bulkAddToCart. 299 const conversionEvents = []; 300 if (Array.isArray(conversionEvents) && typeof jitsu.track === 'function') { 301 conversionEvents.forEach(function (name) { 302 if (typeof name !== 'string' || !name) return; 303 jitsu.track(name, { 304 eventname: name, 305 country: s.country, 306 user: {
307 van: s.van, 308 category: s.user_category, 309 status: s.user_status, 310 }, 311 }); 312 }); 313 } 314 315 window.jitsuEvent = function (name, params = {}) { 316 try { 317 if (!window.jitsu) return; 318 319 var p = window.jitsuTrackingParams || {}; 320 const baseData = { 321 eventname: name, 322 country: 'UK', 323 brands: p.brands || null, 324 brand_impressions: p.brand_impressions && p.brand_impressions.length ? p.brand_impressions : null, 325 user: { 326 van: s.van, 327 category: s.user_category, 328 status: s.user_status, 329 }, 330 ...params, 331 }; 332 333 // Allow triggering a "page" type event via jitsuEvent 334 if (params && params._page === true && typeof window.jitsu.page === 'function') { 335 delete baseData._page; 336 window.jitsu.page(baseData); 337 return; 338 } 339 340 if (typeof window.jitsu.track === 'function') { 341 window.jitsu.track(name, baseData); 342 } 343 } catch (e) { 344 console.warn('Jitsu tracking error:', e); 345 } 346 }; 347 348 window.dispatchEvent(new CustomEvent('jitsu:ready')); 349 350 // Server-validated conversions dispatched from Livewire components 351 // (e.g. $this->dispatch('jitsu-track', name: 'joinVPlus')). 352 window.addEventListener('jitsu-track', function (event) { 353 const name = event.detail && event.detail.name; 354 if (name) window.jitsuEvent(name, (event.detail && event.detail.params) || {}); 355 }); 356 357 // Livewire pagination: treat as full page view for Jitsu 358 (function () { 359 const isPaginationAction = function (action) { 360 return typeof action === 'string' && /^(gotoPage|nextPage|previousPage)/.test(action); 361 }; 362 363 // Delegate click handling to capture Livewire pagination interactions 364 let debounceId = null; 365 document.addEventListener( 366 'click', 367 function (e) { 368 const el = e.target && e.target.closest('[wire\\:click]'); 369 if (!el) { 370 return; 371 } 372 const action = el.getAttribute('wire:click'); 373 if (!isPaginationAction(action)) { 374 return; 375 } 376 377 clearTimeout(debounceId); 378 debounceId = setTimeout(function () { 379 if (window._brandsPaginationHandled) { 380 window._brandsPaginationHandled = false; 381 return; 382 } 383 if (typeof window.jitsuEvent === 'function') { 384 window.jitsuEvent('usePagination', { 385 _page: true, 386 url: window.location.href, 387 }); 388 } 389 }, 300); 390 }, 391 true, 392 ); 393 394 // Also intercept Livewire messages to catch programmatic pagination changes 395 try { 396 if (window.Livewire && typeof window.Livewire.interceptMessage === 'function') { 397 window.Livewire.interceptMessage(function ({ message, onFinish }) { 398 const isPagination = 399 message && 400 message.actions && 401 [...message.actions].some(function (action) { 402 return isPaginationAction(action && action.name); 403 }); 404 if (!isPagination) { 405 return; 406 } 407 onFinish(function () { 408 if (window._brandsPaginationHandled) { 409 window._brandsPaginationHandled = false;
410 return; 411 } 412 if (typeof window.jitsuEvent === 'function') { 413 window.jitsuEvent('usePagination', { 414 _page: true, 415 url: window.location.href, 416 }); 417 } 418 }); 419 }); 420 } 421 } catch (_) { 422 // swallow errors 423 } 424 425 // Watch for brand tracking data changes after Livewire morphs the DOM 426 var lastBrandHash = null; 427 var brandInitialised = false; 428 var brandDebounceId = null; 429 new MutationObserver(function () { 430 var el = document.querySelector('[data-brand-tracking]'); 431 if (!el) return; 432 var raw = el.getAttribute('data-brand-tracking'); 433 if (raw === lastBrandHash) return; 434 lastBrandHash = raw; 435 var d; 436 try { 437 d = JSON.parse(raw); 438 } catch (_) { 439 return; 440 } 441 var t = window.jitsuTrackingParams || {}; 442 t.brands = d.brands; 443 t.brand_impressions = d.brand_impressions; 444 if (!brandInitialised) { 445 brandInitialised = true; 446 return; 447 } 448 // Debounce: Livewire morph may trigger multiple mutations â only fire once 449 clearTimeout(brandDebounceId); 450 brandDebounceId = setTimeout(function () { 451 window._brandsPaginationHandled = true; 452 if (typeof window.jitsuEvent === 'function') { 453 window.jitsuEvent('usePagination', { 454 _page: true, 455 url: window.location.href, 456 }); 457 } 458 }, 50); 459 }).observe(document.body, { 460 subtree: true, 461 childList: true, 462 attributes: true, 463 attributeFilter: ['data-brand-tracking'], 464 }); 465 })(); 466 } catch (_) { 467 // swallow errors to avoid breaking logout/page render 468 } 469 }; 470 471 // Wait until child components have merged their extra params when required 472 if (window.jitsuParamsReady === true) { 473 run(); 474 } else { 475 window.addEventListener('jitsu:params-ready', run, { once: true }); 476 // Fallback in case readiness isn't signaled within a short time 477 setTimeout(run, 1000); 478 } 479 }; 480 </script>
480 481
481<script 482 type="text/javascript" 483 async 484 src="https://j.voltimum.com/p.js" 485 data-onload="jitsuLoaded" 486 data-init-only="true" 487 data-write-key="xOdNIWNuY5vRouP8cjk4Q3nj4FANDhkh:TZHPRHQEJ6i2MUnxKoM9cn1UOWZIOoca" 488 data-cmp-ab="1" 489 ></script>
489 490 491 <link rel="preload" as="style" href="https://www.voltimum.co.uk/build/assets/app-C8esmxcH.css" /><link rel="modulepreload" as="script" href="https://www.voltimum.co.uk/build/assets/app-BzCz_pyj.js" /><link rel="stylesheet" href="https://www.voltimum.co.uk/build/assets/app-C8esmxcH.css" data-navigate-track="reload" />
491<script type="module" src="https://www.voltimum.co.uk/build/assets/app-BzCz_pyj.js" data-navigate-track="reload"></script>
491 492 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [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> 493 494 495 <style> 496 html { 497 scroll-behavior: smooth; 498 } 499 .format li > p { 500 margin: 0; 501 } 502 </style> 503 504
504<script type="application/ld+json"> 505 { 506 "@context": "https://schema.org", 507 "@type": "CollectionPage", 508 "name": "Products", 509 "url": "https://www.voltimum.co.uk/product-search", 510 "inLanguage": "en-GB" 511} 512 </script>
512 513 514 515
515<script type="application/ld+json"> 516 { 517 "@context": "https://schema.org", 518 "@type": "BreadcrumbList", 519 "itemListElement": [ 520 { 521 "@type": "ListItem", 522 "position": 1, 523 "name": "Home", 524 "item": "https://www.voltimum.co.uk" 525 }, 526 { 527 "@type": "ListItem", 528 "position": 2, 529 "name": "Products", 530 "item": "https://www.voltimum.co.uk/product-search" 531 } 532 ] 533} 534 </script>
534 535 536 537 538
538<script type="application/ld+json"> 539 { 540 "@context": "https://schema.org", 541 "@type": "Organization", 542 "name": "Voltimum", 543 "legalName": "Voltimum UK & Ireland Ltd", 544 "url": "https://www.voltimum.co.uk", 545 "logo": { 546 "@type": "ImageObject", 547 "url": "https://www.voltimum.co.uk/img/voltimum-logo.png", 548 "width": 668, 549 "height": 196 550 }, 551 "description": "Voltimum â the B2B portal for the electrical industry in the United Kingdom", 552 "foundingDate": "2002", 553 "vatID": "GB 790 9170 05", 554 "areaServed": "GB", 555 "address": { 556 "@type": "PostalAddress", 557 "streetAddress": "Rotherwick House 3 Thomas More St", 558 "addressLocality": "London", 559 "postalCode": "E1W 1YZ", 560 "addressCountry": "United Kingdom" 561 }, 562 "sameAs": [ 563 "https://www.facebook.com/Voltimumuk", 564 "https://www.twitter.com/voltimumuk", 565 "https://www.youtube.com/user/VoltimumUK", 566 "https://www.linkedin.com/company/voltimum", 567 "https://www.instagram.com/voltimumuk/", 568 "https://www.voltimum.ie", 569 "https://www.voltimum.de", 570 "https://www.voltimum.at", 571 "https://www.voltimum.ch", 572 "https://www.voltimum.se", 573 "https://www.voltimum.it", 574 "https://www.voltimum.es", 575 "https://www.voltimum.fr", 576 "https://www.voltimum.pt", 577 "https://www.voltimum.pl", 578 "https://www.voltimum.com.tr", 579 "https://www.voltimum.com.au", 580 "https://www.voltimum.com.br", 581 "https://www.voltimum.com.co", 582 "https://www.voltimum.co.nz" 583 ], 584 "contactPoint": { 585 "@type": "ContactPoint", 586 "contactType": "customer support", 587 "url": "https://www.voltimum.co.uk/contact-us" 588 } 589} 590 </script>
590 591 </head> 592 593<body class="flex min-h-screen w-full flex-col antialiased" x-data="data"> 594 <div x-persist="top-navigation"> 595 <div wire:key="lw-1535712454-0-facet-groups-7" wire:snapshot="{"data":{"vplus_points":null,"current_path":"\/product-search","layout":"app"},"memo":{"id":"BHYXt0IzIuC56aelGajU","name":"top-navigation","path":"product-search","method":"GET","release":"a-a-a","children":{"lw-2975294033-0-facet-groups-8":["button","KLCrpHlRjZp1neBzVAyU"]},"scripts":[],"assets":[],"errors":[],"locale":"en-gb","islands":[]},"checksum":"7e8aa015d7ad5adbe4896ead85d791b5c59a0854ee5e459e3bfdf7d3a02f9f77"}" wire:effects="{"partials":[]}" wire:id="BHYXt0IzIuC56aelGajU" wire:name="top-navigation" 596 x-data="voltHeader()" 597 x-on:keydown.escape.window="closeAll()" 598 x-on:scroll.window.passive="onScroll()" 599 600 class="volt-header-shell sticky top-0 z-[1001]" 601> 602 <a 603 href="#main-content" 604 class="sr-only focus:not-sr-only focus:absolute focus:top-2 focus:left-2 focus:z-[1002] focus:rounded-lg focus:bg-pilot-blue focus:px-4 focus:py-2 focus:text-sm focus:font-semibold focus:text-white" 605 > 606 Skip to content 607 </a> 608 609 610 <div 611 x-show="searchFocused" 612 x-cloak 613 x-transition.opacity.duration.250ms 614 x-on:click="closeAll()" 615 aria-hidden="true" 616 class="fixed inset-0 z-10 bg-[#333333]/70" 617 ></div> 618 619 620 <header 621 class="volt-header-surface absolute inset-x-0 top-0 transition-shadow duration-300 ease-out" 622 :data-scrolled="scrolled && !compact" 623 > 624 625 <div 626 class="mx-auto flex max-w-7xl items-center px-4 transition-[height] duration-300 ease-out xl:px-0" 627 :class="scrolled ? 'h-14' : 'h-14 lg:h-20'" 628 > 629 630 <div class="flex min-w-0 flex-1 items-center gap-2 sm:gap-3 xl:gap-3.5"> 631 <button 632 type="button" 633 class="-ml-2 rounded-lg p-2 text-volt-ink transition hover:bg-volt-ink/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue lg:hidden" 634 :aria-expanded="menuOpen ? 'true' : 'false'" 635 aria-controls="voltMobileDrawer" 636 aria-label="Menu" 637 x-on:click="toggleMenu()" 638 > 639 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" x-show="!menuOpen" class="h-6 w-6"> 640 <path d="M4 7H20.5M4 12.25H20.5M4 17.5H20.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 641</svg> 642 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" x-show="menuOpen" x-cloak="x-cloak" class="h-6 w-6"> 643 <path d="M6 18L18 6M6 6L18 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 644</svg> 645 </button> 646 647 648 <a href="/" aria-label="Voltimum" class="min-w-0 shrink sm:shrink-0"> 649 650 <img 651 src="https://www.voltimum.co.uk/img/voltimum.svg" 652 alt="Voltimum" 653 class="h-[30px] w-auto max-w-full object-contain object-left transition-[height] duration-300 ease-out" 654 655 :class="scrolled ? 'lg:h-7' : 'lg:h-10'" 656 /> 657 </a> 658 659 <nav 660 class="hidden max-w-[60rem] shrink-0 items-center transition-[max-width,opacity] duration-300 ease-out lg:flex" 661 :class="searchFocused && 'xl:pointer-events-none xl:max-w-0 xl:opacity-0'" 662 aria-label="Menu" 663> 664 665 <ul class="flex w-max items-center gap-2.5"> 666 <!--[if BLOCK]><![endif]--> 667 <li class="close relative" > 668 <a 669 href="/" 670 class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50" 671 > 672 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Home 673 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 674 675 676 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </li> 677 678 <li class="close relative" > 679 <a 680 href="/news" 681 class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50" 682 > 683 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> News 684 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 685 686 687 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </li> 688 689 <li class="close relative" > 690 <a 691 href="/academy" 692 class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50" 693 > 694 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Academy 695 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 696 697 698 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </li> 699 700 <li class="close relative" data-nav-dropdown="dropdownHover4" > 701 <a 702 id="dropdownHover4Button" 703 href="/product-search" 704 aria-current="page" class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue after:scale-x-100" 705 > 706 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Products 707 <!--[if BLOCK]><![endif]--> 708 <svg class="h-3 w-3 opacity-60" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 709 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 710</svg> 711 <!--[if ENDBLOCK]><![endif]--> </a> 712 713 714 <!--[if BLOCK]><![endif]--> <div id="dropdownHover4" class="z-[1002] hidden"> 715 716 <div 717 718 719 class="volt-dropdown overflow-hidden rounded-2xl bg-white bg-gradient-to-b from-pilot-blue/[0.05] to-white to-45% shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10
719w-[19rem]" 720> 721 722 <span aria-hidden="true" class="block h-1 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"></span> 723 <ul class="p-2.5" aria-labelledby="dropdownHover4Button"> 724 <!--[if BLOCK]><![endif]--> <li> 725 <a 726 href="/product-catalogue" 727 class="group/item relative flex items-start gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-sm leading-snug font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06] hover:text-pilot-blue " 728 > 729 730 <span 731 aria-hidden="true" 732 class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 733 ></span> 734 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1">Product Categories</span> 735 736 <svg class="mt-0.5 h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 737 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 738</svg> 739 </a> 740 </li> 741 <!--[if ENDBLOCK]><![endif]--> </ul> 742</div> 743 </div> 744 <!--[if ENDBLOCK]><![endif]--> </li> 745 746 <li class="close relative" data-nav-dropdown="dropdownHover5" > 747 <a 748 id="dropdownHover5Button" 749 href="/partners" 750 class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50" 751 > 752 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Partners 753 <!--[if BLOCK]><![endif]--> 754 <svg class="h-3 w-3 opacity-60" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 755 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 756</svg> 757 <!--[if ENDBLOCK]><![endif]--> </a> 758 759 760 <!--[if BLOCK]><![endif]--> <div id="dropdownHover5" class="z-[1002] hidden"> 761 762 <div 763 764 765 class="volt-dropdown overflow-hidden rounded-2xl bg-white bg-gradient-to-b from-pilot-blue/[0.05] to-white to-45% shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10" 766> 767 768 <span aria-hidden="true" class="block h-1 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"></span> 769 <div class="w-[52rem] xl:w-[58rem] max-w-[calc(100vw-2rem)]"> 770 771 <div class="max-h-[calc(100vh-7.5rem)] space-y-3.5 overflow-y-auto p-4"> 772 <!--[if BLOCK]><![endif]--> <section aria-labelledby="partnerGroup50"> 773 774 <p id="partnerGroup50" class="mb-1.5 flex items-center gap-2 px-1"> 775 <span 776 aria-hidden="true" 777 class="h-3.5 w-1 shrink-0 rounded-full bg-pilot-yellow" 778 ></span> 779 <span class="text-xs font-extrabold tracking-[0.13em] text-volt-ink uppercase">Premium</span> 780 781 <span class="rounded-full bg-volt-ink/[0.07] px-1.5 py-px text-[10px] font-bold text-slate-grey tabular-nums"> 782 8 783 </span> 784 <span aria-hidden="true" class="h-px flex-1 bg-gradient-to-r from-volt-ink/15 to-transparent"></span> 785 </p> 786 787 <!--[if BLOCK]><![endif]--> 788 <ul class="grid gap-2 grid-cols-3"> 789 <!--[if BLOCK]><![endif]--> <li> 790 <a 791 href="https://www.voltimum.co.uk/partners/abb" 792 class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5" 793 > 794 <!--[if BLOCK]><![endif]-->
794 <span 795 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 796> 797 <!--[if BLOCK]><![endif]--> 798 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 799 800 <img 801 src="https://content.voltimum.com/uk/145815/abb.svg" 802 alt="" 803 loading="lazy" 804 decoding="async" 805 fetchpriority="low" 806 class="h-6 w-6 object-contain transition-opacity duration-200" 807 808 x-init="loaded = $el.complete" 809 x-on:load="loaded = true" 810 811 x-on:error="loaded = true" 812 :class="{ 'opacity-0': !loaded }" 813 /> 814 <!--[if ENDBLOCK]><![endif]--></span> 815 <!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1"> 816 <span 817 class="block truncate font-bold text-volt-ink text-[13px]" 818 >ABB</span 819 > 820 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 821 <!--[if BLOCK]><![endif]--> <img 822 loading="lazy" 823 class="shrink-0 h-4 w-4" 824 src="https://www.voltimum.co.uk/img/v-plus.svg" 825 alt="Voltimum+ Loyalty Programme" 826 /> 827 <!--[if ENDBLOCK]><![endif]--> </a> 828 </li> 829 <li> 830 <a 831 href="https://www.voltimum.co.uk/partners/brother" 832 class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5" 833 > 834 <!--[if BLOCK]><![endif]--> <span 835 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 836> 837 <!--[if BLOCK]><![endif]--> 838 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 839 840 <img 841 src="https://content.voltimum.com/uk/133599/brother.png?width=120" 842 alt="" 843 loading="lazy" 844 decoding="async" 845 fetchpriority="low" 846 class="h-6 w-6 object-contain transition-opacity duration-200" 847 848 x-init="loaded = $el.complete" 849 x-on:load="loaded = true" 850 851 x-on:error="loaded = true" 852 :class="{ 'opacity-0': !loaded }" 853 /> 854 <!--[if ENDBLOCK]><![endif]--></span> 855 <!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1"> 856 <span 857 class="block truncate font-bold text-volt-ink text-[13px]" 858 >Brother</span 859 > 860 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 861 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 862 </li> 863 <li> 864 <a 865 href="https://www.voltimum.co.uk/partners/ecolink" 866 class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5" 867 > 868 <!--[if BLOCK]><![endif]--> <span 869 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 870> 871 <!--[if BLOCK]><![endif]--> 872 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 873 874 <img 875 src="https://content.voltimum.com/uk/133528/ecolink.png?width=120" 876 alt="" 877 loading="lazy" 878 decoding="async" 879 fetchpriority="low" 880 class="h-6 w-6 object-contain transition-opacity duration-200" 881 882 x-init="loaded = $el.complete" 883 x-on:load="loaded = true" 884 885 x-on:error="loaded = true" 886 :class="{ 'opacity-0': !loaded }" 887 /> 888 <!--[if ENDBLOCK]><![endif]--></span> 889 <!--[if ENDBLOCK]><![endif]-->
889 <span class="min-w-0 flex-1"> 890 <span 891 class="block truncate font-bold text-volt-ink text-[13px]" 892 >Ecolink</span 893 > 894 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 895 <!--[if BLOCK]><![endif]--> <img 896 loading="lazy" 897 class="shrink-0 h-4 w-4" 898 src="https://www.voltimum.co.uk/img/v-plus.svg" 899 alt="Voltimum+ Loyalty Programme" 900 /> 901 <!--[if ENDBLOCK]><![endif]--> </a> 902 </li> 903 <li> 904 <a 905 href="https://www.voltimum.co.uk/partners/knipex" 906 class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5" 907 > 908 <!--[if BLOCK]><![endif]--> <span 909 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 910> 911 <!--[if BLOCK]><![endif]--> 912 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 913 914 <img 915 src="https://content.voltimum.com/uk/145820/knipex.svg" 916 alt="" 917 loading="lazy" 918 decoding="async" 919 fetchpriority="low" 920 class="h-6 w-6 object-contain transition-opacity duration-200" 921 922 x-init="loaded = $el.complete" 923 x-on:load="loaded = true" 924 925 x-on:error="loaded = true" 926 :class="{ 'opacity-0': !loaded }" 927 /> 928 <!--[if ENDBLOCK]><![endif]--></span> 929 <!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1"> 930 <span 931 class="block truncate font-bold text-volt-ink text-[13px]" 932 >KNIPEX</span 933 > 934 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 935 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 936 </li> 937 <li> 938 <a 939 href="https://www.voltimum.co.uk/partners/nvc-lighting" 940 class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5" 941 > 942 <!--[if BLOCK]><![endif]--> <span 943 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 944> 945 <!--[if BLOCK]><![endif]--> 946 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 947 948 <img 949 src="https://content.voltimum.com/uk/145549/NVC-Lighting-logo.png?width=120" 950 alt="" 951 loading="lazy" 952 decoding="async" 953 fetchpriority="low" 954 class="h-6 w-6 object-contain transition-opacity duration-200" 955 956 x-init="loaded = $el.complete" 957 x-on:load="loaded = true" 958 959 x-on:error="loaded = true" 960 :class="{ 'opacity-0': !loaded }" 961 /> 962 <!--[if ENDBLOCK]><![endif]--></span> 963 <!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1"> 964 <span 965 class="block truncate font-bold text-volt-ink text-[13px]" 966 >NVC Lighting</span 967 > 968 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 969 <!--[if BLOCK]><![endif]--> <img 970 loading="lazy" 971 class="shrink-0 h-4 w-4" 972 src="https://www.voltimum.co.uk/img/v-plus.svg" 973 alt="Voltimum+ Loyalty Programme" 974 /> 975 <!--[if ENDBLOCK]><![endif]--> </a> 976 </li> 977 <li> 978 <a 979 href="https://www.voltimum.co.uk/partners/schneider-electric" 980 class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5" 981 > 982 <!--[if BLOCK]><![endif]-->
982 <span 983 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 984> 985 <!--[if BLOCK]><![endif]--> 986 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 987 988 <img 989 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 990 alt="" 991 loading="lazy" 992 decoding="async" 993 fetchpriority="low" 994 class="h-6 w-6 object-contain transition-opacity duration-200" 995 996 x-init="loaded = $el.complete" 997 x-on:load="loaded = true" 998 999 x-on:error="loaded = true" 1000 :class="{ 'opacity-0': !loaded }" 1001 /> 1002 <!--[if ENDBLOCK]><![endif]--></span> 1003 <!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1"> 1004 <span 1005 class="block truncate font-bold text-volt-ink text-[13px]" 1006 >Schneider Electric</span 1007 > 1008 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 1009 <!--[if BLOCK]><![endif]--> <img 1010 loading="lazy" 1011 class="shrink-0 h-4 w-4" 1012 src="https://www.voltimum.co.uk/img/v-plus.svg" 1013 alt="Voltimum+ Loyalty Programme" 1014 /> 1015 <!--[if ENDBLOCK]><![endif]--> </a> 1016 </li> 1017 <li> 1018 <a 1019 href="https://www.voltimum.co.uk/partners/wago" 1020 class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5" 1021 > 1022 <!--[if BLOCK]><![endif]--> <span 1023 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1024> 1025 <!--[if BLOCK]><![endif]--> 1026 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1027 1028 <img 1029 src="https://content.voltimum.com/uk/145829/wago.svg" 1030 alt="" 1031 loading="lazy" 1032 decoding="async" 1033 fetchpriority="low" 1034 class="h-6 w-6 object-contain transition-opacity duration-200" 1035 1036 x-init="loaded = $el.complete" 1037 x-on:load="loaded = true" 1038 1039 x-on:error="loaded = true" 1040 :class="{ 'opacity-0': !loaded }" 1041 /> 1042 <!--[if ENDBLOCK]><![endif]--></span> 1043 <!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1"> 1044 <span 1045 class="block truncate font-bold text-volt-ink text-[13px]" 1046 >Wago</span 1047 > 1048 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 1049 <!--[if BLOCK]><![endif]--> <img 1050 loading="lazy" 1051 class="shrink-0 h-4 w-4" 1052 src="https://www.voltimum.co.uk/img/v-plus.svg" 1053 alt="Voltimum+ Loyalty Programme" 1054 /> 1055 <!--[if ENDBLOCK]><![endif]--> </a> 1056 </li> 1057 <li> 1058 <a 1059 href="https://www.voltimum.co.uk/partners/wibe-group-uk" 1060 class="group/item flex items-center gap-3 rounded-xl bg-gradient-to-r from-pilot-yellow/20 to-pilot-yellow/[0.06] px-2.5 ring-1 ring-pilot-yellow/40 transition duration-150 hover:from-pilot-yellow/30 hover:ring-pilot-yellow/70 focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue py-1.5" 1061 > 1062 <!--[if BLOCK]><![endif]-->
1062 <span 1063 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1064> 1065 <!--[if BLOCK]><![endif]--> 1066 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1067 1068 <img 1069 src="https://content.voltimum.com/uk/145831/wibe-group-uk.svg" 1070 alt="" 1071 loading="lazy" 1072 decoding="async" 1073 fetchpriority="low" 1074 class="h-6 w-6 object-contain transition-opacity duration-200" 1075 1076 x-init="loaded = $el.complete" 1077 x-on:load="loaded = true" 1078 1079 x-on:error="loaded = true" 1080 :class="{ 'opacity-0': !loaded }" 1081 /> 1082 <!--[if ENDBLOCK]><![endif]--></span> 1083 <!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1"> 1084 <span 1085 class="block truncate font-bold text-volt-ink text-[13px]" 1086 >Wibe Group UK</span 1087 > 1088 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </span> 1089 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1090 </li> 1091 <!--[if ENDBLOCK]><![endif]--> </ul> 1092 <!--[if ENDBLOCK]><![endif]--> </section> 1093 <section aria-labelledby="partnerGroup51"> 1094 1095 <p id="partnerGroup51" class="mb-1.5 flex items-center gap-2 px-1"> 1096 <span 1097 aria-hidden="true" 1098 class="h-3.5 w-1 shrink-0 rounded-full bg-pilot-blue" 1099 ></span> 1100 <span class="text-xs font-extrabold tracking-[0.13em] text-volt-ink uppercase">Manufacturer</span> 1101 1102 <span class="rounded-full bg-volt-ink/[0.07] px-1.5 py-px text-[10px] font-bold text-slate-grey tabular-nums"> 1103 39 1104 </span> 1105 <span aria-hidden="true" class="h-px flex-1 bg-gradient-to-r from-volt-ink/15 to-transparent"></span> 1106 </p> 1107 1108 <!--[if BLOCK]><![endif]--> <ul class="grid gap-x-1 grid-cols-4"> 1109 <!--[if BLOCK]><![endif]--> <li> 1110 <a 1111 href="https://www.voltimum.co.uk/partners/adaptaflex" 1112 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1113 > 1114 1115 <span 1116 aria-hidden="true" 1117 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1118 ></span> 1119 <span 1120 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1121> 1122 <!--[if BLOCK]><![endif]--> 1123 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1124 1125 <img 1126 src="https://content.voltimum.com/uk/133504/adaptaflex.png?width=120" 1127 alt="" 1128 loading="lazy" 1129 decoding="async" 1130 fetchpriority="low" 1131 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1132 1133 x-init="loaded = $el.complete" 1134 x-on:load="loaded = true" 1135 1136 x-on:error="loaded = true" 1137 :class="{ 'opacity-0': !loaded }" 1138 /> 1139 <!--[if ENDBLOCK]><![endif]--></span> 1140 <span 1141 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1142 > 1143 Adaptaflex 1144 </span> 1145 <!--[if BLOCK]><![endif]--> <img 1146 loading="lazy" 1147 class="h-4 w-4 shrink-0" 1148 src="https://www.voltimum.co.uk/img/v-plus.svg" 1149 alt="Voltimum+ Loyalty Programme" 1150 /> 1151 <!--[if ENDBLOCK]><![endif]--> </a> 1152 </li> 1153 <li> 1154 <a 1155 href="https://www.voltimum.co.uk/partners/apc" 1156 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1157 > 1158
1159 <span 1160 aria-hidden="true" 1161 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1162 ></span> 1163 <span 1164 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1165> 1166 <!--[if BLOCK]><![endif]--> 1167 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1168 1169 <img 1170 src="https://content.voltimum.com/uk/145816/apc.svg" 1171 alt="" 1172 loading="lazy" 1173 decoding="async" 1174 fetchpriority="low" 1175 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1176 1177 x-init="loaded = $el.complete" 1178 x-on:load="loaded = true" 1179 1180 x-on:error="loaded = true" 1181 :class="{ 'opacity-0': !loaded }" 1182 /> 1183 <!--[if ENDBLOCK]><![endif]--></span> 1184 <span 1185 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1186 > 1187 APC 1188 </span> 1189 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1190 </li> 1191 <li> 1192 <a 1193 href="https://www.voltimum.co.uk/partners/bg-electrical" 1194 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1195 > 1196 1197 <span 1198 aria-hidden="true" 1199 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1200 ></span> 1201 <span 1202 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1203> 1204 <!--[if BLOCK]><![endif]--> 1205 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1206 1207 <img 1208 src="https://content.voltimum.com/uk/133511/bg-electrical.png?width=120" 1209 alt="" 1210 loading="lazy" 1211 decoding="async" 1212 fetchpriority="low" 1213 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1214 1215 x-init="loaded = $el.complete" 1216 x-on:load="loaded = true" 1217 1218 x-on:error="loaded = true" 1219 :class="{ 'opacity-0': !loaded }" 1220 /> 1221 <!--[if ENDBLOCK]><![endif]--></span> 1222 <span 1223 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1224 > 1225 BG Electrical 1226 </span> 1227 <!--[if BLOCK]><![endif]--> <img 1228 loading="lazy" 1229 class="h-4 w-4 shrink-0" 1230 src="https://www.voltimum.co.uk/img/v-plus.svg" 1231 alt="Voltimum+ Loyalty Programme" 1232 /> 1233 <!--[if ENDBLOCK]><![endif]--> </a> 1234 </li> 1235 <li> 1236 <a 1237 href="https://www.voltimum.co.uk/partners/brady" 1238 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1239 > 1240 1241 <span 1242 aria-hidden="true" 1243 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1244 ></span>
1245 <span 1246 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1247> 1248 <!--[if BLOCK]><![endif]--> 1249 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1250 1251 <img 1252 src="https://content.voltimum.com/uk/133513/brady.png?width=120" 1253 alt="" 1254 loading="lazy" 1255 decoding="async" 1256 fetchpriority="low" 1257 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1258 1259 x-init="loaded = $el.complete" 1260 x-on:load="loaded = true" 1261 1262 x-on:error="loaded = true" 1263 :class="{ 'opacity-0': !loaded }" 1264 /> 1265 <!--[if ENDBLOCK]><![endif]--></span> 1266 <span 1267 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1268 > 1269 Brady 1270 </span> 1271 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1272 </li> 1273 <li> 1274 <a 1275 href="https://www.voltimum.co.uk/partners/british-cables-company" 1276 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1277 > 1278 1279 <span 1280 aria-hidden="true" 1281 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1282 ></span> 1283 <span 1284 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1285> 1286 <!--[if BLOCK]><![endif]--> 1287 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1288 1289 <img 1290 src="https://content.voltimum.com/uk/133514/british-cables-company.png?width=120" 1291 alt="" 1292 loading="lazy" 1293 decoding="async" 1294 fetchpriority="low" 1295 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1296 1297 x-init="loaded = $el.complete" 1298 x-on:load="loaded = true" 1299 1300 x-on:error="loaded = true" 1301 :class="{ 'opacity-0': !loaded }" 1302 /> 1303 <!--[if ENDBLOCK]><![endif]--></span> 1304 <span 1305 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1306 > 1307 British Cables Company 1308 </span> 1309 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1310 </li> 1311 <li> 1312 <a 1313 href="https://www.voltimum.co.uk/partners/cpn-cudis" 1314 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1315 > 1316 1317 <span 1318 aria-hidden="true" 1319 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1320 ></span> 1321 <span 1322 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1323> 1324 <!--[if BLOCK]><![endif]--> 1325 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1326 1327 <img 1328 src="https://content.voltimum.com/uk/144991/NEW-Logo-Black.png?width=120" 1329 alt="" 1330 loading="lazy" 1331 decoding="async" 1332 fetchpriority="low" 1333 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1334 1335 x-init="loaded = $el.complete" 1336 x-on:load="loaded = true" 1337 1338 x-on:error="loaded = true" 1339 :class="{ 'opacity-0': !loaded }" 1340 /> 1341 <!--[if ENDBLOCK]><![endif]--></span>
1342 <span 1343 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1344 > 1345 CPN Cudis 1346 </span> 1347 <!--[if BLOCK]><![endif]--> <img 1348 loading="lazy" 1349 class="h-4 w-4 shrink-0" 1350 src="https://www.voltimum.co.uk/img/v-plus.svg" 1351 alt="Voltimum+ Loyalty Programme" 1352 /> 1353 <!--[if ENDBLOCK]><![endif]--> </a> 1354 </li> 1355 <li> 1356 <a 1357 href="https://www.voltimum.co.uk/partners/crabtree" 1358 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1359 > 1360 1361 <span 1362 aria-hidden="true" 1363 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1364 ></span> 1365 <span 1366 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1367> 1368 <!--[if BLOCK]><![endif]--> 1369 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1370 1371 <img 1372 src="https://content.voltimum.com/uk/133518/crabtree.jpg?width=120" 1373 alt="" 1374 loading="lazy" 1375 decoding="async" 1376 fetchpriority="low" 1377 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1378 1379 x-init="loaded = $el.complete" 1380 x-on:load="loaded = true" 1381 1382 x-on:error="loaded = true" 1383 :class="{ 'opacity-0': !loaded }" 1384 /> 1385 <!--[if ENDBLOCK]><![endif]--></span> 1386 <span 1387 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1388 > 1389 Crabtree 1390 </span> 1391 <!--[if BLOCK]><![endif]--> <img 1392 loading="lazy" 1393 class="h-4 w-4 shrink-0" 1394 src="https://www.voltimum.co.uk/img/v-plus.svg" 1395 alt="Voltimum+ Loyalty Programme" 1396 /> 1397 <!--[if ENDBLOCK]><![endif]--> </a> 1398 </li> 1399 <li> 1400 <a 1401 href="https://www.voltimum.co.uk/partners/dehn" 1402 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1403 > 1404 1405 <span 1406 aria-hidden="true" 1407 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1408 ></span> 1409 <span 1410 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1411> 1412 <!--[if BLOCK]><![endif]--> 1413 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1414 1415 <img 1416 src="https://content.voltimum.com/uk/145817/dehn.svg" 1417 alt="" 1418 loading="lazy" 1419 decoding="async" 1420 fetchpriority="low" 1421 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1422 1423 x-init="loaded = $el.complete" 1424 x-on:load="loaded = true" 1425 1426 x-on:error="loaded = true" 1427 :class="{ 'opacity-0': !loaded }" 1428 /> 1429 <!--[if ENDBLOCK]><![endif]--></span>
1430 <span 1431 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1432 > 1433 Dehn 1434 </span> 1435 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1436 </li> 1437 <li> 1438 <a 1439 href="https://www.voltimum.co.uk/partners/di-log" 1440 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1441 > 1442 1443 <span 1444 aria-hidden="true" 1445 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1446 ></span> 1447 <span 1448 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1449> 1450 <!--[if BLOCK]><![endif]--> 1451 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1452 1453 <img 1454 src="https://content.voltimum.com/uk/133520/dilog.png?width=120" 1455 alt="" 1456 loading="lazy" 1457 decoding="async" 1458 fetchpriority="low" 1459 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1460 1461 x-init="loaded = $el.complete" 1462 x-on:load="loaded = true" 1463 1464 x-on:error="loaded = true" 1465 :class="{ 'opacity-0': !loaded }" 1466 /> 1467 <!--[if ENDBLOCK]><![endif]--></span> 1468 <span 1469 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1470 > 1471 Di-Log 1472 </span> 1473 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1474 </li> 1475 <li> 1476 <a 1477 href="https://www.voltimum.co.uk/partners/doepke" 1478 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1479 > 1480 1481 <span 1482 aria-hidden="true" 1483 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1484 ></span> 1485 <span 1486 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1487> 1488 <!--[if BLOCK]><![endif]--> 1489 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1490 1491 <img 1492 src="https://content.voltimum.com/uk/145761/Doepke-Logo-blue.png?width=120" 1493 alt="" 1494 loading="lazy" 1495 decoding="async" 1496 fetchpriority="low" 1497 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1498 1499 x-init="loaded = $el.complete" 1500 x-on:load="loaded = true" 1501 1502 x-on:error="loaded = true" 1503 :class="{ 'opacity-0': !loaded }" 1504 /> 1505 <!--[if ENDBLOCK]><![endif]--></span> 1506 <span 1507 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1508 > 1509 Doepke 1510 </span> 1511 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1512 </li> 1513 <li> 1514 <a 1515 href="https://www.voltimum.co.uk/partners/e-klips" 1516 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1517 > 1518
1519 <span 1520 aria-hidden="true" 1521 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1522 ></span> 1523 <span 1524 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1525> 1526 <!--[if BLOCK]><![endif]--> 1527 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1528 1529 <img 1530 src="https://content.voltimum.com/uk/133522/e-klips.gif?width=120" 1531 alt="" 1532 loading="lazy" 1533 decoding="async" 1534 fetchpriority="low" 1535 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1536 1537 x-init="loaded = $el.complete" 1538 x-on:load="loaded = true" 1539 1540 x-on:error="loaded = true" 1541 :class="{ 'opacity-0': !loaded }" 1542 /> 1543 <!--[if ENDBLOCK]><![endif]--></span> 1544 <span 1545 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1546 > 1547 E-Klips 1548 </span> 1549 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1550 </li> 1551 <li> 1552 <a 1553 href="https://www.voltimum.co.uk/partners/eaton" 1554 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1555 > 1556 1557 <span 1558 aria-hidden="true" 1559 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1560 ></span> 1561 <span 1562 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1563> 1564 <!--[if BLOCK]><![endif]--> 1565 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1566 1567 <img 1568 src="https://content.voltimum.com/uk/133527/eaton.png?width=120" 1569 alt="" 1570 loading="lazy" 1571 decoding="async" 1572 fetchpriority="low" 1573 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1574 1575 x-init="loaded = $el.complete" 1576 x-on:load="loaded = true" 1577 1578 x-on:error="loaded = true" 1579 :class="{ 'opacity-0': !loaded }" 1580 /> 1581 <!--[if ENDBLOCK]><![endif]--></span> 1582 <span 1583 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1584 > 1585 Eaton 1586 </span> 1587 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1588 </li> 1589 <li> 1590 <a 1591 href="https://www.voltimum.co.uk/partners/electrium" 1592 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1593 > 1594 1595 <span 1596 aria-hidden="true" 1597 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1598 ></span> 1599 <span 1600 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1601> 1602 <!--[if BLOCK]><![endif]--> 1603 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1604 1605 <img 1606 src="https://content.voltimum.com/uk/133533/electrium.png?width=120" 1607 alt="" 1608 loading="lazy" 1609 decoding="async" 1610 fetchpriority="low" 1611 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1612 1613 x-init="loaded = $el.complete" 1614 x-on:load="loaded = true" 1615 1616 x-on:error="loaded = true" 1617 :class="{ 'opacity-0': !loaded }" 1618 /> 1619 <!--[if ENDBLOCK]><![endif]--></span>
1620 <span 1621 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1622 > 1623 Electrium 1624 </span> 1625 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1626 </li> 1627 <li> 1628 <a 1629 href="https://www.voltimum.co.uk/partners/emergi-lite" 1630 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1631 > 1632 1633 <span 1634 aria-hidden="true" 1635 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1636 ></span> 1637 <span 1638 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1639> 1640 <!--[if BLOCK]><![endif]--> 1641 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1642 1643 <img 1644 src="https://content.voltimum.com/uk/133534/emergi-lite.png?width=120" 1645 alt="" 1646 loading="lazy" 1647 decoding="async" 1648 fetchpriority="low" 1649 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1650 1651 x-init="loaded = $el.complete" 1652 x-on:load="loaded = true" 1653 1654 x-on:error="loaded = true" 1655 :class="{ 'opacity-0': !loaded }" 1656 /> 1657 <!--[if ENDBLOCK]><![endif]--></span> 1658 <span 1659 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1660 > 1661 Emergi-Lite 1662 </span> 1663 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1664 </li> 1665 <li> 1666 <a 1667 href="https://www.voltimum.co.uk/partners/fibox" 1668 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1669 > 1670 1671 <span 1672 aria-hidden="true" 1673 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1674 ></span> 1675 <span 1676 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1677> 1678 <!--[if BLOCK]><![endif]--> 1679 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1680 1681 <img 1682 src="https://content.voltimum.com/uk/133537/fibox.jpg?width=120" 1683 alt="" 1684 loading="lazy" 1685 decoding="async" 1686 fetchpriority="low" 1687 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1688 1689 x-init="loaded = $el.complete" 1690 x-on:load="loaded = true" 1691 1692 x-on:error="loaded = true" 1693 :class="{ 'opacity-0': !loaded }" 1694 /> 1695 <!--[if ENDBLOCK]><![endif]--></span> 1696 <span 1697 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1698 > 1699 Fibox 1700 </span> 1701 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1702 </li> 1703 <li> 1704 <a 1705 href="https://www.voltimum.co.uk/partners/flex7" 1706 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1707 > 1708
1709 <span 1710 aria-hidden="true" 1711 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1712 ></span> 1713 <span 1714 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1715> 1716 <!--[if BLOCK]><![endif]--> 1717 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1718 1719 <img 1720 src="https://content.voltimum.com/uk/133581/flex7.jpg?width=120" 1721 alt="" 1722 loading="lazy" 1723 decoding="async" 1724 fetchpriority="low" 1725 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1726 1727 x-init="loaded = $el.complete" 1728 x-on:load="loaded = true" 1729 1730 x-on:error="loaded = true" 1731 :class="{ 'opacity-0': !loaded }" 1732 /> 1733 <!--[if ENDBLOCK]><![endif]--></span> 1734 <span 1735 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1736 > 1737 flex7 1738 </span> 1739 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1740 </li> 1741 <li> 1742 <a 1743 href="https://www.voltimum.co.uk/partners/furse" 1744 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1745 > 1746 1747 <span 1748 aria-hidden="true" 1749 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1750 ></span> 1751 <span 1752 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1753> 1754 <!--[if BLOCK]><![endif]--> 1755 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1756 1757 <img 1758 src="https://content.voltimum.com/uk/133538/furse.png?width=120" 1759 alt="" 1760 loading="lazy" 1761 decoding="async" 1762 fetchpriority="low" 1763 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1764 1765 x-init="loaded = $el.complete" 1766 x-on:load="loaded = true" 1767 1768 x-on:error="loaded = true" 1769 :class="{ 'opacity-0': !loaded }" 1770 /> 1771 <!--[if ENDBLOCK]><![endif]--></span> 1772 <span 1773 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1774 > 1775 Furse 1776 </span> 1777 <!--[if BLOCK]><![endif]--> <img 1778 loading="lazy" 1779 class="h-4 w-4 shrink-0" 1780 src="https://www.voltimum.co.uk/img/v-plus.svg" 1781 alt="Voltimum+ Loyalty Programme" 1782 /> 1783 <!--[if ENDBLOCK]><![endif]--> </a> 1784 </li> 1785 <li> 1786 <a 1787 href="https://www.voltimum.co.uk/partners/interact" 1788 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1789 > 1790 1791 <span 1792 aria-hidden="true" 1793 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1794 ></span>
1795 <span 1796 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1797> 1798 <!--[if BLOCK]><![endif]--> 1799 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1800 1801 <img 1802 src="https://content.voltimum.com/uk/133540/interact.png?width=120" 1803 alt="" 1804 loading="lazy" 1805 decoding="async" 1806 fetchpriority="low" 1807 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1808 1809 x-init="loaded = $el.complete" 1810 x-on:load="loaded = true" 1811 1812 x-on:error="loaded = true" 1813 :class="{ 'opacity-0': !loaded }" 1814 /> 1815 <!--[if ENDBLOCK]><![endif]--></span> 1816 <span 1817 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1818 > 1819 Interact 1820 </span> 1821 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1822 </li> 1823 <li> 1824 <a 1825 href="https://www.voltimum.co.uk/partners/kewtech" 1826 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1827 > 1828 1829 <span 1830 aria-hidden="true" 1831 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1832 ></span> 1833 <span 1834 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1835> 1836 <!--[if BLOCK]><![endif]--> 1837 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1838 1839 <img 1840 src="https://content.voltimum.com/uk/133543/kewtech.png?width=120" 1841 alt="" 1842 loading="lazy" 1843 decoding="async" 1844 fetchpriority="low" 1845 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1846 1847 x-init="loaded = $el.complete" 1848 x-on:load="loaded = true" 1849 1850 x-on:error="loaded = true" 1851 :class="{ 'opacity-0': !loaded }" 1852 /> 1853 <!--[if ENDBLOCK]><![endif]--></span> 1854 <span 1855 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1856 > 1857 Kewtech 1858 </span> 1859 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1860 </li> 1861 <li> 1862 <a 1863 href="https://www.voltimum.co.uk/partners/kopex" 1864 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1865 > 1866 1867 <span 1868 aria-hidden="true" 1869 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1870 ></span> 1871 <span 1872 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1873> 1874 <!--[if BLOCK]><![endif]--> 1875 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1876 1877 <img 1878 src="https://content.voltimum.com/uk/133542/kopex.png?width=120" 1879 alt="" 1880 loading="lazy" 1881 decoding="async" 1882 fetchpriority="low" 1883 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1884 1885 x-init="loaded = $el.complete" 1886 x-on:load="loaded = true" 1887 1888 x-on:error="loaded = true" 1889 :class="{ 'opacity-0': !loaded }" 1890 /> 1891 <!--[if ENDBLOCK]><![endif]--></span>
1892 <span 1893 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1894 > 1895 KOPEX 1896 </span> 1897 <!--[if BLOCK]><![endif]--> <img 1898 loading="lazy" 1899 class="h-4 w-4 shrink-0" 1900 src="https://www.voltimum.co.uk/img/v-plus.svg" 1901 alt="Voltimum+ Loyalty Programme" 1902 /> 1903 <!--[if ENDBLOCK]><![endif]--> </a> 1904 </li> 1905 <li> 1906 <a 1907 href="https://www.voltimum.co.uk/partners/ledvance" 1908 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1909 > 1910 1911 <span 1912 aria-hidden="true" 1913 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1914 ></span> 1915 <span 1916 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1917> 1918 <!--[if BLOCK]><![endif]--> 1919 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1920 1921 <img 1922 src="https://content.voltimum.com/uk/145821/ledvance.png?width=120" 1923 alt="" 1924 loading="lazy" 1925 decoding="async" 1926 fetchpriority="low" 1927 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1928 1929 x-init="loaded = $el.complete" 1930 x-on:load="loaded = true" 1931 1932 x-on:error="loaded = true" 1933 :class="{ 'opacity-0': !loaded }" 1934 /> 1935 <!--[if ENDBLOCK]><![endif]--></span> 1936 <span 1937 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1938 > 1939 LEDVANCE 1940 </span> 1941 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1942 </li> 1943 <li> 1944 <a 1945 href="https://www.voltimum.co.uk/partners/linian" 1946 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1947 > 1948 1949 <span 1950 aria-hidden="true" 1951 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1952 ></span> 1953 <span 1954 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1955> 1956 <!--[if BLOCK]><![endif]--> 1957 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1958 1959 <img 1960 src="https://content.voltimum.com/uk/133674/linian.png?width=120" 1961 alt="" 1962 loading="lazy" 1963 decoding="async" 1964 fetchpriority="low" 1965 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 1966 1967 x-init="loaded = $el.complete" 1968 x-on:load="loaded = true" 1969 1970 x-on:error="loaded = true" 1971 :class="{ 'opacity-0': !loaded }" 1972 /> 1973 <!--[if ENDBLOCK]><![endif]--></span> 1974 <span 1975 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 1976 > 1977 Linian 1978 </span> 1979 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 1980 </li> 1981 <li> 1982 <a 1983 href="https://www.voltimum.co.uk/partners/luceco" 1984 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 1985 > 1986
1987 <span 1988 aria-hidden="true" 1989 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 1990 ></span> 1991 <span 1992 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 1993> 1994 <!--[if BLOCK]><![endif]--> 1995 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 1996 1997 <img 1998 src="https://content.voltimum.com/uk/133547/luceco.png?width=120" 1999 alt="" 2000 loading="lazy" 2001 decoding="async" 2002 fetchpriority="low" 2003 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2004 2005 x-init="loaded = $el.complete" 2006 x-on:load="loaded = true" 2007 2008 x-on:error="loaded = true" 2009 :class="{ 'opacity-0': !loaded }" 2010 /> 2011 <!--[if ENDBLOCK]><![endif]--></span> 2012 <span 2013 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2014 > 2015 Luceco 2016 </span> 2017 <!--[if BLOCK]><![endif]--> <img 2018 loading="lazy" 2019 class="h-4 w-4 shrink-0" 2020 src="https://www.voltimum.co.uk/img/v-plus.svg" 2021 alt="Voltimum+ Loyalty Programme" 2022 /> 2023 <!--[if ENDBLOCK]><![endif]--> </a> 2024 </li> 2025 <li> 2026 <a 2027 href="https://www.voltimum.co.uk/partners/marshall-tufflex" 2028 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2029 > 2030 2031 <span 2032 aria-hidden="true" 2033 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2034 ></span> 2035 <span 2036 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2037> 2038 <!--[if BLOCK]><![endif]--> 2039 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2040 2041 <img 2042 src="https://content.voltimum.com/uk/133548/marshall-tufflex-ltd.png?width=120" 2043 alt="" 2044 loading="lazy" 2045 decoding="async" 2046 fetchpriority="low" 2047 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2048 2049 x-init="loaded = $el.complete" 2050 x-on:load="loaded = true" 2051 2052 x-on:error="loaded = true" 2053 :class="{ 'opacity-0': !loaded }" 2054 /> 2055 <!--[if ENDBLOCK]><![endif]--></span> 2056 <span 2057 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2058 > 2059 Marshall Tufflex 2060 </span> 2061 <!--[if BLOCK]><![endif]--> <img 2062 loading="lazy" 2063 class="h-4 w-4 shrink-0" 2064 src="https://www.voltimum.co.uk/img/v-plus.svg" 2065 alt="Voltimum+ Loyalty Programme" 2066 /> 2067 <!--[if ENDBLOCK]><![endif]--> </a> 2068 </li> 2069 <li> 2070 <a 2071 href="https://www.voltimum.co.uk/partners/martindale-electric" 2072 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2073 > 2074
2075 <span 2076 aria-hidden="true" 2077 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2078 ></span> 2079 <span 2080 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2081> 2082 <!--[if BLOCK]><![endif]--> 2083 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2084 2085 <img 2086 src="https://content.voltimum.com/uk/133550/martindale-electric.jpg?width=120" 2087 alt="" 2088 loading="lazy" 2089 decoding="async" 2090 fetchpriority="low" 2091 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2092 2093 x-init="loaded = $el.complete" 2094 x-on:load="loaded = true" 2095 2096 x-on:error="loaded = true" 2097 :class="{ 'opacity-0': !loaded }" 2098 /> 2099 <!--[if ENDBLOCK]><![endif]--></span> 2100 <span 2101 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2102 > 2103 Martindale Electric 2104 </span> 2105 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2106 </li> 2107 <li> 2108 <a 2109 href="https://www.voltimum.co.uk/partners/masterplug" 2110 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2111 > 2112 2113 <span 2114 aria-hidden="true" 2115 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2116 ></span> 2117 <span 2118 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2119> 2120 <!--[if BLOCK]><![endif]--> 2121 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2122 2123 <img 2124 src="https://content.voltimum.com/uk/133551/masterplug.png?width=120" 2125 alt="" 2126 loading="lazy" 2127 decoding="async" 2128 fetchpriority="low" 2129 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2130 2131 x-init="loaded = $el.complete" 2132 x-on:load="loaded = true" 2133 2134 x-on:error="loaded = true" 2135 :class="{ 'opacity-0': !loaded }" 2136 /> 2137 <!--[if ENDBLOCK]><![endif]--></span> 2138 <span 2139 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2140 > 2141 Masterplug 2142 </span> 2143 <!--[if BLOCK]><![endif]--> <img 2144 loading="lazy" 2145 class="h-4 w-4 shrink-0" 2146 src="https://www.voltimum.co.uk/img/v-plus.svg" 2147 alt="Voltimum+ Loyalty Programme" 2148 /> 2149 <!--[if ENDBLOCK]><![endif]--> </a> 2150 </li> 2151 <li> 2152 <a 2153 href="https://www.voltimum.co.uk/partners/megger" 2154 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2155 > 2156 2157 <span 2158 aria-hidden="true" 2159 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2160 ></span>
2161 <span 2162 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2163> 2164 <!--[if BLOCK]><![endif]--> 2165 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2166 2167 <img 2168 src="https://content.voltimum.com/uk/133552/megger.png?width=120" 2169 alt="" 2170 loading="lazy" 2171 decoding="async" 2172 fetchpriority="low" 2173 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2174 2175 x-init="loaded = $el.complete" 2176 x-on:load="loaded = true" 2177 2178 x-on:error="loaded = true" 2179 :class="{ 'opacity-0': !loaded }" 2180 /> 2181 <!--[if ENDBLOCK]><![endif]--></span> 2182 <span 2183 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2184 > 2185 Megger 2186 </span> 2187 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2188 </li> 2189 <li> 2190 <a 2191 href="https://www.voltimum.co.uk/partners/nexans" 2192 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2193 > 2194 2195 <span 2196 aria-hidden="true" 2197 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2198 ></span> 2199 <span 2200 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2201> 2202 <!--[if BLOCK]><![endif]--> 2203 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2204 2205 <img 2206 src="https://content.voltimum.com/uk/145822/nexans.svg" 2207 alt="" 2208 loading="lazy" 2209 decoding="async" 2210 fetchpriority="low" 2211 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2212 2213 x-init="loaded = $el.complete" 2214 x-on:load="loaded = true" 2215 2216 x-on:error="loaded = true" 2217 :class="{ 'opacity-0': !loaded }" 2218 /> 2219 <!--[if ENDBLOCK]><![endif]--></span> 2220 <span 2221 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2222 > 2223 Nexans 2224 </span> 2225 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2226 </li> 2227 <li> 2228 <a 2229 href="https://www.voltimum.co.uk/partners/philips" 2230 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2231 > 2232 2233 <span 2234 aria-hidden="true" 2235 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2236 ></span> 2237 <span 2238 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2239> 2240 <!--[if BLOCK]><![endif]--> 2241 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2242 2243 <img 2244 src="https://content.voltimum.com/uk/145823/philips.svg" 2245 alt="" 2246 loading="lazy" 2247 decoding="async" 2248 fetchpriority="low" 2249 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2250 2251 x-init="loaded = $el.complete" 2252 x-on:load="loaded = true" 2253 2254 x-on:error="loaded = true" 2255 :class="{ 'opacity-0': !loaded }" 2256 /> 2257 <!--[if ENDBLOCK]><![endif]--></span>
2258 <span 2259 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2260 > 2261 Philips 2262 </span> 2263 <!--[if BLOCK]><![endif]--> <img 2264 loading="lazy" 2265 class="h-4 w-4 shrink-0" 2266 src="https://www.voltimum.co.uk/img/v-plus.svg" 2267 alt="Voltimum+ Loyalty Programme" 2268 /> 2269 <!--[if ENDBLOCK]><![endif]--> </a> 2270 </li> 2271 <li> 2272 <a 2273 href="https://www.voltimum.co.uk/partners/quickwire" 2274 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2275 > 2276 2277 <span 2278 aria-hidden="true" 2279 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2280 ></span> 2281 <span 2282 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2283> 2284 <!--[if BLOCK]><![endif]--> 2285 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2286 2287 <img 2288 src="https://content.voltimum.com/uk/133560/quickwire.png?width=120" 2289 alt="" 2290 loading="lazy" 2291 decoding="async" 2292 fetchpriority="low" 2293 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2294 2295 x-init="loaded = $el.complete" 2296 x-on:load="loaded = true" 2297 2298 x-on:error="loaded = true" 2299 :class="{ 'opacity-0': !loaded }" 2300 /> 2301 <!--[if ENDBLOCK]><![endif]--></span> 2302 <span 2303 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2304 > 2305 Quickwire 2306 </span> 2307 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2308 </li> 2309 <li> 2310 <a 2311 href="https://www.voltimum.co.uk/partners/rointe" 2312 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2313 > 2314 2315 <span 2316 aria-hidden="true" 2317 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2318 ></span> 2319 <span 2320 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2321> 2322 <!--[if BLOCK]><![endif]--> 2323 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2324 2325 <img 2326 src="https://content.voltimum.com/uk/133562/rointe.jpg?width=120" 2327 alt="" 2328 loading="lazy" 2329 decoding="async" 2330 fetchpriority="low" 2331 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2332 2333 x-init="loaded = $el.complete" 2334 x-on:load="loaded = true" 2335 2336 x-on:error="loaded = true" 2337 :class="{ 'opacity-0': !loaded }" 2338 /> 2339 <!--[if ENDBLOCK]><![endif]--></span> 2340 <span 2341 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2342 > 2343 Rointe 2344 </span> 2345 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2346 </li> 2347 <li> 2348 <a 2349 href="https://www.voltimum.co.uk/partners/shelly" 2350 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2351 > 2352
2353 <span 2354 aria-hidden="true" 2355 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2356 ></span> 2357 <span 2358 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2359> 2360 <!--[if BLOCK]><![endif]--> 2361 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2362 2363 <img 2364 src="https://content.voltimum.com/uk/145827/shelly.svg" 2365 alt="" 2366 loading="lazy" 2367 decoding="async" 2368 fetchpriority="low" 2369 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2370 2371 x-init="loaded = $el.complete" 2372 x-on:load="loaded = true" 2373 2374 x-on:error="loaded = true" 2375 :class="{ 'opacity-0': !loaded }" 2376 /> 2377 <!--[if ENDBLOCK]><![endif]--></span> 2378 <span 2379 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2380 > 2381 Shelly 2382 </span> 2383 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2384 </li> 2385 <li> 2386 <a 2387 href="https://www.voltimum.co.uk/partners/siemens" 2388 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2389 > 2390 2391 <span 2392 aria-hidden="true" 2393 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2394 ></span> 2395 <span 2396 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2397> 2398 <!--[if BLOCK]><![endif]--> 2399 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2400 2401 <img 2402 src="https://content.voltimum.com/uk/133566/siemens.png?width=120" 2403 alt="" 2404 loading="lazy" 2405 decoding="async" 2406 fetchpriority="low" 2407 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2408 2409 x-init="loaded = $el.complete" 2410 x-on:load="loaded = true" 2411 2412 x-on:error="loaded = true" 2413 :class="{ 'opacity-0': !loaded }" 2414 /> 2415 <!--[if ENDBLOCK]><![endif]--></span> 2416 <span 2417 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2418 > 2419 Siemens 2420 </span> 2421 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2422 </li> 2423 <li> 2424 <a 2425 href="https://www.voltimum.co.uk/partners/signify" 2426 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2427 > 2428 2429 <span 2430 aria-hidden="true" 2431 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2432 ></span> 2433 <span 2434 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2435> 2436 <!--[if BLOCK]><![endif]--> 2437 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2438 2439 <img 2440 src="https://content.voltimum.com/uk/145828/signify.svg" 2441 alt="" 2442 loading="lazy" 2443 decoding="async" 2444 fetchpriority="low" 2445 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2446 2447 x-init="loaded = $el.complete" 2448 x-on:load="loaded = true" 2449 2450 x-on:error="loaded = true" 2451 :class="{ 'opacity-0': !loaded }" 2452 /> 2453 <!--[if ENDBLOCK]><![endif]--></span>
2454 <span 2455 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2456 > 2457 Signify 2458 </span> 2459 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2460 </li> 2461 <li> 2462 <a 2463 href="https://www.voltimum.co.uk/partners/sync-energy" 2464 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2465 > 2466 2467 <span 2468 aria-hidden="true" 2469 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2470 ></span> 2471 <span 2472 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2473> 2474 <!--[if BLOCK]><![endif]--> 2475 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2476 2477 <img 2478 src="https://content.voltimum.com/uk/133569/sync-energy.png?width=120" 2479 alt="" 2480 loading="lazy" 2481 decoding="async" 2482 fetchpriority="low" 2483 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2484 2485 x-init="loaded = $el.complete" 2486 x-on:load="loaded = true" 2487 2488 x-on:error="loaded = true" 2489 :class="{ 'opacity-0': !loaded }" 2490 /> 2491 <!--[if ENDBLOCK]><![endif]--></span> 2492 <span 2493 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2494 > 2495 Sync Energy 2496 </span> 2497 <!--[if BLOCK]><![endif]--> <img 2498 loading="lazy" 2499 class="h-4 w-4 shrink-0" 2500 src="https://www.voltimum.co.uk/img/v-plus.svg" 2501 alt="Voltimum+ Loyalty Programme" 2502 /> 2503 <!--[if ENDBLOCK]><![endif]--> </a> 2504 </li> 2505 <li> 2506 <a 2507 href="https://www.voltimum.co.uk/partners/twisttail" 2508 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2509 > 2510 2511 <span 2512 aria-hidden="true" 2513 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2514 ></span> 2515 <span 2516 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2517> 2518 <!--[if BLOCK]><![endif]--> 2519 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2520 2521 <img 2522 src="https://content.voltimum.com/uk/133571/twisttail.gif?width=120" 2523 alt="" 2524 loading="lazy" 2525 decoding="async" 2526 fetchpriority="low" 2527 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2528 2529 x-init="loaded = $el.complete" 2530 x-on:load="loaded = true" 2531 2532 x-on:error="loaded = true" 2533 :class="{ 'opacity-0': !loaded }" 2534 /> 2535 <!--[if ENDBLOCK]><![endif]--></span> 2536 <span 2537 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2538 > 2539 TWISTTAIL 2540 </span> 2541 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2542 </li> 2543 <li> 2544 <a 2545 href="https://www.voltimum.co.uk/partners/ty-met" 2546 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2547 > 2548
2549 <span 2550 aria-hidden="true" 2551 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2552 ></span> 2553 <span 2554 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2555> 2556 <!--[if BLOCK]><![endif]--> 2557 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2558 2559 <img 2560 src="https://content.voltimum.com/uk/133572/ty-met.gif?width=120" 2561 alt="" 2562 loading="lazy" 2563 decoding="async" 2564 fetchpriority="low" 2565 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2566 2567 x-init="loaded = $el.complete" 2568 x-on:load="loaded = true" 2569 2570 x-on:error="loaded = true" 2571 :class="{ 'opacity-0': !loaded }" 2572 /> 2573 <!--[if ENDBLOCK]><![endif]--></span> 2574 <span 2575 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2576 > 2577 TY-MET 2578 </span> 2579 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 2580 </li> 2581 <li> 2582 <a 2583 href="https://www.voltimum.co.uk/partners/ty-rap" 2584 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2585 > 2586 2587 <span 2588 aria-hidden="true" 2589 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2590 ></span> 2591 <span 2592 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2593> 2594 <!--[if BLOCK]><![endif]--> 2595 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2596 2597 <img 2598 src="https://content.voltimum.com/uk/133573/ty-rap.png?width=120" 2599 alt="" 2600 loading="lazy" 2601 decoding="async" 2602 fetchpriority="low" 2603 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2604 2605 x-init="loaded = $el.complete" 2606 x-on:load="loaded = true" 2607 2608 x-on:error="loaded = true" 2609 :class="{ 'opacity-0': !loaded }" 2610 /> 2611 <!--[if ENDBLOCK]><![endif]--></span> 2612 <span 2613 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2614 > 2615 TY-RAP 2616 </span> 2617 <!--[if BLOCK]><![endif]--> <img 2618 loading="lazy" 2619 class="h-4 w-4 shrink-0" 2620 src="https://www.voltimum.co.uk/img/v-plus.svg" 2621 alt="Voltimum+ Loyalty Programme" 2622 /> 2623 <!--[if ENDBLOCK]><![endif]--> </a> 2624 </li> 2625 <li> 2626 <a 2627 href="https://www.voltimum.co.uk/partners/wylex" 2628 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2629 > 2630 2631 <span 2632 aria-hidden="true" 2633 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2634 ></span>
2635 <span 2636 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2637> 2638 <!--[if BLOCK]><![endif]--> 2639 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2640 2641 <img 2642 src="https://content.voltimum.com/uk/133580/wylex.jpg?width=120" 2643 alt="" 2644 loading="lazy" 2645 decoding="async" 2646 fetchpriority="low" 2647 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2648 2649 x-init="loaded = $el.complete" 2650 x-on:load="loaded = true" 2651 2652 x-on:error="loaded = true" 2653 :class="{ 'opacity-0': !loaded }" 2654 /> 2655 <!--[if ENDBLOCK]><![endif]--></span> 2656 <span 2657 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2658 > 2659 Wylex 2660 </span> 2661 <!--[if BLOCK]><![endif]--> <img 2662 loading="lazy" 2663 class="h-4 w-4 shrink-0" 2664 src="https://www.voltimum.co.uk/img/v-plus.svg" 2665 alt="Voltimum+ Loyalty Programme" 2666 /> 2667 <!--[if ENDBLOCK]><![endif]--> </a> 2668 </li> 2669 <!--[if ENDBLOCK]><![endif]--> </ul> 2670 <!--[if ENDBLOCK]><![endif]--> </section> 2671 <section aria-labelledby="partnerGroup52"> 2672 2673 <p id="partnerGroup52" class="mb-1.5 flex items-center gap-2 px-1"> 2674 <span 2675 aria-hidden="true" 2676 class="h-3.5 w-1 shrink-0 rounded-full bg-pilot-blue" 2677 ></span> 2678 <span class="text-xs font-extrabold tracking-[0.13em] text-volt-ink uppercase">Distributor</span> 2679 2680 <span class="rounded-full bg-volt-ink/[0.07] px-1.5 py-px text-[10px] font-bold text-slate-grey tabular-nums"> 2681 8 2682 </span> 2683 <span aria-hidden="true" class="h-px flex-1 bg-gradient-to-r from-volt-ink/15 to-transparent"></span> 2684 </p> 2685 2686 <!--[if BLOCK]><![endif]--> <ul class="grid gap-x-1 grid-cols-4"> 2687 <!--[if BLOCK]><![endif]--> <li> 2688 <a 2689 href="https://www.voltimum.co.uk/partners/bpx-electro-mechanical-co-ltd" 2690 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2691 > 2692 2693 <span 2694 aria-hidden="true" 2695 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2696 ></span> 2697 <span 2698 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2699> 2700 <!--[if BLOCK]><![endif]--> 2701 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2702 2703 <img 2704 src="https://content.voltimum.com/uk/145477/BPX-Part-of-RS-Group_RGB_Colour.svg" 2705 alt="" 2706 loading="lazy" 2707 decoding="async" 2708 fetchpriority="low" 2709 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2710 2711 x-init="loaded = $el.complete" 2712 x-on:load="loaded = true" 2713 2714 x-on:error="loaded = true" 2715 :class="{ 'opacity-0': !loaded }" 2716 /> 2717 <!--[if ENDBLOCK]><![endif]--></span> 2718 <span 2719 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2720 > 2721 BPX Electro Mechanical Co. Ltd 2722 </span> 2723 <!--[if BLOCK]><![endif]--> <img 2724 loading="lazy" 2725 class="h-4 w-4 shrink-0" 2726 src="https://www.voltimum.co.uk/img/v-plus.svg" 2727 alt="Voltimum+ Loyalty Programme" 2728 /> 2729 <!--[if ENDBLOCK]><![endif]--> </a> 2730 </li> 2731 <li> 2732 <a 2733 href="https://www.voltimum.co.uk/partners/city-electrical-factors" 2734 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2735 > 2736
2737 <span 2738 aria-hidden="true" 2739 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2740 ></span> 2741 <span 2742 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2743> 2744 <!--[if BLOCK]><![endif]--> 2745 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2746 2747 <img 2748 src="https://content.voltimum.com/uk/133515/city-electrical-factors.png?width=120" 2749 alt="" 2750 loading="lazy" 2751 decoding="async" 2752 fetchpriority="low" 2753 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2754 2755 x-init="loaded = $el.complete" 2756 x-on:load="loaded = true" 2757 2758 x-on:error="loaded = true" 2759 :class="{ 'opacity-0': !loaded }" 2760 /> 2761 <!--[if ENDBLOCK]><![endif]--></span> 2762 <span 2763 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2764 > 2765 City Electrical Factors 2766 </span> 2767 <!--[if BLOCK]><![endif]--> <img 2768 loading="lazy" 2769 class="h-4 w-4 shrink-0" 2770 src="https://www.voltimum.co.uk/img/v-plus.svg" 2771 alt="Voltimum+ Loyalty Programme" 2772 /> 2773 <!--[if ENDBLOCK]><![endif]--> </a> 2774 </li> 2775 <li> 2776 <a 2777 href="https://www.voltimum.co.uk/partners/control-components-anglia" 2778 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2779 > 2780 2781 <span 2782 aria-hidden="true" 2783 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2784 ></span> 2785 <span 2786 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2787> 2788 <!--[if BLOCK]><![endif]--> 2789 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2790 2791 <img 2792 src="https://content.voltimum.com/uk/133517/control-components-anglia.png?width=120" 2793 alt="" 2794 loading="lazy" 2795 decoding="async" 2796 fetchpriority="low" 2797 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2798 2799 x-init="loaded = $el.complete" 2800 x-on:load="loaded = true" 2801 2802 x-on:error="loaded = true" 2803 :class="{ 'opacity-0': !loaded }" 2804 /> 2805 <!--[if ENDBLOCK]><![endif]--></span> 2806 <span 2807 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2808 > 2809 Control Components Anglia 2810 </span> 2811 <!--[if BLOCK]><![endif]--> <img 2812 loading="lazy" 2813 class="h-4 w-4 shrink-0" 2814 src="https://www.voltimum.co.uk/img/v-plus.svg" 2815 alt="Voltimum+ Loyalty Programme" 2816 /> 2817 <!--[if ENDBLOCK]><![endif]--> </a> 2818 </li> 2819 <li> 2820 <a 2821 href="https://www.voltimum.co.uk/partners/expert-electrical" 2822 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2823 > 2824
2825 <span 2826 aria-hidden="true" 2827 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2828 ></span> 2829 <span 2830 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2831> 2832 <!--[if BLOCK]><![endif]--> 2833 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2834 2835 <img 2836 src="https://content.voltimum.com/uk/133536/expert-electrical.png?width=120" 2837 alt="" 2838 loading="lazy" 2839 decoding="async" 2840 fetchpriority="low" 2841 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2842 2843 x-init="loaded = $el.complete" 2844 x-on:load="loaded = true" 2845 2846 x-on:error="loaded = true" 2847 :class="{ 'opacity-0': !loaded }" 2848 /> 2849 <!--[if ENDBLOCK]><![endif]--></span> 2850 <span 2851 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2852 > 2853 Expert Electrical 2854 </span> 2855 <!--[if BLOCK]><![endif]--> <img 2856 loading="lazy" 2857 class="h-4 w-4 shrink-0" 2858 src="https://www.voltimum.co.uk/img/v-plus.svg" 2859 alt="Voltimum+ Loyalty Programme" 2860 /> 2861 <!--[if ENDBLOCK]><![endif]--> </a> 2862 </li> 2863 <li> 2864 <a 2865 href="https://www.voltimum.co.uk/partners/medlock" 2866 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2867 > 2868 2869 <span 2870 aria-hidden="true" 2871 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2872 ></span> 2873 <span 2874 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2875> 2876 <!--[if BLOCK]><![endif]--> 2877 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2878 2879 <img 2880 src="https://content.voltimum.com/uk/133549/medlock.png?width=120" 2881 alt="" 2882 loading="lazy" 2883 decoding="async" 2884 fetchpriority="low" 2885 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2886 2887 x-init="loaded = $el.complete" 2888 x-on:load="loaded = true" 2889 2890 x-on:error="loaded = true" 2891 :class="{ 'opacity-0': !loaded }" 2892 /> 2893 <!--[if ENDBLOCK]><![endif]--></span> 2894 <span 2895 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2896 > 2897 MEDLOCK 2898 </span> 2899 <!--[if BLOCK]><![endif]--> <img 2900 loading="lazy" 2901 class="h-4 w-4 shrink-0" 2902 src="https://www.voltimum.co.uk/img/v-plus.svg" 2903 alt="Voltimum+ Loyalty Programme" 2904 /> 2905 <!--[if ENDBLOCK]><![endif]--> </a> 2906 </li> 2907 <li> 2908 <a 2909 href="https://www.voltimum.co.uk/partners/phase-electrical" 2910 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2911 > 2912
2913 <span 2914 aria-hidden="true" 2915 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2916 ></span> 2917 <span 2918 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2919> 2920 <!--[if BLOCK]><![endif]--> 2921 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2922 2923 <img 2924 src="https://content.voltimum.com/uk/133558/phase-electrical.png?width=120" 2925 alt="" 2926 loading="lazy" 2927 decoding="async" 2928 fetchpriority="low" 2929 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2930 2931 x-init="loaded = $el.complete" 2932 x-on:load="loaded = true" 2933 2934 x-on:error="loaded = true" 2935 :class="{ 'opacity-0': !loaded }" 2936 /> 2937 <!--[if ENDBLOCK]><![endif]--></span> 2938 <span 2939 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2940 > 2941 Phase Electrical 2942 </span> 2943 <!--[if BLOCK]><![endif]--> <img 2944 loading="lazy" 2945 class="h-4 w-4 shrink-0" 2946 src="https://www.voltimum.co.uk/img/v-plus.svg" 2947 alt="Voltimum+ Loyalty Programme" 2948 /> 2949 <!--[if ENDBLOCK]><![endif]--> </a> 2950 </li> 2951 <li> 2952 <a 2953 href="https://www.voltimum.co.uk/partners/tla" 2954 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2955 > 2956 2957 <span 2958 aria-hidden="true" 2959 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 2960 ></span> 2961 <span 2962 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 2963> 2964 <!--[if BLOCK]><![endif]--> 2965 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 2966 2967 <img 2968 src="https://content.voltimum.com/uk/144800/TLA_Colour_Main_Logo_RGB.png?width=120" 2969 alt="" 2970 loading="lazy" 2971 decoding="async" 2972 fetchpriority="low" 2973 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 2974 2975 x-init="loaded = $el.complete" 2976 x-on:load="loaded = true" 2977 2978 x-on:error="loaded = true" 2979 :class="{ 'opacity-0': !loaded }" 2980 /> 2981 <!--[if ENDBLOCK]><![endif]--></span> 2982 <span 2983 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 2984 > 2985 TLA 2986 </span> 2987 <!--[if BLOCK]><![endif]--> <img 2988 loading="lazy" 2989 class="h-4 w-4 shrink-0" 2990 src="https://www.voltimum.co.uk/img/v-plus.svg" 2991 alt="Voltimum+ Loyalty Programme" 2992 /> 2993 <!--[if ENDBLOCK]><![endif]--> </a> 2994 </li> 2995 <li> 2996 <a 2997 href="https://www.voltimum.co.uk/partners/uk-electric" 2998 class="group/item relative flex items-center gap-2.5 overflow-hidden rounded-xl py-1.5 pr-1.5 pl-2.5 transition-colors duration-150 hover:bg-pilot-blue/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 2999 > 3000
3001 <span 3002 aria-hidden="true" 3003 class="absolute inset-y-1.5 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 3004 ></span> 3005 <span 3006 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/10 group-hover/item:ring-pilot-blue/30" 3007> 3008 <!--[if BLOCK]><![endif]--> 3009 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 3010 3011 <img 3012 src="https://content.voltimum.com/uk/144388/uk-electric.png?width=120" 3013 alt="" 3014 loading="lazy" 3015 decoding="async" 3016 fetchpriority="low" 3017 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 3018 3019 x-init="loaded = $el.complete" 3020 x-on:load="loaded = true" 3021 3022 x-on:error="loaded = true" 3023 :class="{ 'opacity-0': !loaded }" 3024 /> 3025 <!--[if ENDBLOCK]><![endif]--></span> 3026 <span 3027 class="min-w-0 flex-1 truncate text-[13px] font-medium text-charcoal-grey transition-colors group-hover/item:text-pilot-blue" 3028 > 3029 UK Electric 3030 </span> 3031 <!--[if BLOCK]><![endif]--> <img 3032 loading="lazy" 3033 class="h-4 w-4 shrink-0" 3034 src="https://www.voltimum.co.uk/img/v-plus.svg" 3035 alt="Voltimum+ Loyalty Programme" 3036 /> 3037 <!--[if ENDBLOCK]><![endif]--> </a> 3038 </li> 3039 <!--[if ENDBLOCK]><![endif]--> </ul> 3040 <!--[if ENDBLOCK]><![endif]--> </section> 3041 <!--[if ENDBLOCK]><![endif]--> </div> 3042 3043 3044 <div class="border-t border-volt-ink/10 bg-volt-ink/[0.03] px-4 py-2.5"> 3045 <a 3046 href="/partners" 3047 class="group/all inline-flex items-center gap-1.5 text-[13px] font-semibold text-pilot-blue transition-colors hover:text-volt-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 3048 > 3049 All partners 3050 <svg class="h-4 w-4 transition-transform duration-200 group-hover/all:translate-x-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3051 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3052</svg> 3053 </a> 3054 </div> 3055</div> 3056</div> 3057 </div> 3058 <!--[if ENDBLOCK]><![endif]--> </li> 3059 3060 <li class="close relative" data-nav-dropdown="dropdownHover6" > 3061 <a 3062 id="dropdownHover6Button" 3063 href="/plus" 3064 class="relative flex items-center gap-1 py-2 text-[13px] font-semibold whitespace-nowrap text-volt-ink transition-colors after:absolute after:inset-x-0 after:-bottom-1 after:h-0.5 after:origin-left after:scale-x-0 after:transition-transform after:duration-200 hover:text-pilot-blue hover:after:scale-x-100 focus-visible:outline-2 focus-visible:outline-offset-4 focus-visible:outline-pilot-blue after:bg-pilot-blue/50" 3065 > 3066 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Voltimum+ 3067 <!--[if BLOCK]><![endif]--> 3068 <svg class="h-3 w-3 opacity-60" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3069 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 3070</svg> 3071 <!--[if ENDBLOCK]><![endif]--> </a> 3072 3073 3074 <!--[if BLOCK]><![endif]--> <div id="dropdownHover6" class="z-[1002] hidden"> 3075 3076 <div 3077 3078 3079 class="volt-dropdown overflow-hidden rounded-2xl bg-white bg-gradient-to-b from-pilot-blue/[0.05] to-white to-45% shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10 w-[19rem]" 3080> 3081 3082 <span aria-hidden="true" class="block h-1 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30"></span> 3083 <ul class="p-2.5" aria-labelledby="dropdownHover6Button"> 3084 <!--[if BLOCK]><![endif]--> <li> 3085 <a 3086 href="/plus/promotions" 3087 class="group/item relative flex items-start gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-sm leading-snug font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06] hover:text-pilot-blue " 3088 > 3089
3090 <span 3091 aria-hidden="true" 3092 class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 3093 ></span> 3094 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1">Promotions</span> 3095 3096 <svg class="mt-0.5 h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3097 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3098</svg> 3099 </a> 3100 </li> 3101 <li> 3102 <a 3103 href="/plus/branch-finder" 3104 class="group/item relative flex items-start gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-sm leading-snug font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06] hover:text-pilot-blue " 3105 > 3106 3107 <span 3108 aria-hidden="true" 3109 class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 3110 ></span> 3111 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1">Branch finder</span> 3112 3113 <svg class="mt-0.5 h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3114 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3115</svg> 3116 </a> 3117 </li> 3118 <li> 3119 <a 3120 href="https://uk.voltimumplusrewards.com" 3121 target="_blank" rel="noopener" class="group/item relative flex items-start gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-sm leading-snug font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06] hover:text-pilot-blue " 3122 > 3123 3124 <span 3125 aria-hidden="true" 3126 class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 3127 ></span> 3128 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <span class="min-w-0 flex-1">Rewards</span> 3129 3130 <svg class="mt-0.5 h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3131 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7 17 17 7m0 0h-7m7 0v7" /> 3132</svg> 3133 </a> 3134 </li> 3135 <!--[if ENDBLOCK]><![endif]--> </ul> 3136</div> 3137 </div> 3138 <!--[if ENDBLOCK]><![endif]--> </li> 3139 <!--[if ENDBLOCK]><![endif]--> </ul> 3140</nav> <form 3141 role="search" 3142 x-on:submit.prevent="goSearch" 3143 3144 x-on:focusin="openSearchFocus()" 3145 3146 x-on:focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) closeSearchFocus();" 3147 3148 class="group relative z-20 ml-auto hidden min-w-0 flex-1 justify-end xl:flex" 3149> 3150 3151 <div 3152 class="relative flex h-10 w-full min-w-0 items-center rounded-full border border-volt-ink/15 bg-volt-ink/[0.04] pr-1.5 pl-4 transition-all duration-300 ease-out focus-within:border-pilot-blue focus-within:bg-white" 3153 :class="searchFocused ? 'max-w-[1280px] shadow-[0_18px_44px_-24px_rgba(0,49,106,0.55)]' : 'max-w-[640px]'" 3154 > 3155 3156 <!--[if BLOCK]><![endif]--> <div 3157 x-data="searchAutocomplete({ 3158 endpoint: 'https://www.voltimum.co.uk/suggest', 3159 scope: 'all', 3160 commitScope: 'products', 3161 constraints: [], 3162 model: null, 3163 searchType: 'navbar', 3164 searchTypes: JSON.parse('{\u0022products\u0022:\u0022products\u0022,\u0022news\u0022:\u0022contents\u0022,\u0022academy\u0022:\u0022academy\u0022,\u0022pdfs\u0022:\u0022pdfs\u0022}'), 3165 commitUrls: {all: 'https://www.voltimum.co.uk/product-search', products: 'https://www.voltimum.co.uk/product-search', news: 'https://www.voltimum.co.uk/news', academy: 'https://www.voltimum.co.uk/academy', pdfs: 'https://www.voltimum.co.uk/pdf-catalogues'}, 3166 panelId: 'search-suggestions-bare-all-query-navigate', 3167 showAllTemplate: 'Show all :count results', 3168 minLength: 1, 3169 })" 3170 3171 3172 @click.outside="close()" 3173 3174 @pointerdown.window="onPointerDownAnywhere($event)" 3175 @keydown.escape.window="close()" 3176 @resize.window="measurePanel()" 3177 @scroll.window="measurePanel()" 3178 class="group flex min-w-0 flex-1 items-center" 3179 > 3180 <div class="flex min-w-0 flex-1 items-center"> 3181 <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="hidden"> 3182 <path 3183 d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z" 3184 stroke="currentColor" 3185 stroke-width="1.5" 3186 stroke-linecap="round" 3187 stroke-linejoin="round" 3188 /> 3189</svg> 3190 3191 <input 3192 type="search" 3193 x-ref="input" 3194 role="combobox" 3195 aria-autocomplete="list" 3196 aria-haspopup="listbox"
3197 aria-controls="search-suggestions-bare-all-query-navigate" 3198 :aria-expanded="open" 3199 :aria-activedescendant="activeId()" 3200 @input.debounce.250ms="onInput($event.target.value)" 3201 @keydown.arrow-down.prevent="move(1)" 3202 @keydown.arrow-up.prevent="move(-1)" 3203 @keydown.enter.prevent="commit()" 3204 @blur="onBlur($event)" 3205 @focus="if (options().length) open = true;" 3206 name="query" 3207 autocomplete="off" 3208 placeholder="Search Voltimumâ¦" 3209 class="min-w-0 flex-1 border-0 bg-transparent px-2 text-sm text-volt-ink placeholder:text-volt-ink/50 focus:ring-0 focus:outline-none" aria-label="Search Voltimumâ¦" x-model="searchQuery" 3210 /> 3211 3212 <span x-show="loading" x-cloak aria-hidden="true" class="mr-3 h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-volt-ink/20 border-t-volt-ink/60"></span> 3213 3214 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 3215 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3216 3217 <div 3218 x-show="open && options().length" 3219 x-cloak 3220 x-transition 3221 3222 :style="panelStyle()" 3223 @mousedown.prevent="onPointerDownInPanel($event)" 3224 class="absolute top-full left-0 z-[9999] mt-2 w-full min-w-[320px] flex flex-col overflow-hidden rounded-2xl bg-white text-left shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10" 3225 > 3226 3227 <span 3228 aria-hidden="true" 3229 class="block h-1 shrink-0 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30" 3230 ></span> 3231 3232 3233 <div 3234 id="search-suggestions-bare-all-query-navigate" 3235 role="listbox" 3236 3237 tabindex="-1" 3238 aria-label="Search suggestions" 3239 class="min-h-0 flex-1 overflow-y-auto overscroll-contain" 3240 > 3241 3242 <template x-if="terms.length"> 3243 <div class="border-b border-volt-ink/[0.08] p-2"> 3244 <template x-for="(term, i) in terms" :key="'term-' + term.term"> 3245 <button 3246 type="button" 3247 role="option" 3248 3249 tabindex="-1" 3250 :id="optionId('term', i)" 3251 :aria-selected="isActive('term', i)" 3252 @click="pickTerm(term.term, term.url)" 3253 @mouseenter="activate('term', i)" 3254 3255 class="group/item relative flex w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 3256 :class="isActive('term', i) && 'bg-pilot-blue/[0.06]'" 3257 > 3258 <span 3259 aria-hidden="true" 3260 class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 3261 :class="isActive('term', i) && 'scale-y-100'" 3262 ></span> 3263 3264 <span 3265 class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate" 3266 x-html="term.label" 3267 ></span> 3268 <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3269 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3270</svg> 3271 </button> 3272 </template> 3273 </div> 3274 </template> 3275 3276 3277 <template x-if="partners.length"> 3278 <div class="border-b border-volt-ink/[0.08] p-2"> 3279 <p class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase"> 3280 Partners 3281 </p> 3282 3283 3284 <template x-for="(partner, i) in partners" :key="'partner-' + partner.url"> 3285 <a 3286 role="option" 3287 tabindex="-1" 3288 :id="optionId('partner', i)" 3289 :aria-selected="isActive('partner', i)" 3290 :href="partner.url" 3291 3292 @click="trackPick($refs.input.value)" 3293 @mouseenter="activate('partner', i)" 3294 class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 3295 :class="isActive('partner', i) && 'bg-pilot-blue/[0.06]'" 3296 > 3297 3298 <template x-if="partner.image">
3299 <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0"> 3300 <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span> 3301 <img 3302 :src="partner.image" 3303 alt="" 3304 loading="lazy" 3305 class="h-9 w-9 rounded-lg bg-white object-contain p-0.5 ring-1 ring-volt-ink/[0.06]" 3306 :class="{ 'opacity-0': !loaded }" 3307 x-init="loaded = $el.complete" 3308 x-on:load="loaded = true" 3309 x-on:error="loaded = true" 3310 /> 3311 </span> 3312 </template> 3313 3314 3315 <template x-if="!partner.image"> 3316 <span 3317 aria-hidden="true" 3318 class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-volt-ink/[0.06] text-xs font-bold text-volt-ink/50 uppercase" 3319 x-text="partner.term.slice(0, 2)" 3320 ></span> 3321 </template> 3322 3323 <span 3324 class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate text-sm font-semibold text-volt-ink/90" 3325 x-html="partner.label" 3326 ></span> 3327 3328 <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3329 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3330</svg> 3331 </a> 3332 </template> 3333 </div> 3334 </template> 3335 3336 3337 <template x-for="group in groups" :key="group.type"> 3338 <div class="border-b border-volt-ink/[0.08] p-2 last:border-b-0"> 3339 <p 3340 x-show="groups.length > 1" 3341 class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase" 3342 x-text="group.label" 3343 ></p> 3344 3345 3346 <template x-for="(item, i) in group.items" :key="group.type + '-' + i + '-' + item.url"> 3347 <a 3348 role="option" 3349 tabindex="-1" 3350 :id="optionId(group.type, i)" 3351 :aria-selected="isActive(group.type, i)" 3352 :href="item.url" 3353 3354 @click="trackPick($refs.input.value, typeFor(group.type))" 3355 @mouseenter="activate(group.type, i)" 3356 class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 3357 :class="isActive(group.type, i) && 'bg-pilot-blue/[0.06]'" 3358 > 3359 3360 <template x-if="item.image"> 3361 <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0"> 3362 <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span> 3363 <img 3364 :src="item.image" 3365 alt="" 3366 loading="lazy" 3367 class="h-9 w-9 rounded-lg bg-white object-contain ring-1 ring-volt-ink/[0.06]" 3368 :class="{ 'opacity-0': !loaded }" 3369 x-init="loaded = $el.complete" 3370 x-on:load="loaded = true" 3371 x-on:error="loaded = true" 3372 /> 3373 </span> 3374 </template> 3375 3376 <span class="min-w-0 flex-1"> 3377 <span class="block truncate text-sm font-semibold text-volt-ink/90" x-text="item.title"></span> 3378 <span 3379 x-show="item.subtitle" 3380 class="block truncate text-xs font-medium text-volt-ink/50" 3381 x-text="item.subtitle" 3382 ></span> 3383 </span> 3384
3385 <span x-show="item.meta" class="shrink-0 text-sm font-bold text-volt-ink/80" x-text="item.meta"></span> 3386 </a> 3387 </template> 3388 3389 3390 <a 3391 role="option" 3392 tabindex="-1" 3393 :id="optionId(group.type + ':all', 0)" 3394 :aria-selected="isActive(group.type + ':all', 0)" 3395 :href="group.url" 3396 3397 @click="trackPick($refs.input.value, typeFor(group.type))" 3398 @mouseenter="activate(group.type + ':all', 0)" 3399 class="mt-0.5 flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-2 text-xs font-bold text-pilot-blue transition-colors hover:bg-pilot-blue/[0.06]" 3400 :class="isActive(group.type + ':all', 0) && 'bg-pilot-blue/[0.06]'" 3401 > 3402 <span x-text="showAllLabel(group.total)"></span> 3403 <svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3404 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3405</svg> 3406 </a> 3407 </div> 3408 </template> 3409 </div> 3410 </div> 3411 </div> 3412<!--[if ENDBLOCK]><![endif]--> 3413 3414 <button 3415 type="submit" 3416 aria-label="Search" 3417 class="flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-pilot-blue text-white transition hover:bg-dark-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 3418 > 3419 <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4"> 3420 <path 3421 d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z" 3422 stroke="currentColor" 3423 stroke-width="1.5" 3424 stroke-linecap="round" 3425 stroke-linejoin="round" 3426 /> 3427</svg> 3428 </button> 3429 </div> 3430</form> </div> 3431 3432 <div class="flex shrink-0 items-center gap-1 pl-1 text-volt-ink sm:gap-2 sm:pl-2 xl:pl-3"> 3433 3434 <button 3435 type="button" 3436 class="rounded-full p-2 transition hover:bg-volt-ink/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue xl:hidden" 3437 aria-label="Search" 3438 :aria-expanded="searchOpen ? 'true' : 'false'" 3439 x-on:click="toggleSearch()" 3440 > 3441 <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-5 w-5"> 3442 <path 3443 d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z" 3444 stroke="currentColor" 3445 stroke-width="1.5" 3446 stroke-linecap="round" 3447 stroke-linejoin="round" 3448 /> 3449</svg> 3450 </button> 3451 3452 <!--[if BLOCK]><![endif]--> 3453 <a 3454 href="https://www.voltimum.co.uk/login" 3455 class="rounded-full p-2 transition hover:bg-volt-ink/[0.06] focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue lg:hidden" 3456 aria-label="Login" 3457 > 3458 <svg viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="cursor-pointer h-5 w-5"> 3459 <path 3460 d="M15.982 16.7249C15.2833 15.7998 14.3793 15.0496 13.3412 14.5333C12.3031 14.0171 11.1594 13.7489 10 13.7499C8.84066 13.7489 7.6969 14.0171 6.65883 14.5333C5.62077 15.0496 4.71675 15.7998 4.01801 16.7249M15.982 16.7249C17.3455 15.5121 18.3071 13.9135 18.7412 12.141C19.1753 10.3686 19.0603 8.50604 18.4115 6.80043C17.7627 5.09482 16.6107 3.62673 15.1084 2.59085C13.6061 1.55497 11.8244 1.00024 9.99951 1.00024C8.17467 1.00024 6.39295 1.55497 4.89062 2.59085C3.38829 3.62673 2.23634 5.
346009482 1.58755 6.80043C0.938753 8.50604 0.823765 10.3686 1.25783 12.141C1.6919 13.9135 2.65451 15.5121 4.01801 16.7249M15.982 16.7249C14.336 18.1931 12.2056 19.0031 10 18.9999C7.79404 19.0033 5.66425 18.1934 4.01801 16.7249M13 7.74995C13 8.5456 12.6839 9.30866 12.1213 9.87127C11.5587 10.4339 10.7957 10.7499 10 10.7499C9.20436 10.7499 8.4413 10.4339 7.87869 9.87127C7.31608 9.30866 7.00001 8.5456 7.00001 7.74995C7.00001 6.9543 7.31608 6.19124 7.87869 5.62863C8.4413 5.06602 9.20436 4.74995 10 4.74995C10.7957 4.74995 11.5587 5.06602 12.1213 5.62863C12.6839 6.19124 13 6.9543 13 7.74995Z" 3461 stroke="currentColor" 3462 stroke-width="1.5" 3463 stroke-linecap="round" 3464 stroke-linejoin="round" 3465 /> 3466</svg> 3467 </a> 3468 <div class="hidden items-center gap-2 lg:flex"> 3469 <a 3470 href="https://www.voltimum.co.uk/login" 3471 3472 class="text-sm font-semibold whitespace-nowrap transition-colors hover:text-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 3473 > 3474 Login 3475 </a> 3476 <!--[if BLOCK]><![endif]--> <a 3477 href="https://www.voltimum.co.uk/register" 3478 3479 class="rounded-lg bg-pilot-blue px-3 py-2 text-sm font-semibold whitespace-nowrap text-white transition hover:bg-dark-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 3480 > 3481 Register 3482 </a> 3483 <!--[if ENDBLOCK]><![endif]--> </div> 3484 <!--[if ENDBLOCK]><![endif]--> 3485 <!--[if BLOCK]><![endif]--> <a 3486 href="https://www.voltimum.co.uk/plus" 3487 aria-label="Voltimum+ Loyalty Programme" 3488 3489 class="group/vplus relative ml-0.5 flex items-center gap-1.5 rounded-full p-1 transition focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue sm:ml-2.5" 3490 > 3491 3492 <span 3493 aria-hidden="true" 3494 class="pointer-events-none absolute -inset-1.5 scale-90 rounded-full bg-pilot-blue/[0.07] opacity-0 ring-1 ring-pilot-blue/20 transition duration-200 ease-out group-hover/vplus:scale-100 group-hover/vplus:opacity-100" 3495 ></span> 3496 3497 3498 <img 3499 loading="lazy" 3500 src="https://www.voltimum.co.uk/img/v-plus.svg" 3501 alt="Voltimum+ Loyalty Programme" 3502 class="relative h-7 w-7 transition-transform duration-200 ease-out group-hover/vplus:scale-105" 3503 /> 3504 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 3505 <!--[if ENDBLOCK]><![endif]--> 3506 <!--[if BLOCK]><![endif]--> <button wire:key="lw-2975294033-0-facet-groups-8" wire:snapshot="{"data":{"cartItemsCount":null},"memo":{"id":"KLCrpHlRjZp1neBzVAyU","name":"shopping-cart-badge","path":"product-search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en-gb","islands":[]},"checksum":"0d73783125fea007e73544711926340a01411e3ebbe8fedc56787053ab995415"}" wire:effects="{"partials":[],"listeners":["cartItemsCount"]}" wire:id="KLCrpHlRjZp1neBzVAyU" wire:name="shopping-cart-badge" 3507 type="button" 3508 class="relative flex h-9 w-9 items-center justify-center rounded-full transition hover:bg-volt-ink/[0.06] hover:text-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 3509 aria-label="Basket" 3510 @click=" 3511 jitsuEvent('viewBasket'); 3512 toggleCart(); 3513 " 3514> 3515 3516 <svg viewBox="0 0 20 22" fill="none" xmlns="http://www.w3.org/2000/svg" class="cursor-pointer h-[22px] w-5"> 3517 <path 3518 d="M13.75 9.5V5C13.75 4.00544 13.3549 3.05161 12.6516 2.34835C11.9484 1.64509 10.9945 1.25 9.99998 1.25C9.00542 1.25 8.0516 1.64509 7.34833 2.34835C6.64507 3.05161 6.24998 4.00544 6.24998 5V9.5M17.606 7.507L18.869 19.507C18.939 20.172 18.419 20.75 17.75 20.75H2.24998C2.09219 20.7502 1.93613 20.7171 1.79193 20.6531C1.64774 20.589 1.51863 20.4953 1.41301 20.3781C1.30738 20.2608 1.2276 20.1227 1.17884 19.9726C1.13008 19.8226 1.11343 19.6639 1.12999 19.507L2.39399 7.507C2.42314 7.23056 2.55361 6.9747 2.76024 6.78876C2.96686 6.60281 3.23501 6.49995 3.51298 6.5H16.487C17.063 6.5 17.546 6.935 17.606 7.507ZM6.62498 9.5C6.62498 9.59946 6.58548 9.69484 6.51515 9.76517C6.44482 9.83549 6.34944 9.875 6.24998 9.875C6.15053 9.875 6.05515 9.83549 5.98482 9.76517C5.91449 9.69484 5.87498 9.59946 5.87498 9.5C5.87498 9.40054 5.91449 9.30516 5.98482 9.23483C6.05515 9.16451 6.15053 9.125 6.24998 9.125C6.34944 9.125 6.44482 9.16451 6.51515 9.23483C6.58548 9.30516 6.62498 9.40054 6.62498 9.5ZM14.125 9.5C14.125 9.59946 14.0855 9.69484 14.0152 9.76517C13.9448 9.83549 13.8494 9.875 13.75 9.875C13.6505 9.875 13.5551 9.83549 13.4848 9.76517C13.4145 9.69484 13.375 9.59946 13.375 9.5C13.375 9.40054 13.4145 9.30516 13.4848 9.23483C13.5551 9.16451 13.6505 9.125 13.75 9.125C13.8494 9.125 13.9448 9.16451 14.0152 9.23483C14.0855 9.30516 14.125 9.40054 14.125 9.5Z" 3519 stroke="currentColor" 3520 stroke-width="1.5" 3521 stroke-linecap="round" 3522 stroke-linejoin="round" 3523 /> 3524</svg> 3525 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></button> <!--[if ENDBLOCK]><![endif]--></div> </div> 3526 3527 <div 3528 id="nav-mobile-search-drawer" 3529 x-data="{ settling: false }" 3530 x-effect=" 3531 if (searchOpen) { 3532 settling = true; 3533 setTimeout(() => (settling = false), 200); 3534 } 3535 " 3536 :class="{ 3537 'max-h-24 border-t': searchOpen, 3538 'max-h-0 border-t-0': !searchOpen, 3539 'overflow-hidden': !searchOpen || settling, 3540 }" 3541 :inert="!searchOpen" 3542 :aria-hidden="searchOpen ? 'false' : 'true'" 3543 inert 3544 aria-hidden="true" 3545 class="max-h-0 overflow-hidden border-t-0 border-volt-ink/10 bg-volt-ink/[0.04] transition-[max-height,border-width] duration-200 ease-out motion-reduce:transition-none xl:hidden" 3546> 3547 <form 3548 role="search" 3549 x-on:submit.prevent="goSearch" 3550 x-on:focusin="openSearchFocus()" 3551 3552 x-on:focusout="if ($event.relatedTarget && !$el.contains($event.relatedTarget)) closeSearchFocus();" 3553 3554 class="relative z-20 mx-auto flex max-w-7xl items-center gap-2 px-4 py-3 xl:px-0" 3555 > 3556 3557 <!--[if BLOCK]><![endif]--> <div 3558 x-data="searchAutocomplete({ 3559 endpoint: 'https://www.voltimum.co.uk/suggest', 3560 scope: 'all', 3561 commitScope: 'products', 3562 constraints: [], 3563 model: null, 3564 searchType: 'navbar', 3565 searchTypes: JSON.parse('{\u0022products\u0022:\u0022products\u0022,\u0022news\u0022:\u0022contents\u0022,\u0022academy\u0022:\u0022academy\u0022,\u0022pdfs\u0022:\u0022pdfs\u0022}'), 3566 commitUrls: {all: 'https://www.voltimum.co.uk/product-search', products: 'https://www.voltimum.co.uk/product-search', news: 'https://www.voltimum.co.uk/news', academy: 'https://www.voltimum.co.uk/academy', pdfs: 'https://www.voltimum.co.uk/pdf-catalogues'}, 3567 panelId: 'search-suggestions-compact-all-query-navigate', 3568 showAllTemplate: 'Show all :count results', 3569 minLength: 1, 3570 })" 3571 3572 3573 @click.outside="close()" 3574 3575 @pointerdown.window="onPointerDownAnywhere($event)" 3576 @keydown.escape.window="close()" 3577 @resize.window="measurePanel()" 3578 @scroll.window="measurePanel()" 3579 class="group relative flex min-w-0 flex-1 items-center" 3580 > 3581 <div class="flex h-10 min-w-0 flex-1 items-center rounded-lg border border-volt-ink/15 bg-white focus-within:ring-2 focus-within:ring-pilot-blue"> 3582 <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="hidden"> 3583 <path 3584 d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z" 3585 stroke="currentColor" 3586 stroke-width="1.5" 3587 stroke-linecap="round" 3588 stroke-linejoin="round" 3589 /> 3590</svg> 3591 3592 <input 3593 type="search" 3594 x-ref="input" 3595 role="combobox" 3596 aria-autocomplete="list" 3597 aria-haspopup="listbox"
3598 aria-controls="search-suggestions-compact-all-query-navigate" 3599 :aria-expanded="open" 3600 :aria-activedescendant="activeId()" 3601 @input.debounce.250ms="onInput($event.target.value)" 3602 @keydown.arrow-down.prevent="move(1)" 3603 @keydown.arrow-up.prevent="move(-1)" 3604 @keydown.enter.prevent="commit()" 3605 @blur="onBlur($event)" 3606 @focus="if (options().length) open = true;" 3607 name="query" 3608 autocomplete="off" 3609 placeholder="Search Voltimumâ¦" 3610 class="min-w-0 flex-1 border-0 bg-transparent px-3 text-sm text-volt-ink placeholder:text-volt-ink/50 focus:ring-0 focus:outline-none" id="nav-mobile-search" aria-label="Search Voltimumâ¦" x-model="searchQuery" 3611 /> 3612 3613 <span x-show="loading" x-cloak aria-hidden="true" class="mr-3 h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-volt-ink/20 border-t-volt-ink/60"></span> 3614 3615 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 3616 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3617 3618 <div 3619 x-show="open && options().length" 3620 x-cloak 3621 x-transition 3622 3623 :style="panelStyle()" 3624 @mousedown.prevent="onPointerDownInPanel($event)" 3625 class="absolute top-full left-0 z-[9999] mt-2 w-full min-w-[320px] flex flex-col overflow-hidden rounded-2xl bg-white text-left shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10" 3626 > 3627 3628 <span 3629 aria-hidden="true" 3630 class="block h-1 shrink-0 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30" 3631 ></span> 3632 3633 3634 <div 3635 id="search-suggestions-compact-all-query-navigate" 3636 role="listbox" 3637 3638 tabindex="-1" 3639 aria-label="Search suggestions" 3640 class="min-h-0 flex-1 overflow-y-auto overscroll-contain" 3641 > 3642 3643 <template x-if="terms.length"> 3644 <div class="border-b border-volt-ink/[0.08] p-2"> 3645 <template x-for="(term, i) in terms" :key="'term-' + term.term"> 3646 <button 3647 type="button" 3648 role="option" 3649 3650 tabindex="-1" 3651 :id="optionId('term', i)" 3652 :aria-selected="isActive('term', i)" 3653 @click="pickTerm(term.term, term.url)" 3654 @mouseenter="activate('term', i)" 3655 3656 class="group/item relative flex w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 3657 :class="isActive('term', i) && 'bg-pilot-blue/[0.06]'" 3658 > 3659 <span 3660 aria-hidden="true" 3661 class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 3662 :class="isActive('term', i) && 'scale-y-100'" 3663 ></span> 3664 3665 <span 3666 class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate" 3667 x-html="term.label" 3668 ></span> 3669 <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3670 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3671</svg> 3672 </button> 3673 </template> 3674 </div> 3675 </template> 3676 3677 3678 <template x-if="partners.length"> 3679 <div class="border-b border-volt-ink/[0.08] p-2"> 3680 <p class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase"> 3681 Partners 3682 </p> 3683 3684 3685 <template x-for="(partner, i) in partners" :key="'partner-' + partner.url"> 3686 <a 3687 role="option" 3688 tabindex="-1" 3689 :id="optionId('partner', i)" 3690 :aria-selected="isActive('partner', i)" 3691 :href="partner.url" 3692 3693 @click="trackPick($refs.input.value)" 3694 @mouseenter="activate('partner', i)" 3695 class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 3696 :class="isActive('partner', i) && 'bg-pilot-blue/[0.06]'" 3697 > 3698 3699 <template x-if="partner.image">
3700 <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0"> 3701 <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span> 3702 <img 3703 :src="partner.image" 3704 alt="" 3705 loading="lazy" 3706 class="h-9 w-9 rounded-lg bg-white object-contain p-0.5 ring-1 ring-volt-ink/[0.06]" 3707 :class="{ 'opacity-0': !loaded }" 3708 x-init="loaded = $el.complete" 3709 x-on:load="loaded = true" 3710 x-on:error="loaded = true" 3711 /> 3712 </span> 3713 </template> 3714 3715 3716 <template x-if="!partner.image"> 3717 <span 3718 aria-hidden="true" 3719 class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-volt-ink/[0.06] text-xs font-bold text-volt-ink/50 uppercase" 3720 x-text="partner.term.slice(0, 2)" 3721 ></span> 3722 </template> 3723 3724 <span 3725 class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate text-sm font-semibold text-volt-ink/90" 3726 x-html="partner.label" 3727 ></span> 3728 3729 <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3730 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3731</svg> 3732 </a> 3733 </template> 3734 </div> 3735 </template> 3736 3737 3738 <template x-for="group in groups" :key="group.type"> 3739 <div class="border-b border-volt-ink/[0.08] p-2 last:border-b-0"> 3740 <p 3741 x-show="groups.length > 1" 3742 class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase" 3743 x-text="group.label" 3744 ></p> 3745 3746 3747 <template x-for="(item, i) in group.items" :key="group.type + '-' + i + '-' + item.url"> 3748 <a 3749 role="option" 3750 tabindex="-1" 3751 :id="optionId(group.type, i)" 3752 :aria-selected="isActive(group.type, i)" 3753 :href="item.url" 3754 3755 @click="trackPick($refs.input.value, typeFor(group.type))" 3756 @mouseenter="activate(group.type, i)" 3757 class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 3758 :class="isActive(group.type, i) && 'bg-pilot-blue/[0.06]'" 3759 > 3760 3761 <template x-if="item.image"> 3762 <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0"> 3763 <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span> 3764 <img 3765 :src="item.image" 3766 alt="" 3767 loading="lazy" 3768 class="h-9 w-9 rounded-lg bg-white object-contain ring-1 ring-volt-ink/[0.06]" 3769 :class="{ 'opacity-0': !loaded }" 3770 x-init="loaded = $el.complete" 3771 x-on:load="loaded = true" 3772 x-on:error="loaded = true" 3773 /> 3774 </span> 3775 </template> 3776 3777 <span class="min-w-0 flex-1"> 3778 <span class="block truncate text-sm font-semibold text-volt-ink/90" x-text="item.title"></span> 3779 <span 3780 x-show="item.subtitle" 3781 class="block truncate text-xs font-medium text-volt-ink/50" 3782 x-text="item.subtitle" 3783 ></span> 3784 </span> 3785
3786 <span x-show="item.meta" class="shrink-0 text-sm font-bold text-volt-ink/80" x-text="item.meta"></span> 3787 </a> 3788 </template> 3789 3790 3791 <a 3792 role="option" 3793 tabindex="-1" 3794 :id="optionId(group.type + ':all', 0)" 3795 :aria-selected="isActive(group.type + ':all', 0)" 3796 :href="group.url" 3797 3798 @click="trackPick($refs.input.value, typeFor(group.type))" 3799 @mouseenter="activate(group.type + ':all', 0)" 3800 class="mt-0.5 flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-2 text-xs font-bold text-pilot-blue transition-colors hover:bg-pilot-blue/[0.06]" 3801 :class="isActive(group.type + ':all', 0) && 'bg-pilot-blue/[0.06]'" 3802 > 3803 <span x-text="showAllLabel(group.total)"></span> 3804 <svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3805 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 3806</svg> 3807 </a> 3808 </div> 3809 </template> 3810 </div> 3811 </div> 3812 </div> 3813<!--[if ENDBLOCK]><![endif]--> 3814 3815 <button 3816 type="submit" 3817 aria-label="Search" 3818 class="flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-pilot-blue text-white transition hover:bg-dark-pilot-blue" 3819 > 3820 <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" class="h-4 w-4"> 3821 <path 3822 d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z" 3823 stroke="currentColor" 3824 stroke-width="1.5" 3825 stroke-linecap="round" 3826 stroke-linejoin="round" 3827 /> 3828</svg> 3829 </button> 3830 </form> 3831</div> </header> 3832 3833 <div 3834 id="voltMobileDrawer" 3835 x-cloak 3836 x-show="menuOpen" 3837 role="dialog" 3838 aria-modal="true" 3839 aria-label="Menu" 3840 class="fixed inset-x-0 top-14 bottom-0 lg:hidden" 3841> 3842 <div x-show="menuOpen" x-transition.opacity class="absolute inset-0 bg-black/60" x-on:click="closeAll()"></div> 3843 3844 <div 3845 x-show="menuOpen" 3846 x-transition:enter="transition ease-out duration-200" 3847 x-transition:enter-start="-translate-x-full" 3848 x-transition:enter-end="translate-x-0" 3849 x-transition:leave="transition ease-in duration-150" 3850 x-transition:leave-start="translate-x-0" 3851 x-transition:leave-end="-translate-x-full" 3852 3853 class="relative flex h-full w-full flex-col overflow-y-auto bg-white min-[481px]:max-w-sm" 3854 > 3855 <ul class="flex-1 px-4 py-4"> 3856 <!--[if BLOCK]><![endif]--> <li x-data="{ open: false }" class="border-b border-volt-ink/10"> 3857 <div class="flex items-center justify-between"> 3858 3859 <a 3860 href="/" 3861 3862 class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink " 3863 > 3864 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> Home 3865 <!--[if ENDBLOCK]><![endif]--> </a> 3866 3867 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3868 3869 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </li> 3870 <li x-data="{ open: false }" class="border-b border-volt-ink/10"> 3871 <div class="flex items-center justify-between"> 3872 3873 <a 3874 href="/news" 3875 3876 class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink " 3877 > 3878 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> News 3879 <!--[if ENDBLOCK]><![endif]--> </a> 3880 3881 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3882 3883 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </li> 3884 <li x-data="{ open: false }" class="border-b border-volt-ink/10"> 3885 <div class="flex items-center justify-between"> 3886 3887 <a 3888 href="/academy" 3889 3890 class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink " 3891 > 3892 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> Academy 3893 <!--[if ENDBLOCK]><![endif]--> </a> 3894 3895 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 3896 3897 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </li> 3898 <li x-data="{ open: false }" class="border-b border-volt-ink/10"> 3899 <div class="flex items-center justify-between"> 3900 3901 <a 3902 href="/product-search" 3903 aria-current="page" 3904 class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-pilot-blue " 3905 > 3906 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> Products 3907 <!--[if ENDBLOCK]><![endif]--> </a> 3908 3909 <!--[if BLOCK]><![endif]--> <button 3910 type="button" 3911 x-on:click="open = !open" 3912 :aria-expanded="open ? 'true' : 'false'" 3913 aria-label="Products" 3914 class="rounded-lg p-2 text-volt-ink/60 transition hover:bg-volt-ink/[0.06] hover:text-volt-ink" 3915 > 3916 <svg class="h-4 w-4 transition-transform duration-200" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3917 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 3918</svg> 3919 </button> 3920 <!--[if ENDBLOCK]><![endif]--> </div> 3921 3922 <!--[if BLOCK]><![endif]--> <ul x-show="open" x-collapse class="space-y-1 pb-3 pl-3"> 3923 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 3924 <!--[if BLOCK]><![endif]--> <li> 3925 <a 3926 href="/product-catalogue" 3927 class="flex items-center gap-2 py-2 text-sm text-volt-ink/70 transition-colors hover:text-pilot-blue " 3928 > 3929 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Product Categories 3930 </a> 3931 </li> 3932 <!--[if ENDBLOCK]><![endif]--> </ul> 3933 <!--[if ENDBLOCK]><![endif]--> </li> 3934 <li x-data="{ open: false }" class="border-b border-volt-ink/10"> 3935 <div class="flex items-center justify-between"> 3936 3937 <a 3938 href="/partners" 3939 3940 class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink " 3941 > 3942 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> Partners 3943 <!--[if ENDBLOCK]><![endif]--> </a> 3944 3945 <!--[if BLOCK]><![endif]--> <button 3946 type="button" 3947 x-on:click="open = !open" 3948 :aria-expanded="open ? 'true' : 'false'" 3949 aria-label="Partners" 3950 class="rounded-lg p-2 text-volt-ink/60 transition hover:bg-volt-ink/[0.06] hover:text-volt-ink" 3951 > 3952 <svg class="h-4 w-4 transition-transform duration-200" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 3953 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 3954</svg> 3955 </button> 3956 <!--[if ENDBLOCK]><![endif]--> </div> 3957 3958 <!--[if BLOCK]><![endif]--> <ul x-show="open" x-collapse class="space-y-1 pb-3 pl-3"> 3959 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <li> 3960 3961 <p class="flex items-center gap-2 pt-3 pb-1">
3962 <span class="text-xs font-extrabold tracking-[0.13em] text-pilot-blue uppercase"> 3963 Premium 3964 </span> 3965 <span 3966 class="rounded-full bg-volt-ink/[0.08] px-1.5 py-px text-[10px] font-bold text-volt-ink/60 tabular-nums" 3967 > 3968 8 3969 </span> 3970 <span aria-hidden="true" class="h-px flex-1 bg-volt-ink/15"></span> 3971 </p> 3972 3973 <ul> 3974 <!--[if BLOCK]><![endif]--> <li> 3975 <a 3976 href="https://www.voltimum.co.uk/partners/abb" 3977 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink" 3978 > 3979 <span 3980 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 3981> 3982 <!--[if BLOCK]><![endif]--> 3983 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 3984 3985 <img 3986 src="https://content.voltimum.com/uk/145815/abb.svg" 3987 alt="" 3988 loading="lazy" 3989 decoding="async" 3990 fetchpriority="low" 3991 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 3992 3993 x-init="loaded = $el.complete" 3994 x-on:load="loaded = true" 3995 3996 x-on:error="loaded = true" 3997 :class="{ 'opacity-0': !loaded }" 3998 /> 3999 <!--[if ENDBLOCK]><![endif]--></span> 4000 <span class="min-w-0 flex-1 truncate">ABB</span> 4001 <!--[if BLOCK]><![endif]--> <img 4002 loading="lazy" 4003 class="h-5 w-5 shrink-0" 4004 src="https://www.voltimum.co.uk/img/v-plus.svg" 4005 alt="Voltimum+ Loyalty Programme" 4006 /> 4007 <!--[if ENDBLOCK]><![endif]--> </a> 4008 </li> 4009 <li> 4010 <a 4011 href="https://www.voltimum.co.uk/partners/brother" 4012 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink" 4013 > 4014 <span 4015 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4016> 4017 <!--[if BLOCK]><![endif]--> 4018 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4019 4020 <img 4021 src="https://content.voltimum.com/uk/133599/brother.png?width=120" 4022 alt="" 4023 loading="lazy" 4024 decoding="async" 4025 fetchpriority="low" 4026 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4027 4028 x-init="loaded = $el.complete" 4029 x-on:load="loaded = true" 4030 4031 x-on:error="loaded = true" 4032 :class="{ 'opacity-0': !loaded }" 4033 /> 4034 <!--[if ENDBLOCK]><![endif]--></span> 4035 <span class="min-w-0 flex-1 truncate">Brother</span> 4036 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4037 </li> 4038 <li> 4039 <a 4040 href="https://www.voltimum.co.uk/partners/ecolink" 4041 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink" 4042 > 4043 <span 4044 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4045> 4046 <!--[if BLOCK]><![endif]--> 4047 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4048 4049 <img 4050 src="https://content.voltimum.com/uk/133528/ecolink.png?width=120" 4051 alt="" 4052 loading="lazy" 4053 decoding="async" 4054 fetchpriority="low" 4055 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4056 4057 x-init="loaded = $el.complete" 4058 x-on:load="loaded = true" 4059 4060 x-on:error="loaded = true" 4061 :class="{ 'opacity-0': !loaded }" 4062 /> 4063 <!--[if ENDBLOCK]><![endif]--></span>
4064 <span class="min-w-0 flex-1 truncate">Ecolink</span> 4065 <!--[if BLOCK]><![endif]--> <img 4066 loading="lazy" 4067 class="h-5 w-5 shrink-0" 4068 src="https://www.voltimum.co.uk/img/v-plus.svg" 4069 alt="Voltimum+ Loyalty Programme" 4070 /> 4071 <!--[if ENDBLOCK]><![endif]--> </a> 4072 </li> 4073 <li> 4074 <a 4075 href="https://www.voltimum.co.uk/partners/knipex" 4076 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink" 4077 > 4078 <span 4079 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4080> 4081 <!--[if BLOCK]><![endif]--> 4082 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4083 4084 <img 4085 src="https://content.voltimum.com/uk/145820/knipex.svg" 4086 alt="" 4087 loading="lazy" 4088 decoding="async" 4089 fetchpriority="low" 4090 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4091 4092 x-init="loaded = $el.complete" 4093 x-on:load="loaded = true" 4094 4095 x-on:error="loaded = true" 4096 :class="{ 'opacity-0': !loaded }" 4097 /> 4098 <!--[if ENDBLOCK]><![endif]--></span> 4099 <span class="min-w-0 flex-1 truncate">KNIPEX</span> 4100 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4101 </li> 4102 <li> 4103 <a 4104 href="https://www.voltimum.co.uk/partners/nvc-lighting" 4105 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink" 4106 > 4107 <span 4108 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4109> 4110 <!--[if BLOCK]><![endif]--> 4111 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4112 4113 <img 4114 src="https://content.voltimum.com/uk/145549/NVC-Lighting-logo.png?width=120" 4115 alt="" 4116 loading="lazy" 4117 decoding="async" 4118 fetchpriority="low" 4119 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4120 4121 x-init="loaded = $el.complete" 4122 x-on:load="loaded = true" 4123 4124 x-on:error="loaded = true" 4125 :class="{ 'opacity-0': !loaded }" 4126 /> 4127 <!--[if ENDBLOCK]><![endif]--></span> 4128 <span class="min-w-0 flex-1 truncate">NVC Lighting</span> 4129 <!--[if BLOCK]><![endif]--> <img 4130 loading="lazy" 4131 class="h-5 w-5 shrink-0" 4132 src="https://www.voltimum.co.uk/img/v-plus.svg" 4133 alt="Voltimum+ Loyalty Programme" 4134 /> 4135 <!--[if ENDBLOCK]><![endif]--> </a> 4136 </li> 4137 <li> 4138 <a 4139 href="https://www.voltimum.co.uk/partners/schneider-electric" 4140 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink" 4141 > 4142 <span 4143 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4144> 4145 <!--[if BLOCK]><![endif]--> 4146 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4147 4148 <img 4149 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 4150 alt="" 4151 loading="lazy" 4152 decoding="async" 4153 fetchpriority="low" 4154 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4155 4156 x-init="loaded = $el.complete" 4157 x-on:load="loaded = true" 4158 4159 x-on:error="loaded = true" 4160 :class="{ 'opacity-0': !loaded }" 4161 /> 4162 <!--[if ENDBLOCK]><![endif]--></span>
4163 <span class="min-w-0 flex-1 truncate">Schneider Electric</span> 4164 <!--[if BLOCK]><![endif]--> <img 4165 loading="lazy" 4166 class="h-5 w-5 shrink-0" 4167 src="https://www.voltimum.co.uk/img/v-plus.svg" 4168 alt="Voltimum+ Loyalty Programme" 4169 /> 4170 <!--[if ENDBLOCK]><![endif]--> </a> 4171 </li> 4172 <li> 4173 <a 4174 href="https://www.voltimum.co.uk/partners/wago" 4175 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink" 4176 > 4177 <span 4178 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4179> 4180 <!--[if BLOCK]><![endif]--> 4181 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4182 4183 <img 4184 src="https://content.voltimum.com/uk/145829/wago.svg" 4185 alt="" 4186 loading="lazy" 4187 decoding="async" 4188 fetchpriority="low" 4189 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4190 4191 x-init="loaded = $el.complete" 4192 x-on:load="loaded = true" 4193 4194 x-on:error="loaded = true" 4195 :class="{ 'opacity-0': !loaded }" 4196 /> 4197 <!--[if ENDBLOCK]><![endif]--></span> 4198 <span class="min-w-0 flex-1 truncate">Wago</span> 4199 <!--[if BLOCK]><![endif]--> <img 4200 loading="lazy" 4201 class="h-5 w-5 shrink-0" 4202 src="https://www.voltimum.co.uk/img/v-plus.svg" 4203 alt="Voltimum+ Loyalty Programme" 4204 /> 4205 <!--[if ENDBLOCK]><![endif]--> </a> 4206 </li> 4207 <li> 4208 <a 4209 href="https://www.voltimum.co.uk/partners/wibe-group-uk" 4210 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue font-semibold text-volt-ink" 4211 > 4212 <span 4213 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4214> 4215 <!--[if BLOCK]><![endif]--> 4216 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4217 4218 <img 4219 src="https://content.voltimum.com/uk/145831/wibe-group-uk.svg" 4220 alt="" 4221 loading="lazy" 4222 decoding="async" 4223 fetchpriority="low" 4224 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4225 4226 x-init="loaded = $el.complete" 4227 x-on:load="loaded = true" 4228 4229 x-on:error="loaded = true" 4230 :class="{ 'opacity-0': !loaded }" 4231 /> 4232 <!--[if ENDBLOCK]><![endif]--></span> 4233 <span class="min-w-0 flex-1 truncate">Wibe Group UK</span> 4234 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4235 </li> 4236 <!--[if ENDBLOCK]><![endif]--> </ul> 4237 </li> 4238 <li> 4239 4240 <p class="flex items-center gap-2 pt-3 pb-1"> 4241 <span class="text-xs font-extrabold tracking-[0.13em] text-pilot-blue uppercase"> 4242 Manufacturer 4243 </span> 4244 <span 4245 class="rounded-full bg-volt-ink/[0.08] px-1.5 py-px text-[10px] font-bold text-volt-ink/60 tabular-nums" 4246 > 4247 39 4248 </span>
4249 <span aria-hidden="true" class="h-px flex-1 bg-volt-ink/15"></span> 4250 </p> 4251 4252 <ul> 4253 <!--[if BLOCK]><![endif]--> <li> 4254 <a 4255 href="https://www.voltimum.co.uk/partners/adaptaflex" 4256 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4257 > 4258 <span 4259 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4260> 4261 <!--[if BLOCK]><![endif]--> 4262 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4263 4264 <img 4265 src="https://content.voltimum.com/uk/133504/adaptaflex.png?width=120" 4266 alt="" 4267 loading="lazy" 4268 decoding="async" 4269 fetchpriority="low" 4270 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4271 4272 x-init="loaded = $el.complete" 4273 x-on:load="loaded = true" 4274 4275 x-on:error="loaded = true" 4276 :class="{ 'opacity-0': !loaded }" 4277 /> 4278 <!--[if ENDBLOCK]><![endif]--></span> 4279 <span class="min-w-0 flex-1 truncate">Adaptaflex</span> 4280 <!--[if BLOCK]><![endif]--> <img 4281 loading="lazy" 4282 class="h-5 w-5 shrink-0" 4283 src="https://www.voltimum.co.uk/img/v-plus.svg" 4284 alt="Voltimum+ Loyalty Programme" 4285 /> 4286 <!--[if ENDBLOCK]><![endif]--> </a> 4287 </li> 4288 <li> 4289 <a 4290 href="https://www.voltimum.co.uk/partners/apc" 4291 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4292 > 4293 <span 4294 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4295> 4296 <!--[if BLOCK]><![endif]--> 4297 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4298 4299 <img 4300 src="https://content.voltimum.com/uk/145816/apc.svg" 4301 alt="" 4302 loading="lazy" 4303 decoding="async" 4304 fetchpriority="low" 4305 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4306 4307 x-init="loaded = $el.complete" 4308 x-on:load="loaded = true" 4309 4310 x-on:error="loaded = true" 4311 :class="{ 'opacity-0': !loaded }" 4312 /> 4313 <!--[if ENDBLOCK]><![endif]--></span> 4314 <span class="min-w-0 flex-1 truncate">APC</span> 4315 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4316 </li> 4317 <li> 4318 <a 4319 href="https://www.voltimum.co.uk/partners/bg-electrical" 4320 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4321 > 4322 <span 4323 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4324> 4325 <!--[if BLOCK]><![endif]--> 4326 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4327 4328 <img 4329 src="https://content.voltimum.com/uk/133511/bg-electrical.png?width=120" 4330 alt="" 4331 loading="lazy" 4332 decoding="async" 4333 fetchpriority="low" 4334 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4335 4336 x-init="loaded = $el.complete" 4337 x-on:load="loaded = true" 4338 4339 x-on:error="loaded = true" 4340 :class="{ 'opacity-0': !loaded }" 4341 /> 4342 <!--[if ENDBLOCK]><![endif]--></span>
4343 <span class="min-w-0 flex-1 truncate">BG Electrical</span> 4344 <!--[if BLOCK]><![endif]--> <img 4345 loading="lazy" 4346 class="h-5 w-5 shrink-0" 4347 src="https://www.voltimum.co.uk/img/v-plus.svg" 4348 alt="Voltimum+ Loyalty Programme" 4349 /> 4350 <!--[if ENDBLOCK]><![endif]--> </a> 4351 </li> 4352 <li> 4353 <a 4354 href="https://www.voltimum.co.uk/partners/brady" 4355 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4356 > 4357 <span 4358 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4359> 4360 <!--[if BLOCK]><![endif]--> 4361 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4362 4363 <img 4364 src="https://content.voltimum.com/uk/133513/brady.png?width=120" 4365 alt="" 4366 loading="lazy" 4367 decoding="async" 4368 fetchpriority="low" 4369 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4370 4371 x-init="loaded = $el.complete" 4372 x-on:load="loaded = true" 4373 4374 x-on:error="loaded = true" 4375 :class="{ 'opacity-0': !loaded }" 4376 /> 4377 <!--[if ENDBLOCK]><![endif]--></span> 4378 <span class="min-w-0 flex-1 truncate">Brady</span> 4379 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4380 </li> 4381 <li> 4382 <a 4383 href="https://www.voltimum.co.uk/partners/british-cables-company" 4384 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4385 > 4386 <span 4387 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4388> 4389 <!--[if BLOCK]><![endif]--> 4390 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4391 4392 <img 4393 src="https://content.voltimum.com/uk/133514/british-cables-company.png?width=120" 4394 alt="" 4395 loading="lazy" 4396 decoding="async" 4397 fetchpriority="low" 4398 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4399 4400 x-init="loaded = $el.complete" 4401 x-on:load="loaded = true" 4402 4403 x-on:error="loaded = true" 4404 :class="{ 'opacity-0': !loaded }" 4405 /> 4406 <!--[if ENDBLOCK]><![endif]--></span> 4407 <span class="min-w-0 flex-1 truncate">British Cables Company</span> 4408 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4409 </li> 4410 <li> 4411 <a 4412 href="https://www.voltimum.co.uk/partners/cpn-cudis" 4413 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4414 > 4415 <span 4416 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4417> 4418 <!--[if BLOCK]><![endif]--> 4419 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4420 4421 <img 4422 src="https://content.voltimum.com/uk/144991/NEW-Logo-Black.png?width=120" 4423 alt="" 4424 loading="lazy" 4425 decoding="async" 4426 fetchpriority="low" 4427 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4428 4429 x-init="loaded = $el.complete" 4430 x-on:load="loaded = true" 4431 4432 x-on:error="loaded = true" 4433 :class="{ 'opacity-0': !loaded }" 4434 /> 4435 <!--[if ENDBLOCK]><![endif]--></span>
4436 <span class="min-w-0 flex-1 truncate">CPN Cudis</span> 4437 <!--[if BLOCK]><![endif]--> <img 4438 loading="lazy" 4439 class="h-5 w-5 shrink-0" 4440 src="https://www.voltimum.co.uk/img/v-plus.svg" 4441 alt="Voltimum+ Loyalty Programme" 4442 /> 4443 <!--[if ENDBLOCK]><![endif]--> </a> 4444 </li> 4445 <li> 4446 <a 4447 href="https://www.voltimum.co.uk/partners/crabtree" 4448 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4449 > 4450 <span 4451 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4452> 4453 <!--[if BLOCK]><![endif]--> 4454 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4455 4456 <img 4457 src="https://content.voltimum.com/uk/133518/crabtree.jpg?width=120" 4458 alt="" 4459 loading="lazy" 4460 decoding="async" 4461 fetchpriority="low" 4462 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4463 4464 x-init="loaded = $el.complete" 4465 x-on:load="loaded = true" 4466 4467 x-on:error="loaded = true" 4468 :class="{ 'opacity-0': !loaded }" 4469 /> 4470 <!--[if ENDBLOCK]><![endif]--></span> 4471 <span class="min-w-0 flex-1 truncate">Crabtree</span> 4472 <!--[if BLOCK]><![endif]--> <img 4473 loading="lazy" 4474 class="h-5 w-5 shrink-0" 4475 src="https://www.voltimum.co.uk/img/v-plus.svg" 4476 alt="Voltimum+ Loyalty Programme" 4477 /> 4478 <!--[if ENDBLOCK]><![endif]--> </a> 4479 </li> 4480 <li> 4481 <a 4482 href="https://www.voltimum.co.uk/partners/dehn" 4483 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4484 > 4485 <span 4486 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4487> 4488 <!--[if BLOCK]><![endif]--> 4489 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4490 4491 <img 4492 src="https://content.voltimum.com/uk/145817/dehn.svg" 4493 alt="" 4494 loading="lazy" 4495 decoding="async" 4496 fetchpriority="low" 4497 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4498 4499 x-init="loaded = $el.complete" 4500 x-on:load="loaded = true" 4501 4502 x-on:error="loaded = true" 4503 :class="{ 'opacity-0': !loaded }" 4504 /> 4505 <!--[if ENDBLOCK]><![endif]--></span> 4506 <span class="min-w-0 flex-1 truncate">Dehn</span> 4507 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4508 </li> 4509 <li> 4510 <a 4511 href="https://www.voltimum.co.uk/partners/di-log" 4512 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4513 > 4514 <span 4515 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4516> 4517 <!--[if BLOCK]><![endif]--> 4518 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4519 4520 <img 4521 src="https://content.voltimum.com/uk/133520/dilog.png?width=120" 4522 alt="" 4523 loading="lazy" 4524 decoding="async" 4525 fetchpriority="low" 4526 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4527 4528 x-init="loaded = $el.complete" 4529 x-on:load="loaded = true" 4530 4531 x-on:error="loaded = true" 4532 :class="{ 'opacity-0': !loaded }" 4533 /> 4534 <!--[if ENDBLOCK]><![endif]--></span>
4535 <span class="min-w-0 flex-1 truncate">Di-Log</span> 4536 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4537 </li> 4538 <li> 4539 <a 4540 href="https://www.voltimum.co.uk/partners/doepke" 4541 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4542 > 4543 <span 4544 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4545> 4546 <!--[if BLOCK]><![endif]--> 4547 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4548 4549 <img 4550 src="https://content.voltimum.com/uk/145761/Doepke-Logo-blue.png?width=120" 4551 alt="" 4552 loading="lazy" 4553 decoding="async" 4554 fetchpriority="low" 4555 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4556 4557 x-init="loaded = $el.complete" 4558 x-on:load="loaded = true" 4559 4560 x-on:error="loaded = true" 4561 :class="{ 'opacity-0': !loaded }" 4562 /> 4563 <!--[if ENDBLOCK]><![endif]--></span> 4564 <span class="min-w-0 flex-1 truncate">Doepke</span> 4565 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4566 </li> 4567 <li> 4568 <a 4569 href="https://www.voltimum.co.uk/partners/e-klips" 4570 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4571 > 4572 <span 4573 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4574> 4575 <!--[if BLOCK]><![endif]--> 4576 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4577 4578 <img 4579 src="https://content.voltimum.com/uk/133522/e-klips.gif?width=120" 4580 alt="" 4581 loading="lazy" 4582 decoding="async" 4583 fetchpriority="low" 4584 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4585 4586 x-init="loaded = $el.complete" 4587 x-on:load="loaded = true" 4588 4589 x-on:error="loaded = true" 4590 :class="{ 'opacity-0': !loaded }" 4591 /> 4592 <!--[if ENDBLOCK]><![endif]--></span> 4593 <span class="min-w-0 flex-1 truncate">E-Klips</span> 4594 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4595 </li> 4596 <li> 4597 <a 4598 href="https://www.voltimum.co.uk/partners/eaton" 4599 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4600 > 4601 <span 4602 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4603> 4604 <!--[if BLOCK]><![endif]--> 4605 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4606 4607 <img 4608 src="https://content.voltimum.com/uk/133527/eaton.png?width=120" 4609 alt="" 4610 loading="lazy" 4611 decoding="async" 4612 fetchpriority="low" 4613 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4614 4615 x-init="loaded = $el.complete" 4616 x-on:load="loaded = true" 4617 4618 x-on:error="loaded = true" 4619 :class="{ 'opacity-0': !loaded }" 4620 /> 4621 <!--[if ENDBLOCK]><![endif]--></span> 4622 <span class="min-w-0 flex-1 truncate">Eaton</span> 4623 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4624 </li> 4625 <li> 4626 <a 4627 href="https://www.voltimum.co.uk/partners/electrium" 4628 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4629 >
4630 <span 4631 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4632> 4633 <!--[if BLOCK]><![endif]--> 4634 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4635 4636 <img 4637 src="https://content.voltimum.com/uk/133533/electrium.png?width=120" 4638 alt="" 4639 loading="lazy" 4640 decoding="async" 4641 fetchpriority="low" 4642 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4643 4644 x-init="loaded = $el.complete" 4645 x-on:load="loaded = true" 4646 4647 x-on:error="loaded = true" 4648 :class="{ 'opacity-0': !loaded }" 4649 /> 4650 <!--[if ENDBLOCK]><![endif]--></span> 4651 <span class="min-w-0 flex-1 truncate">Electrium</span> 4652 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4653 </li> 4654 <li> 4655 <a 4656 href="https://www.voltimum.co.uk/partners/emergi-lite" 4657 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4658 > 4659 <span 4660 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4661> 4662 <!--[if BLOCK]><![endif]--> 4663 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4664 4665 <img 4666 src="https://content.voltimum.com/uk/133534/emergi-lite.png?width=120" 4667 alt="" 4668 loading="lazy" 4669 decoding="async" 4670 fetchpriority="low" 4671 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4672 4673 x-init="loaded = $el.complete" 4674 x-on:load="loaded = true" 4675 4676 x-on:error="loaded = true" 4677 :class="{ 'opacity-0': !loaded }" 4678 /> 4679 <!--[if ENDBLOCK]><![endif]--></span> 4680 <span class="min-w-0 flex-1 truncate">Emergi-Lite</span> 4681 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4682 </li> 4683 <li> 4684 <a 4685 href="https://www.voltimum.co.uk/partners/fibox" 4686 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4687 > 4688 <span 4689 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4690> 4691 <!--[if BLOCK]><![endif]--> 4692 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4693 4694 <img 4695 src="https://content.voltimum.com/uk/133537/fibox.jpg?width=120" 4696 alt="" 4697 loading="lazy" 4698 decoding="async" 4699 fetchpriority="low" 4700 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4701 4702 x-init="loaded = $el.complete" 4703 x-on:load="loaded = true" 4704 4705 x-on:error="loaded = true" 4706 :class="{ 'opacity-0': !loaded }" 4707 /> 4708 <!--[if ENDBLOCK]><![endif]--></span> 4709 <span class="min-w-0 flex-1 truncate">Fibox</span> 4710 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4711 </li> 4712 <li> 4713 <a 4714 href="https://www.voltimum.co.uk/partners/flex7" 4715 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4716 > 4717 <span 4718 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4719> 4720 <!--[if BLOCK]><![endif]--> 4721 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4722 4723 <img 4724 src="https://content.voltimum.com/uk/133581/flex7.jpg?width=120" 4725 alt="" 4726 loading="lazy" 4727 decoding="async" 4728 fetchpriority="low" 4729 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4730 4731 x-init="loaded = $el.complete" 4732 x-on:load="loaded = true" 4733 4734 x-on:error="loaded = true" 4735 :class="{ 'opacity-0': !loaded }" 4736 /> 4737 <!--[if ENDBLOCK]><![endif]--></span>
4738 <span class="min-w-0 flex-1 truncate">flex7</span> 4739 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4740 </li> 4741 <li> 4742 <a 4743 href="https://www.voltimum.co.uk/partners/furse" 4744 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4745 > 4746 <span 4747 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4748> 4749 <!--[if BLOCK]><![endif]--> 4750 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4751 4752 <img 4753 src="https://content.voltimum.com/uk/133538/furse.png?width=120" 4754 alt="" 4755 loading="lazy" 4756 decoding="async" 4757 fetchpriority="low" 4758 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4759 4760 x-init="loaded = $el.complete" 4761 x-on:load="loaded = true" 4762 4763 x-on:error="loaded = true" 4764 :class="{ 'opacity-0': !loaded }" 4765 /> 4766 <!--[if ENDBLOCK]><![endif]--></span> 4767 <span class="min-w-0 flex-1 truncate">Furse</span> 4768 <!--[if BLOCK]><![endif]--> <img 4769 loading="lazy" 4770 class="h-5 w-5 shrink-0" 4771 src="https://www.voltimum.co.uk/img/v-plus.svg" 4772 alt="Voltimum+ Loyalty Programme" 4773 /> 4774 <!--[if ENDBLOCK]><![endif]--> </a> 4775 </li> 4776 <li> 4777 <a 4778 href="https://www.voltimum.co.uk/partners/interact" 4779 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4780 > 4781 <span 4782 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4783> 4784 <!--[if BLOCK]><![endif]--> 4785 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4786 4787 <img 4788 src="https://content.voltimum.com/uk/133540/interact.png?width=120" 4789 alt="" 4790 loading="lazy" 4791 decoding="async" 4792 fetchpriority="low" 4793 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4794 4795 x-init="loaded = $el.complete" 4796 x-on:load="loaded = true" 4797 4798 x-on:error="loaded = true" 4799 :class="{ 'opacity-0': !loaded }" 4800 /> 4801 <!--[if ENDBLOCK]><![endif]--></span> 4802 <span class="min-w-0 flex-1 truncate">Interact</span> 4803 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4804 </li> 4805 <li> 4806 <a 4807 href="https://www.voltimum.co.uk/partners/kewtech" 4808 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4809 > 4810 <span 4811 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4812> 4813 <!--[if BLOCK]><![endif]--> 4814 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4815 4816 <img 4817 src="https://content.voltimum.com/uk/133543/kewtech.png?width=120" 4818 alt="" 4819 loading="lazy" 4820 decoding="async" 4821 fetchpriority="low" 4822 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4823 4824 x-init="loaded = $el.complete" 4825 x-on:load="loaded = true" 4826 4827 x-on:error="loaded = true" 4828 :class="{ 'opacity-0': !loaded }" 4829 /> 4830 <!--[if ENDBLOCK]><![endif]--></span>
4831 <span class="min-w-0 flex-1 truncate">Kewtech</span> 4832 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4833 </li> 4834 <li> 4835 <a 4836 href="https://www.voltimum.co.uk/partners/kopex" 4837 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4838 > 4839 <span 4840 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4841> 4842 <!--[if BLOCK]><![endif]--> 4843 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4844 4845 <img 4846 src="https://content.voltimum.com/uk/133542/kopex.png?width=120" 4847 alt="" 4848 loading="lazy" 4849 decoding="async" 4850 fetchpriority="low" 4851 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4852 4853 x-init="loaded = $el.complete" 4854 x-on:load="loaded = true" 4855 4856 x-on:error="loaded = true" 4857 :class="{ 'opacity-0': !loaded }" 4858 /> 4859 <!--[if ENDBLOCK]><![endif]--></span> 4860 <span class="min-w-0 flex-1 truncate">KOPEX</span> 4861 <!--[if BLOCK]><![endif]--> <img 4862 loading="lazy" 4863 class="h-5 w-5 shrink-0" 4864 src="https://www.voltimum.co.uk/img/v-plus.svg" 4865 alt="Voltimum+ Loyalty Programme" 4866 /> 4867 <!--[if ENDBLOCK]><![endif]--> </a> 4868 </li> 4869 <li> 4870 <a 4871 href="https://www.voltimum.co.uk/partners/ledvance" 4872 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4873 > 4874 <span 4875 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4876> 4877 <!--[if BLOCK]><![endif]--> 4878 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4879 4880 <img 4881 src="https://content.voltimum.com/uk/145821/ledvance.png?width=120" 4882 alt="" 4883 loading="lazy" 4884 decoding="async" 4885 fetchpriority="low" 4886 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4887 4888 x-init="loaded = $el.complete" 4889 x-on:load="loaded = true" 4890 4891 x-on:error="loaded = true" 4892 :class="{ 'opacity-0': !loaded }" 4893 /> 4894 <!--[if ENDBLOCK]><![endif]--></span> 4895 <span class="min-w-0 flex-1 truncate">LEDVANCE</span> 4896 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4897 </li> 4898 <li> 4899 <a 4900 href="https://www.voltimum.co.uk/partners/linian" 4901 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4902 > 4903 <span 4904 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4905> 4906 <!--[if BLOCK]><![endif]--> 4907 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4908 4909 <img 4910 src="https://content.voltimum.com/uk/133674/linian.png?width=120" 4911 alt="" 4912 loading="lazy" 4913 decoding="async" 4914 fetchpriority="low" 4915 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4916 4917 x-init="loaded = $el.complete" 4918 x-on:load="loaded = true" 4919 4920 x-on:error="loaded = true" 4921 :class="{ 'opacity-0': !loaded }" 4922 /> 4923 <!--[if ENDBLOCK]><![endif]--></span>
4924 <span class="min-w-0 flex-1 truncate">Linian</span> 4925 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 4926 </li> 4927 <li> 4928 <a 4929 href="https://www.voltimum.co.uk/partners/luceco" 4930 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4931 > 4932 <span 4933 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4934> 4935 <!--[if BLOCK]><![endif]--> 4936 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4937 4938 <img 4939 src="https://content.voltimum.com/uk/133547/luceco.png?width=120" 4940 alt="" 4941 loading="lazy" 4942 decoding="async" 4943 fetchpriority="low" 4944 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4945 4946 x-init="loaded = $el.complete" 4947 x-on:load="loaded = true" 4948 4949 x-on:error="loaded = true" 4950 :class="{ 'opacity-0': !loaded }" 4951 /> 4952 <!--[if ENDBLOCK]><![endif]--></span> 4953 <span class="min-w-0 flex-1 truncate">Luceco</span> 4954 <!--[if BLOCK]><![endif]--> <img 4955 loading="lazy" 4956 class="h-5 w-5 shrink-0" 4957 src="https://www.voltimum.co.uk/img/v-plus.svg" 4958 alt="Voltimum+ Loyalty Programme" 4959 /> 4960 <!--[if ENDBLOCK]><![endif]--> </a> 4961 </li> 4962 <li> 4963 <a 4964 href="https://www.voltimum.co.uk/partners/marshall-tufflex" 4965 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 4966 > 4967 <span 4968 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 4969> 4970 <!--[if BLOCK]><![endif]--> 4971 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 4972 4973 <img 4974 src="https://content.voltimum.com/uk/133548/marshall-tufflex-ltd.png?width=120" 4975 alt="" 4976 loading="lazy" 4977 decoding="async" 4978 fetchpriority="low" 4979 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 4980 4981 x-init="loaded = $el.complete" 4982 x-on:load="loaded = true" 4983 4984 x-on:error="loaded = true" 4985 :class="{ 'opacity-0': !loaded }" 4986 /> 4987 <!--[if ENDBLOCK]><![endif]--></span> 4988 <span class="min-w-0 flex-1 truncate">Marshall Tufflex</span> 4989 <!--[if BLOCK]><![endif]--> <img 4990 loading="lazy" 4991 class="h-5 w-5 shrink-0" 4992 src="https://www.voltimum.co.uk/img/v-plus.svg" 4993 alt="Voltimum+ Loyalty Programme" 4994 /> 4995 <!--[if ENDBLOCK]><![endif]--> </a> 4996 </li> 4997 <li> 4998 <a 4999 href="https://www.voltimum.co.uk/partners/martindale-electric" 5000 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5001 > 5002 <span 5003 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5004> 5005 <!--[if BLOCK]><![endif]--> 5006 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5007 5008 <img 5009 src="https://content.voltimum.com/uk/133550/martindale-electric.jpg?width=120" 5010 alt="" 5011 loading="lazy" 5012 decoding="async" 5013 fetchpriority="low" 5014 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5015 5016 x-init="loaded = $el.complete" 5017 x-on:load="loaded = true" 5018 5019 x-on:error="loaded = true" 5020 :class="{ 'opacity-0': !loaded }" 5021 /> 5022 <!--[if ENDBLOCK]><![endif]--></span>
5023 <span class="min-w-0 flex-1 truncate">Martindale Electric</span> 5024 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5025 </li> 5026 <li> 5027 <a 5028 href="https://www.voltimum.co.uk/partners/masterplug" 5029 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5030 > 5031 <span 5032 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5033> 5034 <!--[if BLOCK]><![endif]--> 5035 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5036 5037 <img 5038 src="https://content.voltimum.com/uk/133551/masterplug.png?width=120" 5039 alt="" 5040 loading="lazy" 5041 decoding="async" 5042 fetchpriority="low" 5043 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5044 5045 x-init="loaded = $el.complete" 5046 x-on:load="loaded = true" 5047 5048 x-on:error="loaded = true" 5049 :class="{ 'opacity-0': !loaded }" 5050 /> 5051 <!--[if ENDBLOCK]><![endif]--></span> 5052 <span class="min-w-0 flex-1 truncate">Masterplug</span> 5053 <!--[if BLOCK]><![endif]--> <img 5054 loading="lazy" 5055 class="h-5 w-5 shrink-0" 5056 src="https://www.voltimum.co.uk/img/v-plus.svg" 5057 alt="Voltimum+ Loyalty Programme" 5058 /> 5059 <!--[if ENDBLOCK]><![endif]--> </a> 5060 </li> 5061 <li> 5062 <a 5063 href="https://www.voltimum.co.uk/partners/megger" 5064 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5065 > 5066 <span 5067 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5068> 5069 <!--[if BLOCK]><![endif]--> 5070 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5071 5072 <img 5073 src="https://content.voltimum.com/uk/133552/megger.png?width=120" 5074 alt="" 5075 loading="lazy" 5076 decoding="async" 5077 fetchpriority="low" 5078 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5079 5080 x-init="loaded = $el.complete" 5081 x-on:load="loaded = true" 5082 5083 x-on:error="loaded = true" 5084 :class="{ 'opacity-0': !loaded }" 5085 /> 5086 <!--[if ENDBLOCK]><![endif]--></span> 5087 <span class="min-w-0 flex-1 truncate">Megger</span> 5088 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5089 </li> 5090 <li> 5091 <a 5092 href="https://www.voltimum.co.uk/partners/nexans" 5093 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5094 > 5095 <span 5096 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5097> 5098 <!--[if BLOCK]><![endif]--> 5099 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5100 5101 <img 5102 src="https://content.voltimum.com/uk/145822/nexans.svg" 5103 alt="" 5104 loading="lazy" 5105 decoding="async" 5106 fetchpriority="low" 5107 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5108 5109 x-init="loaded = $el.complete" 5110 x-on:load="loaded = true" 5111 5112 x-on:error="loaded = true" 5113 :class="{ 'opacity-0': !loaded }" 5114 /> 5115 <!--[if ENDBLOCK]><![endif]--></span>
5116 <span class="min-w-0 flex-1 truncate">Nexans</span> 5117 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5118 </li> 5119 <li> 5120 <a 5121 href="https://www.voltimum.co.uk/partners/philips" 5122 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5123 > 5124 <span 5125 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5126> 5127 <!--[if BLOCK]><![endif]--> 5128 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5129 5130 <img 5131 src="https://content.voltimum.com/uk/145823/philips.svg" 5132 alt="" 5133 loading="lazy" 5134 decoding="async" 5135 fetchpriority="low" 5136 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5137 5138 x-init="loaded = $el.complete" 5139 x-on:load="loaded = true" 5140 5141 x-on:error="loaded = true" 5142 :class="{ 'opacity-0': !loaded }" 5143 /> 5144 <!--[if ENDBLOCK]><![endif]--></span> 5145 <span class="min-w-0 flex-1 truncate">Philips</span> 5146 <!--[if BLOCK]><![endif]--> <img 5147 loading="lazy" 5148 class="h-5 w-5 shrink-0" 5149 src="https://www.voltimum.co.uk/img/v-plus.svg" 5150 alt="Voltimum+ Loyalty Programme" 5151 /> 5152 <!--[if ENDBLOCK]><![endif]--> </a> 5153 </li> 5154 <li> 5155 <a 5156 href="https://www.voltimum.co.uk/partners/quickwire" 5157 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5158 > 5159 <span 5160 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5161> 5162 <!--[if BLOCK]><![endif]--> 5163 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5164 5165 <img 5166 src="https://content.voltimum.com/uk/133560/quickwire.png?width=120" 5167 alt="" 5168 loading="lazy" 5169 decoding="async" 5170 fetchpriority="low" 5171 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5172 5173 x-init="loaded = $el.complete" 5174 x-on:load="loaded = true" 5175 5176 x-on:error="loaded = true" 5177 :class="{ 'opacity-0': !loaded }" 5178 /> 5179 <!--[if ENDBLOCK]><![endif]--></span> 5180 <span class="min-w-0 flex-1 truncate">Quickwire</span> 5181 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5182 </li> 5183 <li> 5184 <a 5185 href="https://www.voltimum.co.uk/partners/rointe" 5186 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5187 > 5188 <span 5189 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5190> 5191 <!--[if BLOCK]><![endif]--> 5192 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5193 5194 <img 5195 src="https://content.voltimum.com/uk/133562/rointe.jpg?width=120" 5196 alt="" 5197 loading="lazy" 5198 decoding="async" 5199 fetchpriority="low" 5200 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5201 5202 x-init="loaded = $el.complete" 5203 x-on:load="loaded = true" 5204 5205 x-on:error="loaded = true" 5206 :class="{ 'opacity-0': !loaded }" 5207 /> 5208 <!--[if ENDBLOCK]><![endif]--></span>
5209 <span class="min-w-0 flex-1 truncate">Rointe</span> 5210 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5211 </li> 5212 <li> 5213 <a 5214 href="https://www.voltimum.co.uk/partners/shelly" 5215 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5216 > 5217 <span 5218 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5219> 5220 <!--[if BLOCK]><![endif]--> 5221 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5222 5223 <img 5224 src="https://content.voltimum.com/uk/145827/shelly.svg" 5225 alt="" 5226 loading="lazy" 5227 decoding="async" 5228 fetchpriority="low" 5229 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5230 5231 x-init="loaded = $el.complete" 5232 x-on:load="loaded = true" 5233 5234 x-on:error="loaded = true" 5235 :class="{ 'opacity-0': !loaded }" 5236 /> 5237 <!--[if ENDBLOCK]><![endif]--></span> 5238 <span class="min-w-0 flex-1 truncate">Shelly</span> 5239 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5240 </li> 5241 <li> 5242 <a 5243 href="https://www.voltimum.co.uk/partners/siemens" 5244 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5245 > 5246 <span 5247 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5248> 5249 <!--[if BLOCK]><![endif]--> 5250 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5251 5252 <img 5253 src="https://content.voltimum.com/uk/133566/siemens.png?width=120" 5254 alt="" 5255 loading="lazy" 5256 decoding="async" 5257 fetchpriority="low" 5258 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5259 5260 x-init="loaded = $el.complete" 5261 x-on:load="loaded = true" 5262 5263 x-on:error="loaded = true" 5264 :class="{ 'opacity-0': !loaded }" 5265 /> 5266 <!--[if ENDBLOCK]><![endif]--></span> 5267 <span class="min-w-0 flex-1 truncate">Siemens</span> 5268 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5269 </li> 5270 <li> 5271 <a 5272 href="https://www.voltimum.co.uk/partners/signify" 5273 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5274 > 5275 <span 5276 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5277> 5278 <!--[if BLOCK]><![endif]--> 5279 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5280 5281 <img 5282 src="https://content.voltimum.com/uk/145828/signify.svg" 5283 alt="" 5284 loading="lazy" 5285 decoding="async" 5286 fetchpriority="low" 5287 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5288 5289 x-init="loaded = $el.complete" 5290 x-on:load="loaded = true" 5291 5292 x-on:error="loaded = true" 5293 :class="{ 'opacity-0': !loaded }" 5294 /> 5295 <!--[if ENDBLOCK]><![endif]--></span> 5296 <span class="min-w-0 flex-1 truncate">Signify</span> 5297 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5298 </li> 5299 <li> 5300 <a 5301 href="https://www.voltimum.co.uk/partners/sync-energy" 5302 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5303 >
5304 <span 5305 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5306> 5307 <!--[if BLOCK]><![endif]--> 5308 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5309 5310 <img 5311 src="https://content.voltimum.com/uk/133569/sync-energy.png?width=120" 5312 alt="" 5313 loading="lazy" 5314 decoding="async" 5315 fetchpriority="low" 5316 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5317 5318 x-init="loaded = $el.complete" 5319 x-on:load="loaded = true" 5320 5321 x-on:error="loaded = true" 5322 :class="{ 'opacity-0': !loaded }" 5323 /> 5324 <!--[if ENDBLOCK]><![endif]--></span> 5325 <span class="min-w-0 flex-1 truncate">Sync Energy</span> 5326 <!--[if BLOCK]><![endif]--> <img 5327 loading="lazy" 5328 class="h-5 w-5 shrink-0" 5329 src="https://www.voltimum.co.uk/img/v-plus.svg" 5330 alt="Voltimum+ Loyalty Programme" 5331 /> 5332 <!--[if ENDBLOCK]><![endif]--> </a> 5333 </li> 5334 <li> 5335 <a 5336 href="https://www.voltimum.co.uk/partners/twisttail" 5337 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5338 > 5339 <span 5340 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5341> 5342 <!--[if BLOCK]><![endif]--> 5343 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5344 5345 <img 5346 src="https://content.voltimum.com/uk/133571/twisttail.gif?width=120" 5347 alt="" 5348 loading="lazy" 5349 decoding="async" 5350 fetchpriority="low" 5351 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5352 5353 x-init="loaded = $el.complete" 5354 x-on:load="loaded = true" 5355 5356 x-on:error="loaded = true" 5357 :class="{ 'opacity-0': !loaded }" 5358 /> 5359 <!--[if ENDBLOCK]><![endif]--></span> 5360 <span class="min-w-0 flex-1 truncate">TWISTTAIL</span> 5361 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5362 </li> 5363 <li> 5364 <a 5365 href="https://www.voltimum.co.uk/partners/ty-met" 5366 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5367 > 5368 <span 5369 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5370> 5371 <!--[if BLOCK]><![endif]--> 5372 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5373 5374 <img 5375 src="https://content.voltimum.com/uk/133572/ty-met.gif?width=120" 5376 alt="" 5377 loading="lazy" 5378 decoding="async" 5379 fetchpriority="low" 5380 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5381 5382 x-init="loaded = $el.complete" 5383 x-on:load="loaded = true" 5384 5385 x-on:error="loaded = true" 5386 :class="{ 'opacity-0': !loaded }" 5387 /> 5388 <!--[if ENDBLOCK]><![endif]--></span> 5389 <span class="min-w-0 flex-1 truncate">TY-MET</span> 5390 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </a> 5391 </li> 5392 <li> 5393 <a 5394 href="https://www.voltimum.co.uk/partners/ty-rap" 5395 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5396 >
5397 <span 5398 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5399> 5400 <!--[if BLOCK]><![endif]--> 5401 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5402 5403 <img 5404 src="https://content.voltimum.com/uk/133573/ty-rap.png?width=120" 5405 alt="" 5406 loading="lazy" 5407 decoding="async" 5408 fetchpriority="low" 5409 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5410 5411 x-init="loaded = $el.complete" 5412 x-on:load="loaded = true" 5413 5414 x-on:error="loaded = true" 5415 :class="{ 'opacity-0': !loaded }" 5416 /> 5417 <!--[if ENDBLOCK]><![endif]--></span> 5418 <span class="min-w-0 flex-1 truncate">TY-RAP</span> 5419 <!--[if BLOCK]><![endif]--> <img 5420 loading="lazy" 5421 class="h-5 w-5 shrink-0" 5422 src="https://www.voltimum.co.uk/img/v-plus.svg" 5423 alt="Voltimum+ Loyalty Programme" 5424 /> 5425 <!--[if ENDBLOCK]><![endif]--> </a> 5426 </li> 5427 <li> 5428 <a 5429 href="https://www.voltimum.co.uk/partners/wylex" 5430 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5431 > 5432 <span 5433 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5434> 5435 <!--[if BLOCK]><![endif]--> 5436 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5437 5438 <img 5439 src="https://content.voltimum.com/uk/133580/wylex.jpg?width=120" 5440 alt="" 5441 loading="lazy" 5442 decoding="async" 5443 fetchpriority="low" 5444 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5445 5446 x-init="loaded = $el.complete" 5447 x-on:load="loaded = true" 5448 5449 x-on:error="loaded = true" 5450 :class="{ 'opacity-0': !loaded }" 5451 /> 5452 <!--[if ENDBLOCK]><![endif]--></span> 5453 <span class="min-w-0 flex-1 truncate">Wylex</span> 5454 <!--[if BLOCK]><![endif]--> <img 5455 loading="lazy" 5456 class="h-5 w-5 shrink-0" 5457 src="https://www.voltimum.co.uk/img/v-plus.svg" 5458 alt="Voltimum+ Loyalty Programme" 5459 /> 5460 <!--[if ENDBLOCK]><![endif]--> </a> 5461 </li> 5462 <!--[if ENDBLOCK]><![endif]--> </ul> 5463 </li> 5464 <li> 5465 5466 <p class="flex items-center gap-2 pt-3 pb-1"> 5467 <span class="text-xs font-extrabold tracking-[0.13em] text-pilot-blue uppercase"> 5468 Distributor 5469 </span> 5470 <span 5471 class="rounded-full bg-volt-ink/[0.08] px-1.5 py-px text-[10px] font-bold text-volt-ink/60 tabular-nums" 5472 > 5473 8 5474 </span> 5475 <span aria-hidden="true" class="h-px flex-1 bg-volt-ink/15"></span> 5476 </p> 5477 5478 <ul> 5479 <!--[if BLOCK]><![endif]--> <li> 5480 <a 5481 href="https://www.voltimum.co.uk/partners/bpx-electro-mechanical-co-ltd" 5482 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5483 >
5484 <span 5485 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5486> 5487 <!--[if BLOCK]><![endif]--> 5488 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5489 5490 <img 5491 src="https://content.voltimum.com/uk/145477/BPX-Part-of-RS-Group_RGB_Colour.svg" 5492 alt="" 5493 loading="lazy" 5494 decoding="async" 5495 fetchpriority="low" 5496 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5497 5498 x-init="loaded = $el.complete" 5499 x-on:load="loaded = true" 5500 5501 x-on:error="loaded = true" 5502 :class="{ 'opacity-0': !loaded }" 5503 /> 5504 <!--[if ENDBLOCK]><![endif]--></span> 5505 <span class="min-w-0 flex-1 truncate">BPX Electro Mechanical Co. Ltd</span> 5506 <!--[if BLOCK]><![endif]--> <img 5507 loading="lazy" 5508 class="h-5 w-5 shrink-0" 5509 src="https://www.voltimum.co.uk/img/v-plus.svg" 5510 alt="Voltimum+ Loyalty Programme" 5511 /> 5512 <!--[if ENDBLOCK]><![endif]--> </a> 5513 </li> 5514 <li> 5515 <a 5516 href="https://www.voltimum.co.uk/partners/city-electrical-factors" 5517 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5518 > 5519 <span 5520 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5521> 5522 <!--[if BLOCK]><![endif]--> 5523 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5524 5525 <img 5526 src="https://content.voltimum.com/uk/133515/city-electrical-factors.png?width=120" 5527 alt="" 5528 loading="lazy" 5529 decoding="async" 5530 fetchpriority="low" 5531 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5532 5533 x-init="loaded = $el.complete" 5534 x-on:load="loaded = true" 5535 5536 x-on:error="loaded = true" 5537 :class="{ 'opacity-0': !loaded }" 5538 /> 5539 <!--[if ENDBLOCK]><![endif]--></span> 5540 <span class="min-w-0 flex-1 truncate">City Electrical Factors</span> 5541 <!--[if BLOCK]><![endif]--> <img 5542 loading="lazy" 5543 class="h-5 w-5 shrink-0" 5544 src="https://www.voltimum.co.uk/img/v-plus.svg" 5545 alt="Voltimum+ Loyalty Programme" 5546 /> 5547 <!--[if ENDBLOCK]><![endif]--> </a> 5548 </li> 5549 <li> 5550 <a 5551 href="https://www.voltimum.co.uk/partners/control-components-anglia" 5552 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5553 > 5554 <span 5555 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5556> 5557 <!--[if BLOCK]><![endif]--> 5558 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5559 5560 <img 5561 src="https://content.voltimum.com/uk/133517/control-components-anglia.png?width=120" 5562 alt="" 5563 loading="lazy" 5564 decoding="async" 5565 fetchpriority="low" 5566 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5567 5568 x-init="loaded = $el.complete" 5569 x-on:load="loaded = true" 5570 5571 x-on:error="loaded = true" 5572 :class="{ 'opacity-0': !loaded }" 5573 /> 5574 <!--[if ENDBLOCK]><![endif]--></span>
5575 <span class="min-w-0 flex-1 truncate">Control Components Anglia</span> 5576 <!--[if BLOCK]><![endif]--> <img 5577 loading="lazy" 5578 class="h-5 w-5 shrink-0" 5579 src="https://www.voltimum.co.uk/img/v-plus.svg" 5580 alt="Voltimum+ Loyalty Programme" 5581 /> 5582 <!--[if ENDBLOCK]><![endif]--> </a> 5583 </li> 5584 <li> 5585 <a 5586 href="https://www.voltimum.co.uk/partners/expert-electrical" 5587 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5588 > 5589 <span 5590 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5591> 5592 <!--[if BLOCK]><![endif]--> 5593 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5594 5595 <img 5596 src="https://content.voltimum.com/uk/133536/expert-electrical.png?width=120" 5597 alt="" 5598 loading="lazy" 5599 decoding="async" 5600 fetchpriority="low" 5601 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5602 5603 x-init="loaded = $el.complete" 5604 x-on:load="loaded = true" 5605 5606 x-on:error="loaded = true" 5607 :class="{ 'opacity-0': !loaded }" 5608 /> 5609 <!--[if ENDBLOCK]><![endif]--></span> 5610 <span class="min-w-0 flex-1 truncate">Expert Electrical</span> 5611 <!--[if BLOCK]><![endif]--> <img 5612 loading="lazy" 5613 class="h-5 w-5 shrink-0" 5614 src="https://www.voltimum.co.uk/img/v-plus.svg" 5615 alt="Voltimum+ Loyalty Programme" 5616 /> 5617 <!--[if ENDBLOCK]><![endif]--> </a> 5618 </li> 5619 <li> 5620 <a 5621 href="https://www.voltimum.co.uk/partners/medlock" 5622 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5623 > 5624 <span 5625 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5626> 5627 <!--[if BLOCK]><![endif]--> 5628 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5629 5630 <img 5631 src="https://content.voltimum.com/uk/133549/medlock.png?width=120" 5632 alt="" 5633 loading="lazy" 5634 decoding="async" 5635 fetchpriority="low" 5636 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5637 5638 x-init="loaded = $el.complete" 5639 x-on:load="loaded = true" 5640 5641 x-on:error="loaded = true" 5642 :class="{ 'opacity-0': !loaded }" 5643 /> 5644 <!--[if ENDBLOCK]><![endif]--></span> 5645 <span class="min-w-0 flex-1 truncate">MEDLOCK</span> 5646 <!--[if BLOCK]><![endif]--> <img 5647 loading="lazy" 5648 class="h-5 w-5 shrink-0" 5649 src="https://www.voltimum.co.uk/img/v-plus.svg" 5650 alt="Voltimum+ Loyalty Programme" 5651 /> 5652 <!--[if ENDBLOCK]><![endif]--> </a> 5653 </li> 5654 <li> 5655 <a 5656 href="https://www.voltimum.co.uk/partners/phase-electrical" 5657 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5658 >
5659 <span 5660 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5661> 5662 <!--[if BLOCK]><![endif]--> 5663 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5664 5665 <img 5666 src="https://content.voltimum.com/uk/133558/phase-electrical.png?width=120" 5667 alt="" 5668 loading="lazy" 5669 decoding="async" 5670 fetchpriority="low" 5671 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5672 5673 x-init="loaded = $el.complete" 5674 x-on:load="loaded = true" 5675 5676 x-on:error="loaded = true" 5677 :class="{ 'opacity-0': !loaded }" 5678 /> 5679 <!--[if ENDBLOCK]><![endif]--></span> 5680 <span class="min-w-0 flex-1 truncate">Phase Electrical</span> 5681 <!--[if BLOCK]><![endif]--> <img 5682 loading="lazy" 5683 class="h-5 w-5 shrink-0" 5684 src="https://www.voltimum.co.uk/img/v-plus.svg" 5685 alt="Voltimum+ Loyalty Programme" 5686 /> 5687 <!--[if ENDBLOCK]><![endif]--> </a> 5688 </li> 5689 <li> 5690 <a 5691 href="https://www.voltimum.co.uk/partners/tla" 5692 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5693 > 5694 <span 5695 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5696> 5697 <!--[if BLOCK]><![endif]--> 5698 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5699 5700 <img 5701 src="https://content.voltimum.com/uk/144800/TLA_Colour_Main_Logo_RGB.png?width=120" 5702 alt="" 5703 loading="lazy" 5704 decoding="async" 5705 fetchpriority="low" 5706 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5707 5708 x-init="loaded = $el.complete" 5709 x-on:load="loaded = true" 5710 5711 x-on:error="loaded = true" 5712 :class="{ 'opacity-0': !loaded }" 5713 /> 5714 <!--[if ENDBLOCK]><![endif]--></span> 5715 <span class="min-w-0 flex-1 truncate">TLA</span> 5716 <!--[if BLOCK]><![endif]--> <img 5717 loading="lazy" 5718 class="h-5 w-5 shrink-0" 5719 src="https://www.voltimum.co.uk/img/v-plus.svg" 5720 alt="Voltimum+ Loyalty Programme" 5721 /> 5722 <!--[if ENDBLOCK]><![endif]--> </a> 5723 </li> 5724 <li> 5725 <a 5726 href="https://www.voltimum.co.uk/partners/uk-electric" 5727 class="group/item flex items-center gap-2.5 py-1.5 text-sm transition-colors hover:text-pilot-blue text-volt-ink/70" 5728 > 5729 <span 5730 x-data="{ loaded: false }" class="grid shrink-0 place-items-center overflow-hidden rounded-lg bg-white ring-1 transition duration-150 relative h-8 w-8 ring-volt-ink/15" 5731> 5732 <!--[if BLOCK]><![endif]--> 5733 <div x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></div> 5734 5735 <img 5736 src="https://content.voltimum.com/uk/144388/uk-electric.png?width=120" 5737 alt="" 5738 loading="lazy" 5739 decoding="async" 5740 fetchpriority="low" 5741 class="h-[22px] w-[22px] object-contain transition-opacity duration-200" 5742 5743 x-init="loaded = $el.complete" 5744 x-on:load="loaded = true" 5745 5746 x-on:error="loaded = true" 5747 :class="{ 'opacity-0': !loaded }" 5748 /> 5749 <!--[if ENDBLOCK]><![endif]--></span>
5750 <span class="min-w-0 flex-1 truncate">UK Electric</span> 5751 <!--[if BLOCK]><![endif]--> <img 5752 loading="lazy" 5753 class="h-5 w-5 shrink-0" 5754 src="https://www.voltimum.co.uk/img/v-plus.svg" 5755 alt="Voltimum+ Loyalty Programme" 5756 /> 5757 <!--[if ENDBLOCK]><![endif]--> </a> 5758 </li> 5759 <!--[if ENDBLOCK]><![endif]--> </ul> 5760 </li> 5761 <!--[if ENDBLOCK]><![endif]--> <li> 5762 <a 5763 href="/partners" 5764 class="group/all mt-3 inline-flex items-center gap-1.5 text-sm font-semibold text-pilot-blue" 5765 > 5766 All partners 5767 <svg class="h-4 w-4 transition-transform duration-200 group-hover/all:translate-x-0.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 5768 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 5769</svg> 5770 </a> 5771 </li> 5772 <!--[if ENDBLOCK]><![endif]--> 5773 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </ul> 5774 <!--[if ENDBLOCK]><![endif]--> </li> 5775 <li x-data="{ open: false }" class="border-b border-volt-ink/10"> 5776 <div class="flex items-center justify-between"> 5777 5778 <a 5779 href="/plus" 5780 5781 class="flex flex-1 items-center gap-2 py-3.5 text-base font-semibold text-volt-ink " 5782 > 5783 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> Voltimum+ 5784 <!--[if ENDBLOCK]><![endif]--> </a> 5785 5786 <!--[if BLOCK]><![endif]--> <button 5787 type="button" 5788 x-on:click="open = !open" 5789 :aria-expanded="open ? 'true' : 'false'" 5790 aria-label="Voltimum+" 5791 class="rounded-lg p-2 text-volt-ink/60 transition hover:bg-volt-ink/[0.06] hover:text-volt-ink" 5792 > 5793 <svg class="h-4 w-4 transition-transform duration-200" :class="open && 'rotate-180'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 5794 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 5795</svg> 5796 </button> 5797 <!--[if ENDBLOCK]><![endif]--> </div> 5798 5799 <!--[if BLOCK]><![endif]--> <ul x-show="open" x-collapse class="space-y-1 pb-3 pl-3"> 5800 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 5801 <!--[if BLOCK]><![endif]--> <li> 5802 <a 5803 href="/plus/promotions" 5804 class="flex items-center gap-2 py-2 text-sm text-volt-ink/70 transition-colors hover:text-pilot-blue " 5805 > 5806 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Promotions 5807 </a> 5808 </li> 5809 <li> 5810 <a 5811 href="/plus/branch-finder" 5812 class="flex items-center gap-2 py-2 text-sm text-volt-ink/70 transition-colors hover:text-pilot-blue " 5813 > 5814 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Branch finder 5815 </a> 5816 </li> 5817 <li> 5818 <a 5819 href="https://uk.voltimumplusrewards.com" 5820 target="_blank" rel="noopener" class="flex items-center gap-2 py-2 text-sm text-volt-ink/70 transition-colors hover:text-pilot-blue " 5821 > 5822 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> Rewards 5823 </a> 5824 </li> 5825 <!--[if ENDBLOCK]><![endif]--> </ul> 5826 <!--[if ENDBLOCK]><![endif]--> </li> 5827 <!--[if ENDBLOCK]><![endif]--> </ul> 5828 5829 5830 <div class="border-t border-volt-ink/10 bg-volt-ink/[0.04] px-4 py-4"> 5831 <!--[if BLOCK]><![endif]--> <div class="flex gap-2"> 5832 <a 5833 href="https://www.voltimum.co.uk/login" 5834 class="flex-1 rounded-lg border border-volt-ink/20 px-4 py-2.5 text-center text-sm font-semibold text-volt-ink" 5835 > 5836 Login 5837 </a> 5838 <!--[if BLOCK]><![endif]--> <a 5839 href="https://www.voltimum.co.uk/register" 5840 5841 class="flex-1 rounded-lg bg-pilot-blue px-4 py-2.5 text-center text-sm font-semibold text-white" 5842 > 5843 Register 5844 </a> 5845 <!--[if ENDBLOCK]><![endif]--> </div> 5846 <!--[if ENDBLOCK]><![endif]--> </div> 5847 </div> 5848</div> 5849
5849<script> 5850 function voltHeader() { 5851 5852 const compact = document.documentElement.classList.contains('volt-header-compact'); 5853 5854 return { 5855 compact, 5856 menuOpen: false, 5857 searchOpen: false, 5858 scrolled: compact || window.scrollY > 80, 5859 ticking: false, 5860 searchQuery: '', 5861 5862 5863 searchFocused: false, 5864 5865 5866 onScroll() { 5867 if (this.compact || this.ticking) return; 5868 this.ticking = true; 5869 5870 requestAnimationFrame(() => { 5871 const y = window.scrollY; 5872 5873 if (!this.scrolled && y > 80) this.scrolled = true; 5874 else if (this.scrolled && y < 40) this.scrolled = false; 5875 5876 this.ticking = false; 5877 }); 5878 }, 5879 toggleMenu() { 5880 this.menuOpen = !this.menuOpen; 5881 if (this.menuOpen) this.searchOpen = false; 5882 document.body.classList.toggle('overflow-y-hidden', this.menuOpen); 5883 }, 5884 toggleSearch() { 5885 this.searchOpen = !this.searchOpen; 5886 if (this.searchOpen) { 5887 this.menuOpen = false; 5888 document.body.classList.remove('overflow-y-hidden'); 5889 5890 document.getElementById('nav-mobile-search-drawer')?.removeAttribute('inert'); 5891 document.getElementById('nav-mobile-search')?.focus(); 5892 } 5893 }, 5894 5895 openSearchFocus() { 5896 this.searchFocused = true; 5897 if (this.menuOpen) this.toggleMenu(); 5898 }, 5899 closeSearchFocus() { 5900 this.searchFocused = false; 5901 }, 5902 closeAll() { 5903 5904 if (this.searchFocused) document.activeElement?.blur(); 5905 5906 this.menuOpen = false; 5907 this.searchOpen = false; 5908 this.searchFocused = false; 5909 document.body.classList.remove('overflow-y-hidden'); 5910 }, 5911 5912 goSearch() { 5913 const query = this.searchQuery.trim(); 5914 if (!query) return; 5915 5916 jitsuEvent('search', { 5917 search_query: query, 5918 search_type: 'navbar', 5919 }); 5920 5921 window.location.href = `https://www.voltimum.co.uk/product-search?query=${encodeURIComponent(query)}`; 5922 }, 5923 }; 5924 } 5925 </script>
5925 5926</div> </div> 5927 5928 <div x-persist="shopping-cart"> 5929 <div wire:key="lw-1535712454-1-facet-groups-9" wire:snapshot="{"data":{"cart":null,"items_per_distributor":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"latest_transfers":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"active_distributors":[null,{"keys":{"1":6,"3":8,"5":159,"10":161,"11":160,"12":162,"0":165,"2":1,"4":7,"6":163,"8":4,"9":5,"13":10,"14":9,"7":164},"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Distributor","s":"elcln"}],"restore_notice":null},"memo":{"id":"0aoszUWIPg2NSKiRoPHc","name":"shopping-cart","path":"product-search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en-gb","islands":[]},"checksum":"d86bde1b749e1d01d09a71826013f68aca145353020f31cff1b1c1ad6396ea73"}" wire:effects="{"partials":[],"listeners":["refreshCart","removeFromCart"]}" wire:id="0aoszUWIPg2NSKiRoPHc" wire:name="shopping-cart" x-cloak> 5930 <div 5931 x-show="cartOpen" 5932 class="fixed top-0 left-0 z-[1001] h-full w-full bg-black/50" 5933 id="overlay" 5934 @click="closeCart" 5935 ></div> 5936 5937 <div 5938 id="popup" 5939 x-show="cartOpen" 5940 x-transition:enter="transition ease-out duration-500" 5941 x-transition:enter-start="opacity-0 transform translate-x-full" 5942 x-transition:enter-end="opacity-100 transform translate-x-0" 5943 x-transition:leave="transition ease-in duration-150" 5944 x-transition:leave-start="opacity-100 transform translate-x-0" 5945 x-transition:leave-end="opacity-0 transform translate-x-full" 5946 class="fixed top-0 right-0 bottom-0 z-[10000] w-full overflow-y-auto bg-white pt-5 duration-150 md:max-w-[471px] md:pt-8" 5947 > 5948 <div class="pr-[23px] pl-[29px] md:pr-[35px] lg:pl-[30px]"> 5949 <div class="flex items-center justify-between"> 5950 <div class="flex items-center gap-3"> 5951 <p class="text-xl leading-120 font-medium text-black md:text-base">Shopping Cart</p> 5952 <div> 5953 <div wire:loading class="w-full"> 5954 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-4 animate-spin"> 5955 <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /> 5956 </svg> 5957</div> 5958 </div> 5959 </div> 5960 5961 <div class="flex items-center"> 5962 <!-- Empty cart --> 5963 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 5964 <!-- Close cart --> 5965 <button @click="closeCart"> 5966 <svg class="cursor-pointer transition duration-300 ease-linear hover:scale-[1.25]" id="closePopup" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 5967 <path d="M6 18L18 6M6 6L18 18" stroke="#9CA3AF" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 5968 </svg> 5969 </button> 5970 </div> 5971 </div> 5972 5973 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 5974 </div> 5975</div> 5976 5977 </div> 5978 5979 5980 <main id="main-content"> 5981 <div class="relative mx-auto max-w-7xl px-4 xl:px-0"> 5982 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="w-full pt-4" data-banner-wrapper> 5983 <!--[if BLOCK]><![endif]--> <div class="relative"> 5984 <a 5985 href="https://video.voltimum.co.uk/abb-freehome-learn-the-basics-of" 5986 data-banner-track="{"title":"ABB: Webinar (1) \u0022ABB-free@home\u00ae: Learn the basics of Top
5986ology \u0026 Commissioning\u0022","url":"https:\/\/video.voltimum.co.uk\/abb-freehome-learn-the-basics-of","brands":["ABU"],"brand_impressions":null,"placement":"top","page":"products_listing","banner_id":28}" 5987 data-banner-click 5988 target="_blank" rel="noopener" > 5989 5990 <img 5991 loading="lazy" 5992 src="https://content.voltimum.com/uk/145962/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&-Commissioning)-Promo-graphics-(2).png?width=1280" 5993 srcset="https://content.voltimum.com/uk/145962/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&-Commissioning)-Promo-graphics-(2).png?width=1280 1x, https://content.voltimum.com/uk/145962/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&-Commissioning)-Promo-graphics-(2).png?width=2560 2x" 5994 class="w-full h-auto rounded-lg hidden md:block" 5995 alt="ABB: Webinar (1) "ABB-free@home®: Learn the basics of Topology & Commissioning"" 5996 /> 5997 5998 <!--[if BLOCK]><![endif]--> <img 5999 loading="lazy" 6000 src="https://content.voltimum.com/uk/145961/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&-Commissioning)-Promo-graphics-(1).png?width=800" 6001 srcset="https://content.voltimum.com/uk/145961/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&-Commissioning)-Promo-graphics-(1).png?width=800 1x, https://content.voltimum.com/uk/145961/ABB-Webinar-(ABB-free@home-Learn-the-basics-of-Topology-&-Commissioning)-Promo-graphics-(1).png?width=1920 2x" 6002 class="block h-auto w-full rounded-lg md:hidden" 6003 alt="ABB: Webinar (1) "ABB-free@home®: Learn the basics of Topology & Commissioning"" 6004 /> 6005 <!--[if ENDBLOCK]><![endif]--> </a> 6006 6007 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6008<!--[if ENDBLOCK]><![endif]--> </div> 6009 <!--[if ENDBLOCK]><![endif]--> 6010 6011 6012 6013 </div> 6014 6015 <div wire:snapshot="{"data":{"breadcrumbs":[[[{"label":"Products","url":"https:\/\/www.voltimum.co.uk\/product-search"},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"BDPkPkFBTPLQmtfNRapZ","name":"pages.product-listing","path":"product-search","method":"GET","release":"a-a-a","children":{"lw-1050993310-0-1":["div","YwvAXxNsy5oBZZhhIzxA"]},"scripts":[],"assets":[],"errors":[],"locale":"en-gb","islands":[]},"checksum":"2072ea71a0441a0bf61ef9cfcb25c293eeada6c0fd6454677dc65d4b449c1bd1"}" wire:effects="{"partials":[]}" wire:id="BDPkPkFBTPLQmtfNRapZ" wire:name="pages.product-listing"> 6016 <div class="mx-auto max-w-7xl px-4 pt-4 xl:px-0"> 6017 <nav aria-label="Breadcrumb" class="block"> 6018 6019 <ol 6020 class="hidden items-center gap-0.5 rounded-full bg-volt-ink/[0.05] p-1 text-[13px] ring-1 ring-volt-ink/10 ring-inset md:inline-flex" 6021 > 6022 <li class="shrink-0"> 6023 <a href="https://www.voltimum.co.uk" class="flex items-center gap-1.5 rounded-full px-2.5 py-1 font-medium text-volt-ink/60 transition-colors duration-150 hover:bg-white/70 hover:text-pilot-blue focus-visible:outline-2 focus-visible:outline-offset-1 focus-visible:outline-pilot-blue"> 6024 <svg class="h-[15px] w-[15px]" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6025 <path 6026 stroke-linecap="round" 6027 stroke-linejoin="round" 6028 stroke-width="2" 6029 d="M3.5 10.5 12 3.5l8.5 7M5.5 12v7.5a1 1 0 0 0 1 1h11a1 1 0 0 0 1-1V12" 6030 /> 6031</svg> 6032 <span>Home</span> 6033 </a> 6034 </li> 6035 6036 <!--[if BLOCK]><![endif]--> <li class="flex min-w-0 items-center gap-0.5"> 6037 6038 <svg aria-hidden="true" class="h-3 w-3 shrink-0 -rotate-90 text-volt-ink/25" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6039 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 6040</svg> 6041 6042 <!--[if BLOCK]><![endif]--> 6043 <!--[if BLOCK]><![endif]-->
6043 <span 6044 aria-current="page" 6045 class="min-w-0 truncate rounded-full bg-white px-3 py-1 font-semibold text-volt-ink shadow-[0_1px_2px_rgba(0,47,102,0.12)] ring-1 ring-volt-ink/10" 6046 > 6047 Products 6048 </span> 6049 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </li> 6050 <!--[if ENDBLOCK]><![endif]--> </ol> 6051 6052 6053 <a 6054 href="https://www.voltimum.co.uk" 6055 class="inline-flex max-w-full items-center gap-2 rounded-full bg-pilot-blue/[0.07] py-1.5 pr-4 pl-1.5 text-sm font-semibold text-pilot-blue transition-colors duration-150 hover:bg-pilot-blue/[0.12] md:hidden" 6056 > 6057 <span class="flex h-7 w-7 shrink-0 items-center justify-center rounded-full bg-pilot-blue text-white"> 6058 <svg class="h-4 w-4 rotate-180" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6059 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 6060</svg> 6061 </span> 6062 <span class="truncate">Back to Home</span> 6063 </a> 6064</nav> 6065 </div> 6066 6067 <div class="mx-auto max-w-7xl"> 6068 <div wire:key="lw-1050993310-0-1" wire:snapshot="{"data":{"title":"","titleImageUrl":"","titleSvgContent":"","headerLogoUrl":"","page":1,"initialPageLoad":false,"listingPageUrl":"https:\/\/www.voltimum.co.uk\/product-search","query":"","bundleId":"","bundleModel":null,"customBundle":"","bundleList":"","routedBundleId":null,"selectedFilters":[[],{"s":"arr"}],"facetFilters":[[],{"s":"arr"}],"activeFilters":[[],{"s":"arr"}],"hiddenFilters":[[],{"s":"arr"}],"facetCounts":[{"vplus":[[[{"count":128304,"highlighted":"true","value":"true"},{"s":"arr"}],[{"count":32423,"highlighted":"false","value":"false"},{"s":"arr"}]],{"s":"arr"}],"availability_type":[[[{"count":35764,"highlighted":"in-stock","value":"in-stock"},{"s":"arr"}],[{"count":124963,"highlighted":"out-of-stock","value":"out-of-stock"},{"s":"arr"}]],{"s":"arr"}],"manufacturer":[[[{"count":68343,"highlighted":"ABU","value":"ABU"},{"s":"arr"}],[{"count":28578,"highlighted":"SCU","value":"SCU"},{"s":"arr"}],[{"count":12931,"highlighted":"WAU","value":"WAU"},{"s":"arr"}],[{"count":72,"highlighted":"NVCLU","value":"NVCLU"},{"s":"arr"}],[{"count":72,"highlighted":"ECOLINKU","value":"ECOLINKU"},{"s":"arr"}],[{"count":5921,"highlighted":"LCU","value":"LCU"},{"s":"arr"}],[{"count":2662,"highlighted":"BGU","value":"BGU"},{"s":"arr"}],[{"count":2599,"highlighted":"MLU","value":"MLU"},{"s":"arr"}],[{"count":2079,"highlighted":"FUU","value":"FUU"},{"s":"arr"}],[{"count":1668,"highlighted":"AXU","value":"AXU"},{"s":"arr"}],[{"count":1131,"highlighted":"CTU","value":"CTU"},{"s":"arr"}],[{"count":1074,"highlighted":"KOU","value":"KOU"},{"s":"arr"}],[{"count":899,"highlighted":"WYU","value":"WYU"},{"s":"arr"}],[{"count":877,"highlighted":"PHU","value":"PHU"},{"s":"arr"}],[{"count":704,"highlighted":"CPNU","value":"CPNU"},{"s":"arr"}],[{"count":271,"highlighted":"TYU","value":"TYU"},{"s":"arr"}],[{"count":242,"highlighted":"MASU","value":"MASU"},{"s":"arr"}],[{"count":152,"highlighted":"BGSEU","value":"BGSEU"},{"s":"arr"}],[{"count":1922,"highlighted":"KNIU","value":"KNIU"},{"s":"arr"}],[{"count":75,"highlighted":"BOU","value":"BOU"},{"s":"arr"}],[{"count":8456,"highlighted":"LNU","value":"LNU"},{"s":"arr"}],[{"count":7112,"highlighted":"MMU","value":"MMU"},{"s":"arr"}],[{"count":3911,"highlighted":"NEU","value":"NEU"},{"s":"arr"}],[{"count":2501,"highlighted":"PIU","value":"PIU"},{"s":"arr"}],[{"count":1570,"highlighted":"FIBU","value":"FIBU"},{"s":"arr"}],[{"count":1535,"highlighted":"ALGU","value":"ALGU"},{"s":"arr"}],[{"count":1161,"highlighted":"VXU","value":"VXU"},{"s":"arr"}],[{"count":781,"highlighted":"SIU","value":"SIU"},{"s":"arr"}],[{"count":731,"highlighted":"FCU","value":"FCU"},{"s":"arr"}],[{"count":473,"highlighted":"ROIU","value":"ROIU"},{"s":"arr"}],[{"count":188,"highlighted":"MEGU","value":"MEGU"},{"s":"arr"}],[{"count":36,"highlighted":"AAU","value":"AAU"},{"s":"arr"}]],{"s":"arr"}],"distributors":[[[{"count":12725,"highlighted":"BPXU","value":"BPXU"},{"s":"arr"}],[{"count":9736,"highlighted":"CCAU","value":"CCAU"},{"s":"arr"}],[{"count":20700,"highlighted":"FARNUK","value":"FARNUK"},{"s":"arr"}],[{"count":17311,"highlighted":"RSCUK","value":"RSCUK"},{"s":"arr"}],[{"count":7357,"highlighted":"REXU","value":"REXU"},{"s":"arr"}],[{"count":1460,"highlighted":"RSEU","value":"RSEU"},{"s":"arr"}],[{"count":20333,"highlighted":"TLAUK","value":"TLAUK"},{"s":"arr"}],[{"count":5079,"highlighted":"CEF","value":"CEF"},{"s":"arr"}],[{"count":612,"highlighted":"LSU","value":"LSU"},{"s":"arr"}]],{"s":"arr"}],"classifications":[[[{"count":17626,"highlighted":"led-lighting-luminaires","value":"led-lighting-luminaires"},{"s":"arr"}],[{"count":12194,"highlighted":"led-lighting","value":"led-lighting"},{"s":"arr"}],[{"count":2664,"highlighted":"luminaires","value":"luminaires"},{"s":"arr"}],[{"count":979,"highlighted":"emergency-lighting","value":"emergency-lighting"},{"s":"arr"}],[{"count":41,"highlighted":"commercial-lighting","value":"commercial-lighting"},{"s":"arr"}],[{"count":1070,"highlighted":"industrial-lighting","value":"industrial-lighting"},{"s":"arr"}],[{"count":104,"highlighted":"specialty-lamps","value":"specialty-lamps"},{"s":"arr"}],[{"count":500,"highlighted":"led-panels","value":"led-panels"},{"s":"arr"}],[{"count":962,"highlighted":"
6068lighting-controls","value":"lighting-controls"},{"s":"arr"}],[{"count":2385,"highlighted":"amenity-lighting","value":"amenity-lighting"},{"s":"arr"}],[{"count":471,"highlighted":"surface-mount-lighting","value":"surface-mount-lighting"},{"s":"arr"}],[{"count":804,"highlighted":"recessed-downlighters","value":"recessed-downlighters"},{"s":"arr"}],[{"count":277,"highlighted":"floodlighting","value":"floodlighting"},{"s":"arr"}],[{"count":156,"highlighted":"street-lighting","value":"street-lighting"},{"s":"arr"}],[{"count":157,"highlighted":"post-top-lighting","value":"post-top-lighting"},{"s":"arr"}],[{"count":11091,"highlighted":"cable-management-systems","value":"cable-management-systems"},{"s":"arr"}],[{"count":1366,"highlighted":"cable-trays","value":"cable-trays"},{"s":"arr"}],[{"count":4770,"highlighted":"electrical-conduits","value":"electrical-conduits"},{"s":"arr"}],[{"count":2100,"highlighted":"cable-ties","value":"cable-ties"},{"s":"arr"}],[{"count":2873,"highlighted":"cable-glands","value":"cable-glands"},{"s":"arr"}],[{"count":8370,"highlighted":"electrical-cables-wiring","value":"electrical-cables-wiring"},{"s":"arr"}],[{"count":748,"highlighted":"swa-armoured-cables","value":"swa-armoured-cables"},{"s":"arr"}],[{"count":4938,"highlighted":"building-wire-power-cables","value":"building-wire-power-cables"},{"s":"arr"}],[{"count":1565,"highlighted":"data-communication-cables","value":"data-communication-cables"},{"s":"arr"}],[{"count":871,"highlighted":"specialist-cables","value":"specialist-cables"},{"s":"arr"}],[{"count":12311,"highlighted":"wiring-accessories-installation","value":"wiring-accessories-installation"},{"s":"arr"}],[{"count":9384,"highlighted":"sockets-switches","value":"sockets-switches"},{"s":"arr"}],[{"count":460,"highlighted":"junction-boxes","value":"junction-boxes"},{"s":"arr"}],[{"count":1857,"highlighted":"wiring-accessories","value":"wiring-accessories"},{"s":"arr"}],[{"count":644,"highlighted":"cable-fixings-clips","value":"cable-fixings-clips"},{"s":"arr"}],[{"count":816,"highlighted":"heating-ventilation","value":"heating-ventilation"},{"s":"arr"}],[{"count":486,"highlighted":"electric-heaters","value":"electric-heaters"},{"s":"arr"}],[{"count":150,"highlighted":"fans-ventilation","value":"fans-ventilation"},{"s":"arr"}],[{"count":111,"highlighted":"hvac-controls-systems","value":"hvac-controls-systems"},{"s":"arr"}],[{"count":65,"highlighted":"smart-thermostats","value":"smart-thermostats"},{"s":"arr"}],[{"count":55579,"highlighted":"switchgear-circuit-protection","value":"switchgear-circuit-protection"},{"s":"arr"}],[{"count":2777,"highlighted":"distribution-boards","value":"distribution-boards"},{"s":"arr"}],[{"count":27599,"highlighted":"circuit-breakers","value":"circuit-breakers"},{"s":"arr"}],[{"count":13553,"highlighted":"switchgear","value":"switchgear"},{"s":"arr"}],[{"count":8813,"highlighted":"contactors-motor-starters","value":"contactors-motor-starters"},{"s":"arr"}],[{"count":4300,"highlighted":"busbars","value":"busbars"},{"s":"arr"}],[{"count":15533,"highlighted":"terminals-connectors-interconnects","value":"terminals-connectors-interconnects"},{"s":"arr"}],[{"count":9569,"highlighted":"terminal-blocks","value":"terminal-blocks"},{"s":"arr"}],[{"count":2846,"highlighted":"industrial-connectors","value":"industrial-connectors"},{"s":"arr"}],[{"count":1646,"highlighted":"pcb-connectors","value":"pcb-connectors"},{"s":"arr"}],[{"count":1425,"highlighted":"cable-lugs-terminals","value":"cable-lugs-terminals"},{"s":"arr"}],[{"count":412,"highlighted":"test-measurement-equipment","value":"test-measurement-equipment"},{"s":"arr"}],[{"count":177,"highlighted":"multimeters","value":"multimeters"},{"s":"arr"}],[{"count":15,"highlighted":"oscilloscopes","value":"oscilloscopes"},{"s":"arr"}],[{"count":256,"highlighted":"inspection-testing-tools","value":"inspection-testing-tools"},{"s":"arr"}],[{"count":2694,"highlighted":"hand-tools-power-tools","value":"hand-tools-power-tools"},{"s":"arr"}],[{"count":46,"highlighted":"socket-sets","value":"socket-sets"},{"s":"arr"}],[{"count":1172,"highlighted":"pliers","value":"pliers"},{"s":"arr"}],[{"count":74,"highlighted":"screwdrivers","value":"screwdrivers"},{"s":"arr"}],[{"count":490,"highlighted":"power-tools","value":"power-tools"},{"s":"arr"}],[{"count":907,"highlighted":"hand-tools","value":"hand-tools"},{"s":"arr"}],[{"count":392,"highlighted":"fluorescent-hid-lighting","value":"fluorescent-hid-lighting"},{"s":"arr"}],[{"count":139,"highlighted":"fluorescent-tubes-fittings","value":"fluorescent-tubes-fittings"},{"s":"arr"}],[{"count":212,"highlighted":"hid-lamps","value":"hid-lamps"},{"s":"arr"}],[{"count":43,"highlighted":"specialist-lamps","value":"specialist-lamps"},{"s":"arr"}],[{"count":6,"highlighted":"emergency-lighting-batteries","value":"emergency-lighting-batteries"},{"s":"arr"}],[{"count":113,"highlighted":"fire-detection-alarms","value":"fire-detection-alarms"},{"s":"arr"}],[{"count":17,"highlighted":"fire-alarms","value":"fire-alarms"},{"s":"arr"}],[{"count":7,"highlighted":"fire-detection-systems","value":"fire-detection-systems"},{"s":"arr"}],[{"count":20,"highlighted":"smoke-detectors","value":"smoke-detectors"},{"s":"arr"}],[{"count":69,"highlighted":"fire-alarm-accessories","value":"fire-alarm-accessories"},{"s":"arr"}],[{"count":412,"highlighted":"security-access-control","value":"security-access-control"},{"s":"arr"}],[{"count":28,"highlighted":"cctv-systems","value":"cctv-systems"},{"s":"arr"}],[{"count":205,"highlighted":"access-control-systems","value":"access-control-systems"},{"s":"arr"}],[{"count":191,"highlighted":"security-accessories","value":"security-accessories"},{"s":"arr"}],[{"count":1379,"highlighted":"transformers-power-supplies","value":"transformers-power-supplies"},{"s":"arr"}],[{"count":649,"highlighted":"electrical-transformers","value":"electrical-transformers"},{"s":"arr"}],[{"count":583,"highlighted":"power-supplies","value":"power-supplies"},{"s":"arr"}],[{"count":140,"highlighted":"din-rail-power-supplies","value":"din-rail-power-supplies"},{"s":"arr"}],[{"count":5715,"highlighted":"
6068building-controls-automation","value":"building-controls-automation"},{"s":"arr"}],[{"count":1175,"highlighted":"lighting-control-systems","value":"lighting-control-systems"},{"s":"arr"}],[{"count":1120,"highlighted":"sensors","value":"sensors"},{"s":"arr"}],[{"count":3014,"highlighted":"plcs","value":"plcs"},{"s":"arr"}],[{"count":458,"highlighted":"energy-monitoring-systems","value":"energy-monitoring-systems"},{"s":"arr"}],[{"count":307,"highlighted":"renewable-energy-ev-charging","value":"renewable-energy-ev-charging"},{"s":"arr"}],[{"count":215,"highlighted":"ev-charging-points","value":"ev-charging-points"},{"s":"arr"}],[{"count":38,"highlighted":"solar-pv-components","value":"solar-pv-components"},{"s":"arr"}],[{"count":33,"highlighted":"energy-storage-systems","value":"energy-storage-systems"},{"s":"arr"}],[{"count":21,"highlighted":"energy-monitoring","value":"energy-monitoring"},{"s":"arr"}],[{"count":2808,"highlighted":"electronic-components","value":"electronic-components"},{"s":"arr"}],[{"count":110,"highlighted":"resistors","value":"resistors"},{"s":"arr"}],[{"count":119,"highlighted":"capacitors","value":"capacitors"},{"s":"arr"}],[{"count":4,"highlighted":"transistors","value":"transistors"},{"s":"arr"}],[{"count":122,"highlighted":"diodes","value":"diodes"},{"s":"arr"}],[{"count":2064,"highlighted":"relays","value":"relays"},{"s":"arr"}],[{"count":251,"highlighted":"semiconductors","value":"semiconductors"},{"s":"arr"}],[{"count":72,"highlighted":"inductors","value":"inductors"},{"s":"arr"}],[{"count":45,"highlighted":"microcontrollers","value":"microcontrollers"},{"s":"arr"}],[{"count":12701,"highlighted":"enclosures-panels","value":"enclosures-panels"},{"s":"arr"}],[{"count":8397,"highlighted":"electrical-enclosures","value":"electrical-enclosures"},{"s":"arr"}],[{"count":3365,"highlighted":"control-panels","value":"control-panels"},{"s":"arr"}],[{"count":1459,"highlighted":"weatherproof-enclosures","value":"weatherproof-enclosures"},{"s":"arr"}],[{"count":45,"highlighted":"safety-equipment-workwear","value":"safety-equipment-workwear"},{"s":"arr"}],[{"count":11,"highlighted":"electrician-workwear","value":"electrician-workwear"},{"s":"arr"}],[{"count":25,"highlighted":"personal-protective-equipment","value":"personal-protective-equipment"},{"s":"arr"}],[{"count":7,"highlighted":"safety-gloves","value":"safety-gloves"},{"s":"arr"}],[{"count":2,"highlighted":"hard-hats-safety-helmets","value":"hard-hats-safety-helmets"},{"s":"arr"}],[{"count":3071,"highlighted":"site-supplies-consumables","value":"site-supplies-consumables"},{"s":"arr"}],[{"count":1655,"highlighted":"fixings-fasteners","value":"fixings-fasteners"},{"s":"arr"}],[{"count":483,"highlighted":"electrical-tape-insulation","value":"electrical-tape-insulation"},{"s":"arr"}],[{"count":959,"highlighted":"marking-identification","value":"marking-identification"},{"s":"arr"}],[{"count":302,"highlighted":"computing-peripherals","value":"computing-peripherals"},{"s":"arr"}],[{"count":20,"highlighted":"pcs-laptops","value":"pcs-laptops"},{"s":"arr"}],[{"count":110,"highlighted":"peripherals","value":"peripherals"},{"s":"arr"}],[{"count":172,"highlighted":"networking","value":"networking"},{"s":"arr"}],[{"count":10980,"highlighted":"other","value":"other"},{"s":"arr"}]],{"s":"arr"}]},{"s":"arr"}],"filters":[[],{"s":"arr"}],"totalFound":160727,"sort":"relevance","sortOptions":[{"relevance":"rank:desc,availability:desc,_text_match:desc","availability":"availability:desc,_text_match:desc","vplus_points":"points:desc,_text_match:desc","price_asc":"min_price:asc,_text_match:desc","price_desc":"max_price:desc,_text_match:desc"},{"s":"arr"}],"paginators":[{"page":1},{"s":"arr"}]},"memo":{"id":"YwvAXxNsy5oBZZhhIzxA","name":"product-search-component","path":"product-search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en-gb","islands":[]},"checksum":"53a60e69d686ec8d44d66c5d3dc6879616c1ec8f0cfce83688de4bb1b34ca080"}" wire:effects="{"partials":[],"url":{"page":{"as":"page","use":"push","alwaysShow":false,"except":1},"query":{"as":"query","use":"push","alwaysShow":false,"except":""},"bundleId":{"as":"bundleId","use":"push","alwaysShow":false,"except":""},"customBundle":{"as":"customBundle","use":"push","alwaysShow":false,"except":""},"facetFilters":{"as":"facetFilters","use":"push","alwaysShow":false,"except":[]},"sort":{"as":"sort","use":"push","alwaysShow":false,"except":"relevance"},"paginators.page":{"as":"page","use":"push","alwaysShow":false,"except":null}}}" wire:id="YwvAXxNsy5oBZZhhIzxA" wire:name="product-search-component" x-data="{ showFilters: false }" class="mx-auto max-w-7xl px-4 pt-4 pb-8 xl:px-0"> 6069 <div class="mx-auto max-w-7xl"> 6070 6071 <header class="mb-8"> 6072 <!--[if BLOCK]><![endif]--> <div class="flex items-center gap-4 sm:gap-5 "> 6073 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <div class="min-w-0"> 6074 <h1 6075 class="text-2xl !leading-[1.05] font-extrabold tracking-tight break-words text-navy sm:text-3xl md:text-4xl" 6076 > 6077 Products 6078 </h1> 6079 </div> 6080 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6081 <!--[if ENDBLOCK]><![endif]--> 6082 <div class="mt-5 flex items-center gap-3"> 6083 <p class="inline-flex items-center gap-2 rounded-full bg-volt-ink/[0.05] px-3.5 py-1.5 text-sm text-slate-grey"> 6084 Total results
6085 <span class="font-bold text-volt-ink tabular-nums"> 6086 160,727 6087 </span> 6088 </p> 6089 <div> 6090 <div wire:loading class="w-full"> 6091 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-4 animate-spin"> 6092 <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /> 6093 </svg> 6094</div> 6095 </div> 6096 </div> 6097 6098 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6099 6100 <div class="mt-6"> 6101 6102 <!--[if BLOCK]><![endif]--> <div 6103 x-data="searchAutocomplete({ 6104 endpoint: 'https://www.voltimum.co.uk/suggest', 6105 scope: 'products', 6106 commitScope: null, 6107 constraints: [], 6108 model: 'query', 6109 searchType: 'products', 6110 searchTypes: JSON.parse('{\u0022products\u0022:\u0022products\u0022,\u0022news\u0022:\u0022contents\u0022,\u0022academy\u0022:\u0022academy\u0022,\u0022pdfs\u0022:\u0022pdfs\u0022}'), 6111 commitUrls: {all: 'https://www.voltimum.co.uk/product-search', products: 'https://www.voltimum.co.uk/product-search', news: 'https://www.voltimum.co.uk/news', academy: 'https://www.voltimum.co.uk/academy', pdfs: 'https://www.voltimum.co.uk/pdf-catalogues'}, 6112 panelId: 'search-suggestions-default-products-query-query', 6113 showAllTemplate: 'Show all :count results', 6114 minLength: 1, 6115 })" 6116 6117 6118 @click.outside="close()" 6119 6120 @pointerdown.window="onPointerDownAnywhere($event)" 6121 @keydown.escape.window="close()" 6122 @resize.window="measurePanel()" 6123 @scroll.window="measurePanel()" 6124 class="group relative w-full" 6125 > 6126 <div class="flex h-13 w-full items-center gap-3 rounded-2xl bg-volt-ink/[0.04] pl-4 ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset focus-within:bg-white focus-within:ring-2 focus-within:ring-volt-ink hover:ring-pilot-blue sm:h-14 sm:pl-5 pr-1.5 sm:pr-2"> 6127 <svg viewBox="0 0 17 17" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-5 w-5 shrink-0 text-volt-ink/45 transition-colors group-focus-within:text-volt-ink"> 6128 <path 6129 d="M14.875 14.875L11.1938 11.1938M11.1938 11.1938C12.1901 10.1975 12.7499 8.84617 12.7499 7.43715C12.7499 6.02813 12.1901 4.67683 11.1938 3.6805C10.1975 2.68418 8.84617 2.12445 7.43715 2.12445C6.02813 2.12445 4.67683 2.68418 3.6805 3.6805C2.68418 4.67683 2.12445 6.02813 2.12445 7.43715C2.12445 8.84617 2.68418 10.1975 3.6805 11.1938C4.67683 12.1901 6.02813 12.7498 7.43715 12.7498C8.84617 12.7498 10.1975 12.1901 11.1938 11.1938Z" 6130 stroke="currentColor" 6131 stroke-width="1.5" 6132 stroke-linecap="round" 6133 stroke-linejoin="round" 6134 /> 6135</svg> 6136 6137 <input 6138 type="search" 6139 x-ref="input" 6140 role="combobox" 6141 aria-autocomplete="list" 6142 aria-haspopup="listbox" 6143 aria-controls="search-suggestions-default-products-query-query" 6144 :aria-expanded="open" 6145 :aria-activedescendant="activeId()" 6146 @input.debounce.250ms="onInput($event.target.value)" 6147 @keydown.arrow-down.prevent="move(1)" 6148 @keydown.arrow-up.prevent="move(-1)" 6149 @keydown.enter.prevent="commit()" 6150 @blur="onBlur($event)" 6151 @focus="if (options().length) open = true;" 6152 name="query" 6153 autocomplete="off" 6154 placeholder="Search products" 6155 class="min-w-0 flex-1 border-0 bg-transparent p-0 text-base font-medium text-volt-ink placeholder:font-normal placeholder:text-volt-ink/50 focus:ring-0 focus:outline-none" 6156 /> 6157 6158 <span x-show="loading" x-cloak aria-hidden="true" class="h-4 w-4 shrink-0 animate-spin rounded-full border-2 border-volt-ink/20 border-t-volt-ink/60"></span> 6159 6160 <!--[if BLOCK]><![endif]--> 6161 <button 6162 type="button" 6163 @click="commit()" 6164 class="flex h-10 shrink-0 cursor-pointer items-center justify-center rounded-xl bg-volt-ink/[0.04] px-3.5 text-sm font-semibold whitespace-nowrap text-volt-ink ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:transition-none motion-reduce:active:scale-100 sm:px-6" 6165 > 6166 Search 6167 </button> 6168 <!--[if ENDBLOCK]><![endif]--> 6169 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 6170 6171 <div 6172 x-show="open && options().length" 6173 x-cloak 6174 x-transition 6175 6176 :style="panelStyle()" 6177 @mousedown.prevent="onPointerDownInPanel($event)" 6178 class="absolute left-0 z-[9999] mt-2 w-full flex flex-col overflow-hidden rounded-2xl bg-white text-left shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10" 6179 > 6180
6181 <span 6182 aria-hidden="true" 6183 class="block h-1 shrink-0 bg-gradient-to-r from-pilot-blue via-pilot-blue to-pilot-blue/30" 6184 ></span> 6185 6186 6187 <div 6188 id="search-suggestions-default-products-query-query" 6189 role="listbox" 6190 6191 tabindex="-1" 6192 aria-label="Search suggestions" 6193 class="min-h-0 flex-1 overflow-y-auto overscroll-contain" 6194 > 6195 6196 <template x-if="terms.length"> 6197 <div class="border-b border-volt-ink/[0.08] p-2"> 6198 <template x-for="(term, i) in terms" :key="'term-' + term.term"> 6199 <button 6200 type="button" 6201 role="option" 6202 6203 tabindex="-1" 6204 :id="optionId('term', i)" 6205 :aria-selected="isActive('term', i)" 6206 @click="pickTerm(term.term, term.url)" 6207 @mouseenter="activate('term', i)" 6208 6209 class="group/item relative flex w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold text-volt-ink/85 transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 6210 :class="isActive('term', i) && 'bg-pilot-blue/[0.06]'" 6211 > 6212 <span 6213 aria-hidden="true" 6214 class="absolute inset-y-2 left-0 w-[3px] scale-y-0 rounded-full bg-pilot-yellow transition-transform duration-200 group-hover/item:scale-y-100" 6215 :class="isActive('term', i) && 'scale-y-100'" 6216 ></span> 6217 6218 <span 6219 class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate" 6220 x-html="term.label" 6221 ></span> 6222 <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6223 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 6224</svg> 6225 </button> 6226 </template> 6227 </div> 6228 </template> 6229 6230 6231 <template x-if="partners.length"> 6232 <div class="border-b border-volt-ink/[0.08] p-2"> 6233 <p class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase"> 6234 Partners 6235 </p> 6236 6237 6238 <template x-for="(partner, i) in partners" :key="'partner-' + partner.url"> 6239 <a 6240 role="option" 6241 tabindex="-1" 6242 :id="optionId('partner', i)" 6243 :aria-selected="isActive('partner', i)" 6244 :href="partner.url" 6245 6246 @click="trackPick($refs.input.value)" 6247 @mouseenter="activate('partner', i)" 6248 class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 6249 :class="isActive('partner', i) && 'bg-pilot-blue/[0.06]'" 6250 > 6251 6252 <template x-if="partner.image"> 6253 <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0"> 6254 <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span> 6255 <img 6256 :src="partner.image" 6257 alt="" 6258 loading="lazy" 6259 class="h-9 w-9 rounded-lg bg-white object-contain p-0.5 ring-1 ring-volt-ink/[0.06]" 6260 :class="{ 'opacity-0': !loaded }" 6261 x-init="loaded = $el.complete" 6262 x-on:load="loaded = true" 6263 x-on:error="loaded = true" 6264 /> 6265 </span> 6266 </template> 6267 6268 6269 <template x-if="!partner.image">
6270 <span 6271 aria-hidden="true" 6272 class="flex h-9 w-9 shrink-0 items-center justify-center rounded-lg bg-volt-ink/[0.06] text-xs font-bold text-volt-ink/50 uppercase" 6273 x-text="partner.term.slice(0, 2)" 6274 ></span> 6275 </template> 6276 6277 <span 6278 class="[&_mark]:-mx-0.5 [&_mark]:rounded-[3px] [&_mark]:bg-pilot-yellow/70 [&_mark]:px-0.5 [&_mark]:text-volt-ink min-w-0 flex-1 truncate text-sm font-semibold text-volt-ink/90" 6279 x-html="partner.label" 6280 ></span> 6281 6282 <svg class="h-4 w-4 shrink-0 -translate-x-1 opacity-0 transition-all duration-200 group-hover/item:translate-x-0 group-hover/item:opacity-70" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6283 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 6284</svg> 6285 </a> 6286 </template> 6287 </div> 6288 </template> 6289 6290 6291 <template x-for="group in groups" :key="group.type"> 6292 <div class="border-b border-volt-ink/[0.08] p-2 last:border-b-0"> 6293 <p 6294 x-show="groups.length > 1" 6295 class="px-3 pt-1 pb-1.5 text-[11px] font-bold tracking-[0.08em] text-volt-ink/45 uppercase" 6296 x-text="group.label" 6297 ></p> 6298 6299 6300 <template x-for="(item, i) in group.items" :key="group.type + '-' + i + '-' + item.url"> 6301 <a 6302 role="option" 6303 tabindex="-1" 6304 :id="optionId(group.type, i)" 6305 :aria-selected="isActive(group.type, i)" 6306 :href="item.url" 6307 6308 @click="trackPick($refs.input.value, typeFor(group.type))" 6309 @mouseenter="activate(group.type, i)" 6310 class="group/item relative flex w-full items-center gap-3 overflow-hidden rounded-xl px-3 py-2 text-left transition-colors duration-150 hover:bg-pilot-blue/[0.06]" 6311 :class="isActive(group.type, i) && 'bg-pilot-blue/[0.06]'" 6312 > 6313 6314 <template x-if="item.image"> 6315 <span x-data="{ loaded: false }" class="relative h-9 w-9 shrink-0"> 6316 <span x-show="!loaded" class="shimmer-block absolute inset-0 rounded-lg"></span> 6317 <img 6318 :src="item.image" 6319 alt="" 6320 loading="lazy" 6321 class="h-9 w-9 rounded-lg bg-white object-contain ring-1 ring-volt-ink/[0.06]" 6322 :class="{ 'opacity-0': !loaded }" 6323 x-init="loaded = $el.complete" 6324 x-on:load="loaded = true" 6325 x-on:error="loaded = true" 6326 /> 6327 </span> 6328 </template> 6329 6330 <span class="min-w-0 flex-1"> 6331 <span class="block truncate text-sm font-semibold text-volt-ink/90" x-text="item.title"></span> 6332 <span 6333 x-show="item.subtitle" 6334 class="block truncate text-xs font-medium text-volt-ink/50" 6335 x-text="item.subtitle" 6336 ></span> 6337 </span> 6338 6339 <span x-show="item.meta" class="shrink-0 text-sm font-bold text-volt-ink/80" x-text="item.meta"></span> 6340 </a> 6341 </template> 6342 6343 6344 <a 6345 role="option" 6346 tabindex="-1" 6347 :id="optionId(group.type + ':all', 0)" 6348 :aria-selected="isActive(group.type + ':all', 0)" 6349 @click.prevent="commitQuery($refs.input.value.trim())" 6350 @mouseenter="activate(group.type + ':all', 0)" 6351 class="mt-0.5 flex cursor-pointer items-center gap-1.5 rounded-xl px-3 py-2 text-xs font-bold text-pilot-blue transition-colors hover:bg-pilot-blue/[0.06]" 6352 :class="isActive(group.type + ':all', 0) && 'bg-pilot-blue/[0.06]'" 6353 >
6354 <span x-text="showAllLabel(group.total)"></span> 6355 <svg class="h-3.5 w-3.5" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6356 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h15m0 0-6-6m6 6-6 6" /> 6357</svg> 6358 </a> 6359 </div> 6360 </template> 6361 </div> 6362 </div> 6363 </div> 6364<!--[if ENDBLOCK]><![endif]--> </div> 6365 </header> 6366 6367 6368 <div class="grid-cols-4 gap-x-8 gap-y-4 lg:grid"> 6369 <div 6370 class="mb-6 flex items-center justify-between gap-3 lg:col-span-3 lg:col-start-2 lg:row-start-1 lg:mb-0 lg:justify-end" 6371 > 6372 <button 6373 type="button" 6374 @click="showFilters = true" 6375 aria-haspopup="dialog" 6376 :aria-expanded="showFilters" 6377 aria-controls="facet-filters" 6378 class="flex h-11 shrink-0 cursor-pointer items-center gap-2 rounded-2xl bg-volt-ink/[0.04] px-4 text-sm font-semibold text-volt-ink ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:ring-pilot-blue focus-visible:bg-white focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none lg:hidden" 6379> 6380 <svg 6381 xmlns="http://www.w3.org/2000/svg" 6382 fill="none" 6383 viewBox="0 0 24 24" 6384 stroke-width="1.5" 6385 stroke="currentColor" 6386 aria-hidden="true" class="h-4 w-4 shrink-0 text-volt-ink/45" 6387> 6388 <path stroke-linecap="round" stroke-linejoin="round" d="M10.5 6h9.75M10.5 6a1.5 1.5 0 1 1-3 0m3 0a1.5 1.5 0 1 0-3 0M3.75 6H7.5m3 12h9.75m-9.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-3.75 0H7.5m9-6h3.75m-3.75 0a1.5 1.5 0 0 1-3 0m3 0a1.5 1.5 0 0 0-3 0m-9.75 0h9.75" /> 6389</svg> 6390 <span>Filters</span> 6391 6392 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></button> 6393 6394 <div 6395 6396 x-data="{ 6397 selected: $wire.$get('sort'), 6398 labels: JSON.parse('{\u0022relevance\u0022:\u0022Relevance\u0022,\u0022availability\u0022:\u0022Availability\u0022,\u0022vplus_points\u0022:\u0022V+ Points\u0022,\u0022price_asc\u0022:\u0022Price (min)\u0022,\u0022price_desc\u0022:\u0022Price (max)\u0022}'), 6399 init() { 6400 this.$watch('selected', (value) => { 6401 if (value !== $wire.$get('sort')) { 6402 $wire.$set('sort', value); 6403 } 6404 }); 6405 6406 $wire.$watch('sort', (value) => { 6407 this.selected = value; 6408 }); 6409 }, 6410 }" 6411 x-listbox 6412 x-model="selected" 6413 6414 wire:ignore 6415 class="flex items-center gap-3 min-w-0" 6416> 6417 <!--[if BLOCK]><![endif]--> 6418 <label x-listbox:label class="sr-only">Sort by:</label> 6419 <!--[if ENDBLOCK]><![endif]--> 6420 <div class="relative"> 6421 <button 6422 x-listbox:button 6423 type="button" 6424 class="flex h-11 cursor-pointer items-center gap-2 rounded-2xl bg-volt-ink/[0.04] ps-4 pe-3 text-sm font-semibold text-volt-ink ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:ring-pilot-blue focus-visible:bg-white focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none" 6425 :class="$listbox.isOpen && 'bg-white ring-2 ring-volt-ink'" 6426 > 6427 6428 <svg 6429 xmlns="http://www.w3.org/2000/svg" 6430 fill="none" 6431 viewBox="0 0 24 24" 6432 stroke-width="1.5" 6433 stroke="currentColor" 6434 aria-hidden="true" class="h-4 w-4 shrink-0 text-volt-ink/45" 6435> 6436 <path stroke-linecap="round" stroke-linejoin="round" d="M3 7.5 7.5 3m0 0L12 7.5M7.5 3v13.5m13.5 0L16.5 21m0 0L12 16.5m4.5 4.5V7.5" /> 6437</svg> 6438 <span class="grid min-w-0"> 6439 <!--[if BLOCK]><![endif]--> <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">Relevance</span> 6440 <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">Availability</span> 6441 <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">V+ Points</span> 6442 <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">Price (min)</span> 6443 <span aria-hidden="true" class="invisible col-start-1 row-start-1 whitespace-nowrap">Price (max)</span> 6444 <!--[if ENDBLOCK]><![endif]--> <span class="col-start-1 row-start-1 truncate text-start" x-text="labels[selected]"> 6445 Relevance 6446 </span> 6447 </span> 6448 <svg aria-hidden="true" class="h-4 w-4 shrink-0 text-volt-ink/45 transition-transform duration-200" :class="$listbox.isOpen && 'rotate-180 text-volt-ink'" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor"> 6449 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" /> 6450</svg> 6451 </button> 6452 6453 <ul 6454 x-listbox:options 6455 x-cloak 6456 x-transition.origin.top.right 6457 class="absolute end-0 z-50 mt-2 max-h-[min(20rem,60vh)] w-max max-w-[calc(100vw-2rem)] min-w-full overflow-auto overscroll-contain rounded-2xl bg-white p-2 shadow-[0_28px_70px_-16px_rgba(0,49,106,0.45)] ring-1 ring-volt-ink/10 outline-none" 6458> 6459 <!--[if BLOCK]><![endif]--> <li 6460 x-listbox:option 6461 :value="'relevance'" 6462 class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none" 6463 :class="$listboxOption.isActive 6464 ? 'bg-pilot-blue/[0.06] text-pilot-blue' 6465 : $listboxOption.isSelected 6466 ? 'text-volt-ink' 6467 : 'text-volt-ink/85'" 6468> 6469 <span 6470 aria-hidden="true" 6471 class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200" 6472 :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'" 6473 ></span> 6474 6475 <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">Relevance</span> 6476 6477 <span 6478 aria-hidden="true" 6479 class="shrink-0 text-pilot-blue transition-opacity duration-150" 6480 :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'" 6481 > 6482 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2"> 6483 <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" /> 6484 </svg> 6485 </span> 6486</li> 6487 <li 6488 x-listbox:option 6489 :value="'availability'" 6490 class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none" 6491 :class="$listboxOption.isActive 6492 ? 'bg-pilot-blue/[0.06] text-pilot-blue' 6493 : $listboxOption.isSelected 6494 ? 'text-volt-ink' 6495 : 'text-volt-ink/85'" 6496> 6497 <span 6498 aria-hidden="true" 6499 class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200" 6500 :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'" 6501 ></span> 6502 6503 <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">Availability</span> 6504 6505 <span 6506 aria-hidden="true" 6507 class="shrink-0 text-pilot-blue transition-opacity duration-150" 6508 :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'" 6509 > 6510 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2"> 6511 <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" /> 6512 </svg> 6513 </span> 6514</li> 6515 <li 6516 x-listbox:option 6517 :value="'vplus_points'" 6518 class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none" 6519 :class="$listboxOption.isActive 6520 ? 'bg-pilot-blue/[0.06] text-pilot-blue' 6521 : $listboxOption.isSelected 6522 ? 'text-volt-ink' 6523 : 'text-volt-ink/85'" 6524> 6525 <span 6526 aria-hidden="true" 6527 class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200" 6528 :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'" 6529 ></span> 6530 6531 <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">V+ Points</span> 6532 6533 <span 6534 aria-hidden="true" 6535 class="shrink-0 text-pilot-blue transition-opacity duration-150" 6536 :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'" 6537 > 6538 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2"> 6539 <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" /> 6540 </svg> 6541 </span> 6542</li> 6543 <li 6544 x-listbox:option 6545 :value="'price_asc'" 6546 class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none" 6547 :class="$listboxOption.isActive 6548 ? 'bg-pilot-blue/[0.06] text-pilot-blue' 6549 : $listboxOption.isSelected 6550 ? 'text-volt-ink' 6551 : 'text-volt-ink/85'" 6552> 6553 <span 6554 aria-hidden="true" 6555 class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200" 6556 :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'" 6557 ></span> 6558 6559 <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">Price (min)</span> 6560 6561 <span 6562 aria-hidden="true" 6563 class="shrink-0 text-pilot-blue transition-opacity duration-150" 6564 :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'" 6565 > 6566 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2"> 6567 <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" /> 6568 </svg> 6569 </span> 6570</li> 6571 <li 6572 x-listbox:option 6573 :value="'price_desc'" 6574 class="group/option relative flex min-h-11 w-full cursor-pointer items-center gap-2.5 overflow-hidden rounded-xl px-3 py-2.5 text-left text-sm font-semibold transition-colors duration-150 select-none" 6575 :class="$listboxOption.isActive 6576 ? 'bg-pilot-blue/[0.06] text-pilot-blue' 6577 : $listboxOption.isSelected 6578 ? 'text-volt-ink' 6579 : 'text-volt-ink/85'" 6580> 6581 <span 6582 aria-hidden="true" 6583 class="absolute inset-y-2 left-0 w-[3px] rounded-full bg-pilot-yellow transition-transform duration-200" 6584 :class="$listboxOption.isActive ? 'scale-y-100' : 'scale-y-0'" 6585 ></span> 6586 6587 <span class="flex min-w-0 flex-1 items-center gap-2.5 truncate">Price (max)</span> 6588 6589 <span 6590 aria-hidden="true" 6591 class="shrink-0 text-pilot-blue transition-opacity duration-150" 6592 :class="$listboxOption.isSelected ? 'opacity-100' : 'opacity-0'" 6593 > 6594 <svg class="h-4 w-4" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2"> 6595 <path d="M4 10.5l4 4 8-8" stroke-linecap="round" stroke-linejoin="round" /> 6596 </svg> 6597 </span> 6598</li> 6599 <!--[if ENDBLOCK]><![endif]--> 6600</ul> 6601 </div> 6602</div> 6603 </div> 6604 6605 6606 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6607 <!-- Filters (Hidden on Mobile by Default, Always Visible on Desktop) --> 6608 <div class="lg:col-start-1 lg:row-span-2 lg:row-start-1"> 6609 <aside 6610 id="facet-filters" 6611 x-data="{ 6612 timeout: null, 6613 filters: {}, 6614 flush() { 6615 if (this.timeout) { 6616 clearTimeout(this.timeout); 6617 this.timeout = null; 6618 this.$wire.$set('selectedFilters', JSON.parse(JSON.stringify(this.filters))); 6619 } 6620 }, 6621 }" 6622 x-init=" 6623 const desktop = window.matchMedia('(min-width: 64rem)'); 6624 desktop.addEventListener('change', (event) => { 6625 if (event.matches) showFilters = false;
6626 }); 6627 " 6628 x-effect=" 6629 const val = $wire.selectedFilters; 6630 filters = !val || Array.isArray(val) ? {} : JSON.parse(JSON.stringify(val)); 6631 " 6632 :class="{ hidden: !showFilters }" 6633 class="col-span-1 hidden max-lg:fixed max-lg:inset-x-0 max-lg:top-14 max-lg:bottom-0 max-lg:z-[1002] lg:mb-6 lg:block" 6634 @keydown.escape.window=" 6635 flush(); 6636 showFilters = false; 6637 " 6638 @filter-changed=" 6639 let d = $event.detail; 6640 if (!filters[d.facet]) filters[d.facet] = {}; 6641 if (d.checked) { 6642 filters[d.facet][d.key] = true; 6643 } else { 6644 delete filters[d.facet][d.key]; 6645 if (!Object.keys(filters[d.facet]).length) delete filters[d.facet]; 6646 } 6647 clearTimeout(timeout); 6648 timeout = setTimeout(() => { 6649 timeout = null; 6650 $wire.$set('selectedFilters', JSON.parse(JSON.stringify(filters))); 6651 }, 500); 6652 " 6653> 6654 6655 <div 6656 class="absolute inset-0 bg-black/60 lg:hidden" 6657 aria-hidden="true" 6658 @click=" 6659 flush(); 6660 showFilters = false; 6661 " 6662 ></div> 6663 6664 6665 <div 6666 x-trap.noscroll.inert="showFilters" 6667 :role="showFilters ? 'dialog' : null" 6668 :aria-modal="showFilters ? 'true' : null" 6669 aria-labelledby="facet-filters-title" 6670 class="motion-reduce:transition-none max-lg:absolute max-lg:inset-x-0 max-lg:bottom-0 max-lg:flex max-lg:max-h-full max-lg:flex-col max-lg:rounded-t-2xl max-lg:bg-white max-lg:shadow-xl max-lg:transition-transform max-lg:duration-200 max-lg:ease-out max-lg:starting:translate-y-full" 6671 > 6672 6673 <div class="flex items-center gap-3 px-4 pt-4 pb-3 lg:hidden"> 6674 6675 <p id="facet-filters-title" class="min-w-0 flex-1 truncate ps-2 text-base font-bold text-volt-ink">Filters</p> 6676 6677 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <button 6678 type="button" 6679 aria-label="Close" 6680 @click=" 6681 flush(); 6682 showFilters = false; 6683 " 6684 class="rounded-lg p-2 text-volt-ink/60 transition hover:bg-volt-ink/[0.06] hover:text-volt-ink focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 6685 > 6686 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" class="h-4 w-4"> 6687 <path d="M6 18L18 6M6 6L18 18" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> 6688</svg> 6689 </button> 6690 </div> 6691 6692 6693 6694 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 6695 <div 6696 wire:key="facet-groups" 6697 class="divide-y divide-volt-ink/[0.08] max-lg:min-h-0 max-lg:flex-1 max-lg:overflow-y-auto max-lg:overscroll-contain max-lg:px-4" 6698 > 6699 6700 <!--[if BLOCK]><![endif]--> <div 6701 wire:key="facet-vplus" 6702 x-data="{ showAll: false }" 6703 class="py-4 first:pt-0 last:pb-0" 6704 > 6705 <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Voltimum+ loyalty program</p> 6706 6707 6708 <ul class="space-y-0.5"> 6709 <!--[if BLOCK]><![endif]--> 6710 <li 6711 wire:key="facet-vplus-true" 6712 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 6713 x-show="showAll || 0 < 6" 6714 > 6715 6716 <input 6717 type="checkbox" 6718 id="facet-vplus-true" 6719 :checked="!!(filters['vplus'] && filters['vplus']['true'])" 6720 @change=" 6721 if ($event.target.checked) { 6722 jitsuEvent('selectFilter', { 6723 filter_type: 'vplus', 6724 filter_value: 'true' }) 6725 } 6726 $dispatch('filter-changed', { facet: 'vplus', key: 'true', checked: $event.target.checked }) 6727 " 6728 6729 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 6730 /> 6731 <label 6732 for="facet-vplus-true" 6733 6734 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 6735 >
6736 <span class="truncate" title="V+ only"> 6737 V+ only 6738 </span> 6739 6740 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">128304</span> 6741 </label> 6742 </li> 6743 <!--[if ENDBLOCK]><![endif]--> </ul> 6744 6745 6746 <button 6747 type="button" 6748 class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none hidden" 6749 x-on:click="showAll = !showAll" 6750 > 6751 <span x-show="!showAll">View -5 More</span> 6752 <span x-show="showAll">View Less</span> 6753 </button> 6754 </div> 6755 <div 6756 wire:key="facet-availability_type" 6757 x-data="{ showAll: false }" 6758 class="py-4 first:pt-0 last:pb-0" 6759 > 6760 <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Availability</p> 6761 6762 6763 <ul class="space-y-0.5"> 6764 <!--[if BLOCK]><![endif]--> 6765 <li 6766 wire:key="facet-availability_type-in-stock" 6767 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 6768 x-show="showAll || 0 < 6" 6769 > 6770 6771 <input 6772 type="checkbox" 6773 id="facet-availability_type-in-stock" 6774 :checked="!!(filters['availability_type'] && filters['availability_type']['in-stock'])" 6775 @change=" 6776 if ($event.target.checked) { 6777 jitsuEvent('selectFilter', { 6778 filter_type: 'availability_type', 6779 filter_value: 'in-stock' }) 6780 } 6781 $dispatch('filter-changed', { facet: 'availability_type', key: 'in-stock', checked: $event.target.checked }) 6782 " 6783 6784 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 6785 /> 6786 <label 6787 for="facet-availability_type-in-stock" 6788 6789 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 6790 > 6791 <span class="truncate" title="Available"> 6792 Available 6793 </span> 6794 6795 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">35764</span> 6796 </label> 6797 </li> 6798 6799 <li 6800 wire:key="facet-availability_type-out-of-stock" 6801 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 6802 x-show="showAll || 1 < 6" 6803 > 6804 6805 <input 6806 type="checkbox" 6807 id="facet-availability_type-out-of-stock" 6808 :checked="!!(filters['availability_type'] && filters['availability_type']['out-of-stock'])" 6809 @change=" 6810 if ($event.target.checked) { 6811 jitsuEvent('selectFilter', { 6812 filter_type: 'availability_type', 6813 filter_value: 'out-of-stock' }) 6814 }
6815 $dispatch('filter-changed', { facet: 'availability_type', key: 'out-of-stock', checked: $event.target.checked }) 6816 " 6817 6818 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 6819 /> 6820 <label 6821 for="facet-availability_type-out-of-stock" 6822 6823 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 6824 > 6825 <span class="truncate" title="Not available"> 6826 Not available 6827 </span> 6828 6829 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">124963</span> 6830 </label> 6831 </li> 6832 <!--[if ENDBLOCK]><![endif]--> </ul> 6833 6834 6835 <button 6836 type="button" 6837 class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none hidden" 6838 x-on:click="showAll = !showAll" 6839 > 6840 <span x-show="!showAll">View -4 More</span> 6841 <span x-show="showAll">View Less</span> 6842 </button> 6843 </div> 6844 <div 6845 wire:key="facet-manufacturer" 6846 x-data="{ showAll: false }" 6847 class="py-4 first:pt-0 last:pb-0" 6848 > 6849 <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Manufacturers</p> 6850 6851 6852 <ul class="space-y-0.5"> 6853 <!--[if BLOCK]><![endif]--> 6854 <li 6855 wire:key="facet-manufacturer-ABU" 6856 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 6857 x-show="showAll || 0 < 6" 6858 > 6859 6860 <input 6861 type="checkbox" 6862 id="facet-manufacturer-ABU" 6863 :checked="!!(filters['manufacturer'] && filters['manufacturer']['ABU'])" 6864 @change=" 6865 if ($event.target.checked) { 6866 jitsuEvent('selectFilter', { 6867 filter_type: 'manufacturer', 6868 filter_value: 'ABU' }) 6869 } 6870 $dispatch('filter-changed', { facet: 'manufacturer', key: 'ABU', checked: $event.target.checked }) 6871 " 6872 6873 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 6874 /> 6875 <label 6876 for="facet-manufacturer-ABU" 6877 6878 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 6879 > 6880 <span class="truncate" title="ABB"> 6881 ABB 6882 </span> 6883 6884 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">68343</span> 6885 </label> 6886 </li> 6887 6888 <li 6889 wire:key="facet-manufacturer-SCU" 6890 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 6891 x-show="showAll || 1 < 6" 6892 > 6893 6894 <input 6895 type="checkbox" 6896 id="facet-manufacturer-SCU" 6897 :checked="!!(filters['manufacturer'] && filters['manufacturer']['SCU'])" 6898 @change=" 6899 if ($event.target.checked) { 6900 jitsuEvent('selectFilter', { 6901 filter_type: 'manufacturer', 6902 filter_value: 'SCU' }) 6903 }
6904 $dispatch('filter-changed', { facet: 'manufacturer', key: 'SCU', checked: $event.target.checked }) 6905 " 6906 6907 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 6908 /> 6909 <label 6910 for="facet-manufacturer-SCU" 6911 6912 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 6913 > 6914 <span class="truncate" title="Schneider Electric"> 6915 Schneider Electric 6916 </span> 6917 6918 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">28578</span> 6919 </label> 6920 </li> 6921 6922 <li 6923 wire:key="facet-manufacturer-WAU" 6924 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 6925 x-show="showAll || 2 < 6" 6926 > 6927 6928 <input 6929 type="checkbox" 6930 id="facet-manufacturer-WAU" 6931 :checked="!!(filters['manufacturer'] && filters['manufacturer']['WAU'])" 6932 @change=" 6933 if ($event.target.checked) { 6934 jitsuEvent('selectFilter', { 6935 filter_type: 'manufacturer', 6936 filter_value: 'WAU' }) 6937 } 6938 $dispatch('filter-changed', { facet: 'manufacturer', key: 'WAU', checked: $event.target.checked }) 6939 " 6940 6941 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 6942 /> 6943 <label 6944 for="facet-manufacturer-WAU" 6945 6946 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 6947 > 6948 <span class="truncate" title="Wago"> 6949 Wago 6950 </span> 6951 6952 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12931</span> 6953 </label> 6954 </li> 6955 6956 <li 6957 wire:key="facet-manufacturer-NVCLU" 6958 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 6959 x-show="showAll || 3 < 6" 6960 > 6961 6962 <input 6963 type="checkbox" 6964 id="facet-manufacturer-NVCLU" 6965 :checked="!!(filters['manufacturer'] && filters['manufacturer']['NVCLU'])" 6966 @change=" 6967 if ($event.target.checked) { 6968 jitsuEvent('selectFilter', { 6969 filter_type: 'manufacturer', 6970 filter_value: 'NVCLU' }) 6971 } 6972 $dispatch('filter-changed', { facet: 'manufacturer', key: 'NVCLU', checked: $event.target.checked }) 6973 " 6974 6975 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 6976 /> 6977 <label 6978 for="facet-manufacturer-NVCLU" 6979 6980 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 6981 >
6982 <span class="truncate" title="NVC Lighting"> 6983 NVC Lighting 6984 </span> 6985 6986 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">72</span> 6987 </label> 6988 </li> 6989 6990 <li 6991 wire:key="facet-manufacturer-ECOLINKU" 6992 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 6993 x-show="showAll || 4 < 6" 6994 > 6995 6996 <input 6997 type="checkbox" 6998 id="facet-manufacturer-ECOLINKU" 6999 :checked="!!(filters['manufacturer'] && filters['manufacturer']['ECOLINKU'])" 7000 @change=" 7001 if ($event.target.checked) { 7002 jitsuEvent('selectFilter', { 7003 filter_type: 'manufacturer', 7004 filter_value: 'ECOLINKU' }) 7005 } 7006 $dispatch('filter-changed', { facet: 'manufacturer', key: 'ECOLINKU', checked: $event.target.checked }) 7007 " 7008 7009 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7010 /> 7011 <label 7012 for="facet-manufacturer-ECOLINKU" 7013 7014 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7015 > 7016 <span class="truncate" title="Ecolink"> 7017 Ecolink 7018 </span> 7019 7020 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">72</span> 7021 </label> 7022 </li> 7023 7024 <li 7025 wire:key="facet-manufacturer-LCU" 7026 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7027 x-show="showAll || 5 < 6" 7028 > 7029 7030 <input 7031 type="checkbox" 7032 id="facet-manufacturer-LCU" 7033 :checked="!!(filters['manufacturer'] && filters['manufacturer']['LCU'])" 7034 @change=" 7035 if ($event.target.checked) { 7036 jitsuEvent('selectFilter', { 7037 filter_type: 'manufacturer', 7038 filter_value: 'LCU' }) 7039 } 7040 $dispatch('filter-changed', { facet: 'manufacturer', key: 'LCU', checked: $event.target.checked }) 7041 " 7042 7043 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7044 /> 7045 <label 7046 for="facet-manufacturer-LCU" 7047 7048 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7049 > 7050 <span class="truncate" title="Luceco"> 7051 Luceco 7052 </span> 7053 7054 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">5921</span> 7055 </label> 7056 </li> 7057 7058 <li 7059 wire:key="facet-manufacturer-BGU" 7060 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7061 x-show="showAll || 6 < 6" 7062 > 7063 7064 <input 7065 type="checkbox" 7066 id="facet-manufacturer-BGU" 7067 :checked="!!(filters['manufacturer'] && filters['manufacturer']['BGU'])" 7068 @change=" 7069 if ($event.target.checked) { 7070 jitsuEvent('selectFilter', { 7071 filter_type: 'manufacturer', 7072 filter_value: 'BGU' }) 7073 }
7074 $dispatch('filter-changed', { facet: 'manufacturer', key: 'BGU', checked: $event.target.checked }) 7075 " 7076 7077 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7078 /> 7079 <label 7080 for="facet-manufacturer-BGU" 7081 7082 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7083 > 7084 <span class="truncate" title="BG Electrical"> 7085 BG Electrical 7086 </span> 7087 7088 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2662</span> 7089 </label> 7090 </li> 7091 7092 <li 7093 wire:key="facet-manufacturer-MLU" 7094 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7095 x-show="showAll || 7 < 6" 7096 > 7097 7098 <input 7099 type="checkbox" 7100 id="facet-manufacturer-MLU" 7101 :checked="!!(filters['manufacturer'] && filters['manufacturer']['MLU'])" 7102 @change=" 7103 if ($event.target.checked) { 7104 jitsuEvent('selectFilter', { 7105 filter_type: 'manufacturer', 7106 filter_value: 'MLU' }) 7107 } 7108 $dispatch('filter-changed', { facet: 'manufacturer', key: 'MLU', checked: $event.target.checked }) 7109 " 7110 7111 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7112 /> 7113 <label 7114 for="facet-manufacturer-MLU" 7115 7116 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7117 > 7118 <span class="truncate" title="Marshall Tufflex"> 7119 Marshall Tufflex 7120 </span> 7121 7122 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2599</span> 7123 </label> 7124 </li> 7125 7126 <li 7127 wire:key="facet-manufacturer-FUU" 7128 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7129 x-show="showAll || 8 < 6" 7130 > 7131 7132 <input 7133 type="checkbox" 7134 id="facet-manufacturer-FUU" 7135 :checked="!!(filters['manufacturer'] && filters['manufacturer']['FUU'])" 7136 @change=" 7137 if ($event.target.checked) { 7138 jitsuEvent('selectFilter', { 7139 filter_type: 'manufacturer', 7140 filter_value: 'FUU' }) 7141 } 7142 $dispatch('filter-changed', { facet: 'manufacturer', key: 'FUU', checked: $event.target.checked }) 7143 " 7144 7145 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7146 /> 7147 <label 7148 for="facet-manufacturer-FUU" 7149 7150 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7151 >
7152 <span class="truncate" title="Furse"> 7153 Furse 7154 </span> 7155 7156 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2079</span> 7157 </label> 7158 </li> 7159 7160 <li 7161 wire:key="facet-manufacturer-AXU" 7162 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7163 x-show="showAll || 9 < 6" 7164 > 7165 7166 <input 7167 type="checkbox" 7168 id="facet-manufacturer-AXU" 7169 :checked="!!(filters['manufacturer'] && filters['manufacturer']['AXU'])" 7170 @change=" 7171 if ($event.target.checked) { 7172 jitsuEvent('selectFilter', { 7173 filter_type: 'manufacturer', 7174 filter_value: 'AXU' }) 7175 } 7176 $dispatch('filter-changed', { facet: 'manufacturer', key: 'AXU', checked: $event.target.checked }) 7177 " 7178 7179 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7180 /> 7181 <label 7182 for="facet-manufacturer-AXU" 7183 7184 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7185 > 7186 <span class="truncate" title="Adaptaflex"> 7187 Adaptaflex 7188 </span> 7189 7190 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1668</span> 7191 </label> 7192 </li> 7193 7194 <li 7195 wire:key="facet-manufacturer-CTU" 7196 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7197 x-show="showAll || 10 < 6" 7198 > 7199 7200 <input 7201 type="checkbox" 7202 id="facet-manufacturer-CTU" 7203 :checked="!!(filters['manufacturer'] && filters['manufacturer']['CTU'])" 7204 @change=" 7205 if ($event.target.checked) { 7206 jitsuEvent('selectFilter', { 7207 filter_type: 'manufacturer', 7208 filter_value: 'CTU' }) 7209 } 7210 $dispatch('filter-changed', { facet: 'manufacturer', key: 'CTU', checked: $event.target.checked }) 7211 " 7212 7213 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7214 /> 7215 <label 7216 for="facet-manufacturer-CTU" 7217 7218 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7219 > 7220 <span class="truncate" title="Crabtree"> 7221 Crabtree 7222 </span> 7223 7224 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1131</span> 7225 </label> 7226 </li> 7227 7228 <li 7229 wire:key="facet-manufacturer-KOU" 7230 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7231 x-show="showAll || 11 < 6" 7232 > 7233 7234 <input 7235 type="checkbox" 7236 id="facet-manufacturer-KOU" 7237 :checked="!!(filters['manufacturer'] && filters['manufacturer']['KOU'])" 7238 @change=" 7239 if ($event.target.checked) { 7240 jitsuEvent('selectFilter', { 7241 filter_type: 'manufacturer', 7242 filter_value: 'KOU' }) 7243 }
7244 $dispatch('filter-changed', { facet: 'manufacturer', key: 'KOU', checked: $event.target.checked }) 7245 " 7246 7247 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7248 /> 7249 <label 7250 for="facet-manufacturer-KOU" 7251 7252 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7253 > 7254 <span class="truncate" title="KOPEX"> 7255 KOPEX 7256 </span> 7257 7258 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1074</span> 7259 </label> 7260 </li> 7261 7262 <li 7263 wire:key="facet-manufacturer-WYU" 7264 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7265 x-show="showAll || 12 < 6" 7266 > 7267 7268 <input 7269 type="checkbox" 7270 id="facet-manufacturer-WYU" 7271 :checked="!!(filters['manufacturer'] && filters['manufacturer']['WYU'])" 7272 @change=" 7273 if ($event.target.checked) { 7274 jitsuEvent('selectFilter', { 7275 filter_type: 'manufacturer', 7276 filter_value: 'WYU' }) 7277 } 7278 $dispatch('filter-changed', { facet: 'manufacturer', key: 'WYU', checked: $event.target.checked }) 7279 " 7280 7281 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7282 /> 7283 <label 7284 for="facet-manufacturer-WYU" 7285 7286 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7287 > 7288 <span class="truncate" title="Wylex"> 7289 Wylex 7290 </span> 7291 7292 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">899</span> 7293 </label> 7294 </li> 7295 7296 <li 7297 wire:key="facet-manufacturer-PHU" 7298 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7299 x-show="showAll || 13 < 6" 7300 > 7301 7302 <input 7303 type="checkbox" 7304 id="facet-manufacturer-PHU" 7305 :checked="!!(filters['manufacturer'] && filters['manufacturer']['PHU'])" 7306 @change=" 7307 if ($event.target.checked) { 7308 jitsuEvent('selectFilter', { 7309 filter_type: 'manufacturer', 7310 filter_value: 'PHU' }) 7311 } 7312 $dispatch('filter-changed', { facet: 'manufacturer', key: 'PHU', checked: $event.target.checked }) 7313 " 7314 7315 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7316 /> 7317 <label 7318 for="facet-manufacturer-PHU" 7319 7320 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7321 >
7322 <span class="truncate" title="Philips"> 7323 Philips 7324 </span> 7325 7326 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">877</span> 7327 </label> 7328 </li> 7329 7330 <li 7331 wire:key="facet-manufacturer-CPNU" 7332 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7333 x-show="showAll || 14 < 6" 7334 > 7335 7336 <input 7337 type="checkbox" 7338 id="facet-manufacturer-CPNU" 7339 :checked="!!(filters['manufacturer'] && filters['manufacturer']['CPNU'])" 7340 @change=" 7341 if ($event.target.checked) { 7342 jitsuEvent('selectFilter', { 7343 filter_type: 'manufacturer', 7344 filter_value: 'CPNU' }) 7345 } 7346 $dispatch('filter-changed', { facet: 'manufacturer', key: 'CPNU', checked: $event.target.checked }) 7347 " 7348 7349 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7350 /> 7351 <label 7352 for="facet-manufacturer-CPNU" 7353 7354 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7355 > 7356 <span class="truncate" title="CPN Cudis"> 7357 CPN Cudis 7358 </span> 7359 7360 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">704</span> 7361 </label> 7362 </li> 7363 7364 <li 7365 wire:key="facet-manufacturer-TYU" 7366 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7367 x-show="showAll || 15 < 6" 7368 > 7369 7370 <input 7371 type="checkbox" 7372 id="facet-manufacturer-TYU" 7373 :checked="!!(filters['manufacturer'] && filters['manufacturer']['TYU'])" 7374 @change=" 7375 if ($event.target.checked) { 7376 jitsuEvent('selectFilter', { 7377 filter_type: 'manufacturer', 7378 filter_value: 'TYU' }) 7379 } 7380 $dispatch('filter-changed', { facet: 'manufacturer', key: 'TYU', checked: $event.target.checked }) 7381 " 7382 7383 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7384 /> 7385 <label 7386 for="facet-manufacturer-TYU" 7387 7388 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7389 > 7390 <span class="truncate" title="TY-RAP"> 7391 TY-RAP 7392 </span> 7393 7394 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">271</span> 7395 </label> 7396 </li> 7397 7398 <li 7399 wire:key="facet-manufacturer-MASU" 7400 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7401 x-show="showAll || 16 < 6" 7402 > 7403 7404 <input 7405 type="checkbox" 7406 id="facet-manufacturer-MASU" 7407 :checked="!!(filters['manufacturer'] && filters['manufacturer']['MASU'])" 7408 @change=" 7409 if ($event.target.checked) { 7410 jitsuEvent('selectFilter', { 7411 filter_type: 'manufacturer', 7412 filter_value: 'MASU' }) 7413 }
7414 $dispatch('filter-changed', { facet: 'manufacturer', key: 'MASU', checked: $event.target.checked }) 7415 " 7416 7417 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7418 /> 7419 <label 7420 for="facet-manufacturer-MASU" 7421 7422 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7423 > 7424 <span class="truncate" title="Masterplug"> 7425 Masterplug 7426 </span> 7427 7428 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">242</span> 7429 </label> 7430 </li> 7431 7432 <li 7433 wire:key="facet-manufacturer-BGSEU" 7434 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7435 x-show="showAll || 17 < 6" 7436 > 7437 7438 <input 7439 type="checkbox" 7440 id="facet-manufacturer-BGSEU" 7441 :checked="!!(filters['manufacturer'] && filters['manufacturer']['BGSEU'])" 7442 @change=" 7443 if ($event.target.checked) { 7444 jitsuEvent('selectFilter', { 7445 filter_type: 'manufacturer', 7446 filter_value: 'BGSEU' }) 7447 } 7448 $dispatch('filter-changed', { facet: 'manufacturer', key: 'BGSEU', checked: $event.target.checked }) 7449 " 7450 7451 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7452 /> 7453 <label 7454 for="facet-manufacturer-BGSEU" 7455 7456 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7457 > 7458 <span class="truncate" title="Sync Energy"> 7459 Sync Energy 7460 </span> 7461 7462 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">152</span> 7463 </label> 7464 </li> 7465 7466 <li 7467 wire:key="facet-manufacturer-KNIU" 7468 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7469 x-show="showAll || 18 < 6" 7470 > 7471 7472 <input 7473 type="checkbox" 7474 id="facet-manufacturer-KNIU" 7475 :checked="!!(filters['manufacturer'] && filters['manufacturer']['KNIU'])" 7476 @change=" 7477 if ($event.target.checked) { 7478 jitsuEvent('selectFilter', { 7479 filter_type: 'manufacturer', 7480 filter_value: 'KNIU' }) 7481 } 7482 $dispatch('filter-changed', { facet: 'manufacturer', key: 'KNIU', checked: $event.target.checked }) 7483 " 7484 7485 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7486 /> 7487 <label 7488 for="facet-manufacturer-KNIU" 7489 7490 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7491 >
7492 <span class="truncate" title="KNIPEX"> 7493 KNIPEX 7494 </span> 7495 7496 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1922</span> 7497 </label> 7498 </li> 7499 7500 <li 7501 wire:key="facet-manufacturer-BOU" 7502 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7503 x-show="showAll || 19 < 6" 7504 > 7505 7506 <input 7507 type="checkbox" 7508 id="facet-manufacturer-BOU" 7509 :checked="!!(filters['manufacturer'] && filters['manufacturer']['BOU'])" 7510 @change=" 7511 if ($event.target.checked) { 7512 jitsuEvent('selectFilter', { 7513 filter_type: 'manufacturer', 7514 filter_value: 'BOU' }) 7515 } 7516 $dispatch('filter-changed', { facet: 'manufacturer', key: 'BOU', checked: $event.target.checked }) 7517 " 7518 7519 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7520 /> 7521 <label 7522 for="facet-manufacturer-BOU" 7523 7524 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7525 > 7526 <span class="truncate" title="Brother"> 7527 Brother 7528 </span> 7529 7530 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">75</span> 7531 </label> 7532 </li> 7533 7534 <li 7535 wire:key="facet-manufacturer-LNU" 7536 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7537 x-show="showAll || 20 < 6" 7538 > 7539 7540 <input 7541 type="checkbox" 7542 id="facet-manufacturer-LNU" 7543 :checked="!!(filters['manufacturer'] && filters['manufacturer']['LNU'])" 7544 @change=" 7545 if ($event.target.checked) { 7546 jitsuEvent('selectFilter', { 7547 filter_type: 'manufacturer', 7548 filter_value: 'LNU' }) 7549 } 7550 $dispatch('filter-changed', { facet: 'manufacturer', key: 'LNU', checked: $event.target.checked }) 7551 " 7552 7553 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7554 /> 7555 <label 7556 for="facet-manufacturer-LNU" 7557 7558 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7559 > 7560 <span class="truncate" title="LEDVANCE"> 7561 LEDVANCE 7562 </span> 7563 7564 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">8456</span> 7565 </label> 7566 </li> 7567 7568 <li 7569 wire:key="facet-manufacturer-MMU" 7570 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7571 x-show="showAll || 21 < 6" 7572 > 7573 7574 <input 7575 type="checkbox" 7576 id="facet-manufacturer-MMU" 7577 :checked="!!(filters['manufacturer'] && filters['manufacturer']['MMU'])" 7578 @change=" 7579 if ($event.target.checked) { 7580 jitsuEvent('selectFilter', { 7581 filter_type: 'manufacturer', 7582 filter_value: 'MMU' }) 7583 }
7584 $dispatch('filter-changed', { facet: 'manufacturer', key: 'MMU', checked: $event.target.checked }) 7585 " 7586 7587 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7588 /> 7589 <label 7590 for="facet-manufacturer-MMU" 7591 7592 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7593 > 7594 <span class="truncate" title="Eaton"> 7595 Eaton 7596 </span> 7597 7598 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">7112</span> 7599 </label> 7600 </li> 7601 7602 <li 7603 wire:key="facet-manufacturer-NEU" 7604 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7605 x-show="showAll || 22 < 6" 7606 > 7607 7608 <input 7609 type="checkbox" 7610 id="facet-manufacturer-NEU" 7611 :checked="!!(filters['manufacturer'] && filters['manufacturer']['NEU'])" 7612 @change=" 7613 if ($event.target.checked) { 7614 jitsuEvent('selectFilter', { 7615 filter_type: 'manufacturer', 7616 filter_value: 'NEU' }) 7617 } 7618 $dispatch('filter-changed', { facet: 'manufacturer', key: 'NEU', checked: $event.target.checked }) 7619 " 7620 7621 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7622 /> 7623 <label 7624 for="facet-manufacturer-NEU" 7625 7626 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7627 > 7628 <span class="truncate" title="Nexans"> 7629 Nexans 7630 </span> 7631 7632 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">3911</span> 7633 </label> 7634 </li> 7635 7636 <li 7637 wire:key="facet-manufacturer-PIU" 7638 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7639 x-show="showAll || 23 < 6" 7640 > 7641 7642 <input 7643 type="checkbox" 7644 id="facet-manufacturer-PIU" 7645 :checked="!!(filters['manufacturer'] && filters['manufacturer']['PIU'])" 7646 @change=" 7647 if ($event.target.checked) { 7648 jitsuEvent('selectFilter', { 7649 filter_type: 'manufacturer', 7650 filter_value: 'PIU' }) 7651 } 7652 $dispatch('filter-changed', { facet: 'manufacturer', key: 'PIU', checked: $event.target.checked }) 7653 " 7654 7655 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7656 /> 7657 <label 7658 for="facet-manufacturer-PIU" 7659 7660 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7661 >
7662 <span class="truncate" title="Prysmian"> 7663 Prysmian 7664 </span> 7665 7666 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2501</span> 7667 </label> 7668 </li> 7669 7670 <li 7671 wire:key="facet-manufacturer-FIBU" 7672 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7673 x-show="showAll || 24 < 6" 7674 > 7675 7676 <input 7677 type="checkbox" 7678 id="facet-manufacturer-FIBU" 7679 :checked="!!(filters['manufacturer'] && filters['manufacturer']['FIBU'])" 7680 @change=" 7681 if ($event.target.checked) { 7682 jitsuEvent('selectFilter', { 7683 filter_type: 'manufacturer', 7684 filter_value: 'FIBU' }) 7685 } 7686 $dispatch('filter-changed', { facet: 'manufacturer', key: 'FIBU', checked: $event.target.checked }) 7687 " 7688 7689 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7690 /> 7691 <label 7692 for="facet-manufacturer-FIBU" 7693 7694 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7695 > 7696 <span class="truncate" title="Fibox"> 7697 Fibox 7698 </span> 7699 7700 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1570</span> 7701 </label> 7702 </li> 7703 7704 <li 7705 wire:key="facet-manufacturer-ALGU" 7706 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7707 x-show="showAll || 25 < 6" 7708 > 7709 7710 <input 7711 type="checkbox" 7712 id="facet-manufacturer-ALGU" 7713 :checked="!!(filters['manufacturer'] && filters['manufacturer']['ALGU'])" 7714 @change=" 7715 if ($event.target.checked) { 7716 jitsuEvent('selectFilter', { 7717 filter_type: 'manufacturer', 7718 filter_value: 'ALGU' }) 7719 } 7720 $dispatch('filter-changed', { facet: 'manufacturer', key: 'ALGU', checked: $event.target.checked }) 7721 " 7722 7723 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7724 /> 7725 <label 7726 for="facet-manufacturer-ALGU" 7727 7728 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7729 > 7730 <span class="truncate" title="Aurora Lighting Group"> 7731 Aurora Lighting Grou... 7732 </span> 7733 7734 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1535</span> 7735 </label> 7736 </li> 7737 7738 <li 7739 wire:key="facet-manufacturer-VXU" 7740 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7741 x-show="showAll || 26 < 6" 7742 > 7743 7744 <input 7745 type="checkbox" 7746 id="facet-manufacturer-VXU" 7747 :checked="!!(filters['manufacturer'] && filters['manufacturer']['VXU'])" 7748 @change=" 7749 if ($event.target.checked) { 7750 jitsuEvent('selectFilter', { 7751 filter_type: 'manufacturer', 7752 filter_value: 'VXU' }) 7753 }
7754 $dispatch('filter-changed', { facet: 'manufacturer', key: 'VXU', checked: $event.target.checked }) 7755 " 7756 7757 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7758 /> 7759 <label 7760 for="facet-manufacturer-VXU" 7761 7762 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7763 > 7764 <span class="truncate" title="Volex Accessories"> 7765 Volex Accessories 7766 </span> 7767 7768 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1161</span> 7769 </label> 7770 </li> 7771 7772 <li 7773 wire:key="facet-manufacturer-SIU" 7774 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7775 x-show="showAll || 27 < 6" 7776 > 7777 7778 <input 7779 type="checkbox" 7780 id="facet-manufacturer-SIU" 7781 :checked="!!(filters['manufacturer'] && filters['manufacturer']['SIU'])" 7782 @change=" 7783 if ($event.target.checked) { 7784 jitsuEvent('selectFilter', { 7785 filter_type: 'manufacturer', 7786 filter_value: 'SIU' }) 7787 } 7788 $dispatch('filter-changed', { facet: 'manufacturer', key: 'SIU', checked: $event.target.checked }) 7789 " 7790 7791 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7792 /> 7793 <label 7794 for="facet-manufacturer-SIU" 7795 7796 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7797 > 7798 <span class="truncate" title="Siemens"> 7799 Siemens 7800 </span> 7801 7802 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">781</span> 7803 </label> 7804 </li> 7805 7806 <li 7807 wire:key="facet-manufacturer-FCU" 7808 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7809 x-show="showAll || 28 < 6" 7810 > 7811 7812 <input 7813 type="checkbox" 7814 id="facet-manufacturer-FCU" 7815 :checked="!!(filters['manufacturer'] && filters['manufacturer']['FCU'])" 7816 @change=" 7817 if ($event.target.checked) { 7818 jitsuEvent('selectFilter', { 7819 filter_type: 'manufacturer', 7820 filter_value: 'FCU' }) 7821 } 7822 $dispatch('filter-changed', { facet: 'manufacturer', key: 'FCU', checked: $event.target.checked }) 7823 " 7824 7825 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7826 /> 7827 <label 7828 for="facet-manufacturer-FCU" 7829 7830 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7831 >
7832 <span class="truncate" title="flex7"> 7833 flex7 7834 </span> 7835 7836 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">731</span> 7837 </label> 7838 </li> 7839 7840 <li 7841 wire:key="facet-manufacturer-ROIU" 7842 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7843 x-show="showAll || 29 < 6" 7844 > 7845 7846 <input 7847 type="checkbox" 7848 id="facet-manufacturer-ROIU" 7849 :checked="!!(filters['manufacturer'] && filters['manufacturer']['ROIU'])" 7850 @change=" 7851 if ($event.target.checked) { 7852 jitsuEvent('selectFilter', { 7853 filter_type: 'manufacturer', 7854 filter_value: 'ROIU' }) 7855 } 7856 $dispatch('filter-changed', { facet: 'manufacturer', key: 'ROIU', checked: $event.target.checked }) 7857 " 7858 7859 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7860 /> 7861 <label 7862 for="facet-manufacturer-ROIU" 7863 7864 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7865 > 7866 <span class="truncate" title="Rointe"> 7867 Rointe 7868 </span> 7869 7870 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">473</span> 7871 </label> 7872 </li> 7873 7874 <li 7875 wire:key="facet-manufacturer-MEGU" 7876 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7877 x-show="showAll || 30 < 6" 7878 > 7879 7880 <input 7881 type="checkbox" 7882 id="facet-manufacturer-MEGU" 7883 :checked="!!(filters['manufacturer'] && filters['manufacturer']['MEGU'])" 7884 @change=" 7885 if ($event.target.checked) { 7886 jitsuEvent('selectFilter', { 7887 filter_type: 'manufacturer', 7888 filter_value: 'MEGU' }) 7889 } 7890 $dispatch('filter-changed', { facet: 'manufacturer', key: 'MEGU', checked: $event.target.checked }) 7891 " 7892 7893 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7894 /> 7895 <label 7896 for="facet-manufacturer-MEGU" 7897 7898 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7899 > 7900 <span class="truncate" title="Megger"> 7901 Megger 7902 </span> 7903 7904 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">188</span> 7905 </label> 7906 </li> 7907 7908 <li 7909 wire:key="facet-manufacturer-AAU" 7910 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7911 x-show="showAll || 31 < 6" 7912 > 7913 7914 <input 7915 type="checkbox" 7916 id="facet-manufacturer-AAU" 7917 :checked="!!(filters['manufacturer'] && filters['manufacturer']['AAU'])" 7918 @change=" 7919 if ($event.target.checked) { 7920 jitsuEvent('selectFilter', { 7921 filter_type: 'manufacturer', 7922 filter_value: 'AAU' }) 7923 }
7924 $dispatch('filter-changed', { facet: 'manufacturer', key: 'AAU', checked: $event.target.checked }) 7925 " 7926 7927 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7928 /> 7929 <label 7930 for="facet-manufacturer-AAU" 7931 7932 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7933 > 7934 <span class="truncate" title="Appleby"> 7935 Appleby 7936 </span> 7937 7938 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">36</span> 7939 </label> 7940 </li> 7941 <!--[if ENDBLOCK]><![endif]--> </ul> 7942 7943 7944 <button 7945 type="button" 7946 class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none " 7947 x-on:click="showAll = !showAll" 7948 > 7949 <span x-show="!showAll">View 26 More</span> 7950 <span x-show="showAll">View Less</span> 7951 </button> 7952 </div> 7953 <div 7954 wire:key="facet-distributors" 7955 x-data="{ showAll: false }" 7956 class="py-4 first:pt-0 last:pb-0" 7957 > 7958 <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Distributors</p> 7959 7960 7961 <ul class="space-y-0.5"> 7962 <!--[if BLOCK]><![endif]--> 7963 <li 7964 wire:key="facet-distributors-BPXU" 7965 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 7966 x-show="showAll || 0 < 6" 7967 > 7968 7969 <input 7970 type="checkbox" 7971 id="facet-distributors-BPXU" 7972 :checked="!!(filters['distributors'] && filters['distributors']['BPXU'])" 7973 @change=" 7974 if ($event.target.checked) { 7975 jitsuEvent('selectFilter', { 7976 filter_type: 'distributors', 7977 filter_value: 'BPXU' }) 7978 } 7979 $dispatch('filter-changed', { facet: 'distributors', key: 'BPXU', checked: $event.target.checked }) 7980 " 7981 7982 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 7983 /> 7984 <label 7985 for="facet-distributors-BPXU" 7986 7987 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 7988 > 7989 <span class="truncate" title="BPX Electro Mechanical Co. Ltd"> 7990 BPX Electro Mechanic... 7991 </span> 7992 7993 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12725</span> 7994 </label> 7995 </li> 7996 7997 <li 7998 wire:key="facet-distributors-CCAU" 7999 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8000 x-show="showAll || 1 < 6" 8001 > 8002 8003 <input 8004 type="checkbox" 8005 id="facet-distributors-CCAU" 8006 :checked="!!(filters['distributors'] && filters['distributors']['CCAU'])" 8007 @change=" 8008 if ($event.target.checked) { 8009 jitsuEvent('selectFilter', { 8010 filter_type: 'distributors', 8011 filter_value: 'CCAU' }) 8012 }
8013 $dispatch('filter-changed', { facet: 'distributors', key: 'CCAU', checked: $event.target.checked }) 8014 " 8015 8016 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8017 /> 8018 <label 8019 for="facet-distributors-CCAU" 8020 8021 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8022 > 8023 <span class="truncate" title="Control Components Anglia"> 8024 Control Components A... 8025 </span> 8026 8027 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">9736</span> 8028 </label> 8029 </li> 8030 8031 <li 8032 wire:key="facet-distributors-FARNUK" 8033 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8034 x-show="showAll || 2 < 6" 8035 > 8036 8037 <input 8038 type="checkbox" 8039 id="facet-distributors-FARNUK" 8040 :checked="!!(filters['distributors'] && filters['distributors']['FARNUK'])" 8041 @change=" 8042 if ($event.target.checked) { 8043 jitsuEvent('selectFilter', { 8044 filter_type: 'distributors', 8045 filter_value: 'FARNUK' }) 8046 } 8047 $dispatch('filter-changed', { facet: 'distributors', key: 'FARNUK', checked: $event.target.checked }) 8048 " 8049 8050 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8051 /> 8052 <label 8053 for="facet-distributors-FARNUK" 8054 8055 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8056 > 8057 <span class="truncate" title="Farnell"> 8058 Farnell 8059 </span> 8060 8061 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">20700</span> 8062 </label> 8063 </li> 8064 8065 <li 8066 wire:key="facet-distributors-RSCUK" 8067 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8068 x-show="showAll || 3 < 6" 8069 > 8070 8071 <input 8072 type="checkbox" 8073 id="facet-distributors-RSCUK" 8074 :checked="!!(filters['distributors'] && filters['distributors']['RSCUK'])" 8075 @change=" 8076 if ($event.target.checked) { 8077 jitsuEvent('selectFilter', { 8078 filter_type: 'distributors', 8079 filter_value: 'RSCUK' }) 8080 } 8081 $dispatch('filter-changed', { facet: 'distributors', key: 'RSCUK', checked: $event.target.checked }) 8082 " 8083 8084 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8085 /> 8086 <label 8087 for="facet-distributors-RSCUK" 8088 8089 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8090 >
8091 <span class="truncate" title="RS Components"> 8092 RS Components 8093 </span> 8094 8095 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">17311</span> 8096 </label> 8097 </li> 8098 8099 <li 8100 wire:key="facet-distributors-REXU" 8101 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8102 x-show="showAll || 4 < 6" 8103 > 8104 8105 <input 8106 type="checkbox" 8107 id="facet-distributors-REXU" 8108 :checked="!!(filters['distributors'] && filters['distributors']['REXU'])" 8109 @change=" 8110 if ($event.target.checked) { 8111 jitsuEvent('selectFilter', { 8112 filter_type: 'distributors', 8113 filter_value: 'REXU' }) 8114 } 8115 $dispatch('filter-changed', { facet: 'distributors', key: 'REXU', checked: $event.target.checked }) 8116 " 8117 8118 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8119 /> 8120 <label 8121 for="facet-distributors-REXU" 8122 8123 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8124 > 8125 <span class="truncate" title="Rexel Group"> 8126 Rexel Group 8127 </span> 8128 8129 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">7357</span> 8130 </label> 8131 </li> 8132 8133 <li 8134 wire:key="facet-distributors-RSEU" 8135 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8136 x-show="showAll || 5 < 6" 8137 > 8138 8139 <input 8140 type="checkbox" 8141 id="facet-distributors-RSEU" 8142 :checked="!!(filters['distributors'] && filters['distributors']['RSEU'])" 8143 @change=" 8144 if ($event.target.checked) { 8145 jitsuEvent('selectFilter', { 8146 filter_type: 'distributors', 8147 filter_value: 'RSEU' }) 8148 } 8149 $dispatch('filter-changed', { facet: 'distributors', key: 'RSEU', checked: $event.target.checked }) 8150 " 8151 8152 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8153 /> 8154 <label 8155 for="facet-distributors-RSEU" 8156 8157 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8158 > 8159 <span class="truncate" title="RS Electrical Supplies"> 8160 RS Electrical Suppli... 8161 </span> 8162 8163 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1460</span> 8164 </label> 8165 </li> 8166 8167 <li 8168 wire:key="facet-distributors-TLAUK" 8169 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8170 x-show="showAll || 6 < 6" 8171 > 8172 8173 <input 8174 type="checkbox" 8175 id="facet-distributors-TLAUK" 8176 :checked="!!(filters['distributors'] && filters['distributors']['TLAUK'])" 8177 @change=" 8178 if ($event.target.checked) { 8179 jitsuEvent('selectFilter', { 8180 filter_type: 'distributors', 8181 filter_value: 'TLAUK' }) 8182 }
8183 $dispatch('filter-changed', { facet: 'distributors', key: 'TLAUK', checked: $event.target.checked }) 8184 " 8185 8186 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8187 /> 8188 <label 8189 for="facet-distributors-TLAUK" 8190 8191 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8192 > 8193 <span class="truncate" title="TLA"> 8194 TLA 8195 </span> 8196 8197 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">20333</span> 8198 </label> 8199 </li> 8200 8201 <li 8202 wire:key="facet-distributors-CEF" 8203 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8204 x-show="showAll || 7 < 6" 8205 > 8206 8207 <input 8208 type="checkbox" 8209 id="facet-distributors-CEF" 8210 :checked="!!(filters['distributors'] && filters['distributors']['CEF'])" 8211 @change=" 8212 if ($event.target.checked) { 8213 jitsuEvent('selectFilter', { 8214 filter_type: 'distributors', 8215 filter_value: 'CEF' }) 8216 } 8217 $dispatch('filter-changed', { facet: 'distributors', key: 'CEF', checked: $event.target.checked }) 8218 " 8219 8220 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8221 /> 8222 <label 8223 for="facet-distributors-CEF" 8224 8225 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8226 > 8227 <span class="truncate" title="City Electrical Factors"> 8228 City Electrical Fact... 8229 </span> 8230 8231 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">5079</span> 8232 </label> 8233 </li> 8234 8235 <li 8236 wire:key="facet-distributors-LSU" 8237 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8238 x-show="showAll || 8 < 6" 8239 > 8240 8241 <input 8242 type="checkbox" 8243 id="facet-distributors-LSU" 8244 :checked="!!(filters['distributors'] && filters['distributors']['LSU'])" 8245 @change=" 8246 if ($event.target.checked) { 8247 jitsuEvent('selectFilter', { 8248 filter_type: 'distributors', 8249 filter_value: 'LSU' }) 8250 } 8251 $dispatch('filter-changed', { facet: 'distributors', key: 'LSU', checked: $event.target.checked }) 8252 " 8253 8254 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8255 /> 8256 <label 8257 for="facet-distributors-LSU" 8258 8259 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8260 >
8261 <span class="truncate" title="Lightsave"> 8262 Lightsave 8263 </span> 8264 8265 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">612</span> 8266 </label> 8267 </li> 8268 <!--[if ENDBLOCK]><![endif]--> </ul> 8269 8270 8271 <button 8272 type="button" 8273 class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none " 8274 x-on:click="showAll = !showAll" 8275 > 8276 <span x-show="!showAll">View 3 More</span> 8277 <span x-show="showAll">View Less</span> 8278 </button> 8279 </div> 8280 <div 8281 wire:key="facet-classifications" 8282 x-data="{ showAll: false }" 8283 class="py-4 first:pt-0 last:pb-0" 8284 > 8285 <p class="mb-2 px-2 text-sm leading-120 font-bold text-volt-ink">Categories</p> 8286 8287 8288 <ul class="space-y-0.5"> 8289 <!--[if BLOCK]><![endif]--> 8290 <li 8291 wire:key="facet-classifications-led-lighting-luminaires" 8292 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8293 x-show="showAll || 0 < 6" 8294 > 8295 8296 <input 8297 type="checkbox" 8298 id="facet-classifications-led-lighting-luminaires" 8299 :checked="!!(filters['classifications'] && filters['classifications']['led-lighting-luminaires'])" 8300 @change=" 8301 if ($event.target.checked) { 8302 jitsuEvent('selectFilter', { 8303 filter_type: 'classifications', 8304 filter_value: 'led-lighting-luminaires' }) 8305 } 8306 $dispatch('filter-changed', { facet: 'classifications', key: 'led-lighting-luminaires', checked: $event.target.checked }) 8307 " 8308 8309 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8310 /> 8311 <label 8312 for="facet-classifications-led-lighting-luminaires" 8313 8314 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8315 > 8316 <span class="truncate" title="LED Lighting & Luminaires"> 8317 LED Lighting & Luminaires 8318 </span> 8319 8320 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">17626</span> 8321 </label> 8322 </li> 8323 8324 <li 8325 wire:key="facet-classifications-led-lighting" 8326 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8327 style="padding-inline-start: 1.5rem" x-show="showAll || 1 < 6" 8328 > 8329 8330 <input 8331 type="checkbox" 8332 id="facet-classifications-led-lighting" 8333 :checked="!!(filters['classifications'] && filters['classifications']['led-lighting'])" 8334 @change=" 8335 if ($event.target.checked) { 8336 jitsuEvent('selectFilter', { 8337 filter_type: 'classifications', 8338 filter_value: 'led-lighting' }) 8339 }
8340 $dispatch('filter-changed', { facet: 'classifications', key: 'led-lighting', checked: $event.target.checked }) 8341 " 8342 8343 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8344 /> 8345 <label 8346 for="facet-classifications-led-lighting" 8347 8348 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8349 > 8350 <span class="truncate" title="LED Lighting"> 8351 LED Lighting 8352 </span> 8353 8354 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12194</span> 8355 </label> 8356 </li> 8357 8358 <li 8359 wire:key="facet-classifications-luminaires" 8360 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8361 style="padding-inline-start: 1.5rem" x-show="showAll || 2 < 6" 8362 > 8363 8364 <input 8365 type="checkbox" 8366 id="facet-classifications-luminaires" 8367 :checked="!!(filters['classifications'] && filters['classifications']['luminaires'])" 8368 @change=" 8369 if ($event.target.checked) { 8370 jitsuEvent('selectFilter', { 8371 filter_type: 'classifications', 8372 filter_value: 'luminaires' }) 8373 } 8374 $dispatch('filter-changed', { facet: 'classifications', key: 'luminaires', checked: $event.target.checked }) 8375 " 8376 8377 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8378 /> 8379 <label 8380 for="facet-classifications-luminaires" 8381 8382 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8383 > 8384 <span class="truncate" title="Luminaires"> 8385 Luminaires 8386 </span> 8387 8388 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2664</span> 8389 </label> 8390 </li> 8391 8392 <li 8393 wire:key="facet-classifications-emergency-lighting" 8394 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8395 style="padding-inline-start: 1.5rem" x-show="showAll || 3 < 6" 8396 > 8397 8398 <input 8399 type="checkbox" 8400 id="facet-classifications-emergency-lighting" 8401 :checked="!!(filters['classifications'] && filters['classifications']['emergency-lighting'])" 8402 @change=" 8403 if ($event.target.checked) { 8404 jitsuEvent('selectFilter', { 8405 filter_type: 'classifications', 8406 filter_value: 'emergency-lighting' }) 8407 }
8408 $dispatch('filter-changed', { facet: 'classifications', key: 'emergency-lighting', checked: $event.target.checked }) 8409 " 8410 8411 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8412 /> 8413 <label 8414 for="facet-classifications-emergency-lighting" 8415 8416 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8417 > 8418 <span class="truncate" title="Emergency Lighting"> 8419 Emergency Lighting 8420 </span> 8421 8422 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">979</span> 8423 </label> 8424 </li> 8425 8426 <li 8427 wire:key="facet-classifications-commercial-lighting" 8428 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8429 style="padding-inline-start: 1.5rem" x-show="showAll || 4 < 6" 8430 > 8431 8432 <input 8433 type="checkbox" 8434 id="facet-classifications-commercial-lighting" 8435 :checked="!!(filters['classifications'] && filters['classifications']['commercial-lighting'])" 8436 @change=" 8437 if ($event.target.checked) { 8438 jitsuEvent('selectFilter', { 8439 filter_type: 'classifications', 8440 filter_value: 'commercial-lighting' }) 8441 } 8442 $dispatch('filter-changed', { facet: 'classifications', key: 'commercial-lighting', checked: $event.target.checked }) 8443 " 8444 8445 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8446 /> 8447 <label 8448 for="facet-classifications-commercial-lighting" 8449 8450 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8451 > 8452 <span class="truncate" title="Commercial Lighting"> 8453 Commercial Lighting 8454 </span> 8455 8456 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">41</span> 8457 </label> 8458 </li> 8459 8460 <li 8461 wire:key="facet-classifications-industrial-lighting" 8462 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8463 style="padding-inline-start: 1.5rem" x-show="showAll || 5 < 6" 8464 > 8465 8466 <input 8467 type="checkbox" 8468 id="facet-classifications-industrial-lighting" 8469 :checked="!!(filters['classifications'] && filters['classifications']['industrial-lighting'])" 8470 @change=" 8471 if ($event.target.checked) { 8472 jitsuEvent('selectFilter', { 8473 filter_type: 'classifications', 8474 filter_value: 'industrial-lighting' }) 8475 }
8476 $dispatch('filter-changed', { facet: 'classifications', key: 'industrial-lighting', checked: $event.target.checked }) 8477 " 8478 8479 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8480 /> 8481 <label 8482 for="facet-classifications-industrial-lighting" 8483 8484 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8485 > 8486 <span class="truncate" title="Industrial Lighting"> 8487 Industrial Lighting 8488 </span> 8489 8490 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1070</span> 8491 </label> 8492 </li> 8493 8494 <li 8495 wire:key="facet-classifications-specialty-lamps" 8496 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8497 style="padding-inline-start: 1.5rem" x-show="showAll || 6 < 6" 8498 > 8499 8500 <input 8501 type="checkbox" 8502 id="facet-classifications-specialty-lamps" 8503 :checked="!!(filters['classifications'] && filters['classifications']['specialty-lamps'])" 8504 @change=" 8505 if ($event.target.checked) { 8506 jitsuEvent('selectFilter', { 8507 filter_type: 'classifications', 8508 filter_value: 'specialty-lamps' }) 8509 } 8510 $dispatch('filter-changed', { facet: 'classifications', key: 'specialty-lamps', checked: $event.target.checked }) 8511 " 8512 8513 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8514 /> 8515 <label 8516 for="facet-classifications-specialty-lamps" 8517 8518 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8519 > 8520 <span class="truncate" title="Specialty Lamps"> 8521 Specialty Lamps 8522 </span> 8523 8524 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">104</span> 8525 </label> 8526 </li> 8527 8528 <li 8529 wire:key="facet-classifications-led-panels" 8530 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8531 style="padding-inline-start: 1.5rem" x-show="showAll || 7 < 6" 8532 > 8533 8534 <input 8535 type="checkbox" 8536 id="facet-classifications-led-panels" 8537 :checked="!!(filters['classifications'] && filters['classifications']['led-panels'])" 8538 @change=" 8539 if ($event.target.checked) { 8540 jitsuEvent('selectFilter', { 8541 filter_type: 'classifications', 8542 filter_value: 'led-panels' }) 8543 }
8544 $dispatch('filter-changed', { facet: 'classifications', key: 'led-panels', checked: $event.target.checked }) 8545 " 8546 8547 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8548 /> 8549 <label 8550 for="facet-classifications-led-panels" 8551 8552 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8553 > 8554 <span class="truncate" title="LED Panels"> 8555 LED Panels 8556 </span> 8557 8558 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">500</span> 8559 </label> 8560 </li> 8561 8562 <li 8563 wire:key="facet-classifications-lighting-controls" 8564 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8565 style="padding-inline-start: 1.5rem" x-show="showAll || 8 < 6" 8566 > 8567 8568 <input 8569 type="checkbox" 8570 id="facet-classifications-lighting-controls" 8571 :checked="!!(filters['classifications'] && filters['classifications']['lighting-controls'])" 8572 @change=" 8573 if ($event.target.checked) { 8574 jitsuEvent('selectFilter', { 8575 filter_type: 'classifications', 8576 filter_value: 'lighting-controls' }) 8577 } 8578 $dispatch('filter-changed', { facet: 'classifications', key: 'lighting-controls', checked: $event.target.checked }) 8579 " 8580 8581 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8582 /> 8583 <label 8584 for="facet-classifications-lighting-controls" 8585 8586 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8587 > 8588 <span class="truncate" title="Lighting Controls"> 8589 Lighting Controls 8590 </span> 8591 8592 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">962</span> 8593 </label> 8594 </li> 8595 8596 <li 8597 wire:key="facet-classifications-amenity-lighting" 8598 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8599 style="padding-inline-start: 1.5rem" x-show="showAll || 9 < 6" 8600 > 8601 8602 <input 8603 type="checkbox" 8604 id="facet-classifications-amenity-lighting" 8605 :checked="!!(filters['classifications'] && filters['classifications']['amenity-lighting'])" 8606 @change=" 8607 if ($event.target.checked) { 8608 jitsuEvent('selectFilter', { 8609 filter_type: 'classifications', 8610 filter_value: 'amenity-lighting' }) 8611 }
8612 $dispatch('filter-changed', { facet: 'classifications', key: 'amenity-lighting', checked: $event.target.checked }) 8613 " 8614 8615 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8616 /> 8617 <label 8618 for="facet-classifications-amenity-lighting" 8619 8620 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8621 > 8622 <span class="truncate" title="Amenity Lighting"> 8623 Amenity Lighting 8624 </span> 8625 8626 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2385</span> 8627 </label> 8628 </li> 8629 8630 <li 8631 wire:key="facet-classifications-surface-mount-lighting" 8632 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8633 style="padding-inline-start: 1.5rem" x-show="showAll || 10 < 6" 8634 > 8635 8636 <input 8637 type="checkbox" 8638 id="facet-classifications-surface-mount-lighting" 8639 :checked="!!(filters['classifications'] && filters['classifications']['surface-mount-lighting'])" 8640 @change=" 8641 if ($event.target.checked) { 8642 jitsuEvent('selectFilter', { 8643 filter_type: 'classifications', 8644 filter_value: 'surface-mount-lighting' }) 8645 } 8646 $dispatch('filter-changed', { facet: 'classifications', key: 'surface-mount-lighting', checked: $event.target.checked }) 8647 " 8648 8649 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8650 /> 8651 <label 8652 for="facet-classifications-surface-mount-lighting" 8653 8654 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8655 > 8656 <span class="truncate" title="Surface Mount Lighting"> 8657 Surface Mount Lighting 8658 </span> 8659 8660 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">471</span> 8661 </label> 8662 </li> 8663 8664 <li 8665 wire:key="facet-classifications-recessed-downlighters" 8666 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8667 style="padding-inline-start: 1.5rem" x-show="showAll || 11 < 6" 8668 > 8669 8670 <input 8671 type="checkbox" 8672 id="facet-classifications-recessed-downlighters" 8673 :checked="!!(filters['classifications'] && filters['classifications']['recessed-downlighters'])" 8674 @change=" 8675 if ($event.target.checked) { 8676 jitsuEvent('selectFilter', { 8677 filter_type: 'classifications',
8678 filter_value: 'recessed-downlighters' }) 8679 } 8680 $dispatch('filter-changed', { facet: 'classifications', key: 'recessed-downlighters', checked: $event.target.checked }) 8681 " 8682 8683 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8684 /> 8685 <label 8686 for="facet-classifications-recessed-downlighters" 8687 8688 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8689 > 8690 <span class="truncate" title="Recessed Downlighters"> 8691 Recessed Downlighters 8692 </span> 8693 8694 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">804</span> 8695 </label> 8696 </li> 8697 8698 <li 8699 wire:key="facet-classifications-floodlighting" 8700 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8701 style="padding-inline-start: 1.5rem" x-show="showAll || 12 < 6" 8702 > 8703 8704 <input 8705 type="checkbox" 8706 id="facet-classifications-floodlighting" 8707 :checked="!!(filters['classifications'] && filters['classifications']['floodlighting'])" 8708 @change=" 8709 if ($event.target.checked) { 8710 jitsuEvent('selectFilter', { 8711 filter_type: 'classifications', 8712 filter_value: 'floodlighting' }) 8713 } 8714 $dispatch('filter-changed', { facet: 'classifications', key: 'floodlighting', checked: $event.target.checked }) 8715 " 8716 8717 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8718 /> 8719 <label 8720 for="facet-classifications-floodlighting" 8721 8722 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8723 > 8724 <span class="truncate" title="Floodlighting"> 8725 Floodlighting 8726 </span> 8727 8728 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">277</span> 8729 </label> 8730 </li> 8731 8732 <li 8733 wire:key="facet-classifications-street-lighting" 8734 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8735 style="padding-inline-start: 1.5rem" x-show="showAll || 13 < 6" 8736 > 8737 8738 <input 8739 type="checkbox" 8740 id="facet-classifications-street-lighting" 8741 :checked="!!(filters['classifications'] && filters['classifications']['street-lighting'])" 8742 @change=" 8743 if ($event.target.checked) { 8744 jitsuEvent('selectFilter', { 8745 filter_type: 'classifications', 8746 filter_value: 'street-lighting' }) 8747 }
8748 $dispatch('filter-changed', { facet: 'classifications', key: 'street-lighting', checked: $event.target.checked }) 8749 " 8750 8751 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8752 /> 8753 <label 8754 for="facet-classifications-street-lighting" 8755 8756 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8757 > 8758 <span class="truncate" title="Street Lighting"> 8759 Street Lighting 8760 </span> 8761 8762 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">156</span> 8763 </label> 8764 </li> 8765 8766 <li 8767 wire:key="facet-classifications-post-top-lighting" 8768 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8769 style="padding-inline-start: 1.5rem" x-show="showAll || 14 < 6" 8770 > 8771 8772 <input 8773 type="checkbox" 8774 id="facet-classifications-post-top-lighting" 8775 :checked="!!(filters['classifications'] && filters['classifications']['post-top-lighting'])" 8776 @change=" 8777 if ($event.target.checked) { 8778 jitsuEvent('selectFilter', { 8779 filter_type: 'classifications', 8780 filter_value: 'post-top-lighting' }) 8781 } 8782 $dispatch('filter-changed', { facet: 'classifications', key: 'post-top-lighting', checked: $event.target.checked }) 8783 " 8784 8785 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8786 /> 8787 <label 8788 for="facet-classifications-post-top-lighting" 8789 8790 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8791 > 8792 <span class="truncate" title="Post Top Lighting"> 8793 Post Top Lighting 8794 </span> 8795 8796 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">157</span> 8797 </label> 8798 </li> 8799 8800 <li 8801 wire:key="facet-classifications-cable-management-systems" 8802 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8803 x-show="showAll || 15 < 6" 8804 > 8805 8806 <input 8807 type="checkbox" 8808 id="facet-classifications-cable-management-systems" 8809 :checked="!!(filters['classifications'] && filters['classifications']['cable-management-systems'])" 8810 @change=" 8811 if ($event.target.checked) { 8812 jitsuEvent('selectFilter', { 8813 filter_type: 'classifications', 8814 filter_value: 'cable-management-systems' }) 8815 }
8816 $dispatch('filter-changed', { facet: 'classifications', key: 'cable-management-systems', checked: $event.target.checked }) 8817 " 8818 8819 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8820 /> 8821 <label 8822 for="facet-classifications-cable-management-systems" 8823 8824 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8825 > 8826 <span class="truncate" title="Cable Management Systems"> 8827 Cable Management Systems 8828 </span> 8829 8830 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">11091</span> 8831 </label> 8832 </li> 8833 8834 <li 8835 wire:key="facet-classifications-cable-trays" 8836 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8837 style="padding-inline-start: 1.5rem" x-show="showAll || 16 < 6" 8838 > 8839 8840 <input 8841 type="checkbox" 8842 id="facet-classifications-cable-trays" 8843 :checked="!!(filters['classifications'] && filters['classifications']['cable-trays'])" 8844 @change=" 8845 if ($event.target.checked) { 8846 jitsuEvent('selectFilter', { 8847 filter_type: 'classifications', 8848 filter_value: 'cable-trays' }) 8849 } 8850 $dispatch('filter-changed', { facet: 'classifications', key: 'cable-trays', checked: $event.target.checked }) 8851 " 8852 8853 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8854 /> 8855 <label 8856 for="facet-classifications-cable-trays" 8857 8858 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8859 > 8860 <span class="truncate" title="Cable Trays"> 8861 Cable Trays 8862 </span> 8863 8864 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1366</span> 8865 </label> 8866 </li> 8867 8868 <li 8869 wire:key="facet-classifications-electrical-conduits" 8870 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8871 style="padding-inline-start: 1.5rem" x-show="showAll || 17 < 6" 8872 > 8873 8874 <input 8875 type="checkbox" 8876 id="facet-classifications-electrical-conduits" 8877 :checked="!!(filters['classifications'] && filters['classifications']['electrical-conduits'])" 8878 @change=" 8879 if ($event.target.checked) { 8880 jitsuEvent('selectFilter', { 8881 filter_type: 'classifications', 8882 filter_value: 'electrical-conduits' }) 8883 }
8884 $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-conduits', checked: $event.target.checked }) 8885 " 8886 8887 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8888 /> 8889 <label 8890 for="facet-classifications-electrical-conduits" 8891 8892 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8893 > 8894 <span class="truncate" title="Electrical Conduits"> 8895 Electrical Conduits 8896 </span> 8897 8898 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">4770</span> 8899 </label> 8900 </li> 8901 8902 <li 8903 wire:key="facet-classifications-cable-ties" 8904 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8905 style="padding-inline-start: 1.5rem" x-show="showAll || 18 < 6" 8906 > 8907 8908 <input 8909 type="checkbox" 8910 id="facet-classifications-cable-ties" 8911 :checked="!!(filters['classifications'] && filters['classifications']['cable-ties'])" 8912 @change=" 8913 if ($event.target.checked) { 8914 jitsuEvent('selectFilter', { 8915 filter_type: 'classifications', 8916 filter_value: 'cable-ties' }) 8917 } 8918 $dispatch('filter-changed', { facet: 'classifications', key: 'cable-ties', checked: $event.target.checked }) 8919 " 8920 8921 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8922 /> 8923 <label 8924 for="facet-classifications-cable-ties" 8925 8926 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8927 > 8928 <span class="truncate" title="Cable Ties"> 8929 Cable Ties 8930 </span> 8931 8932 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2100</span> 8933 </label> 8934 </li> 8935 8936 <li 8937 wire:key="facet-classifications-cable-glands" 8938 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8939 style="padding-inline-start: 1.5rem" x-show="showAll || 19 < 6" 8940 > 8941 8942 <input 8943 type="checkbox" 8944 id="facet-classifications-cable-glands" 8945 :checked="!!(filters['classifications'] && filters['classifications']['cable-glands'])" 8946 @change=" 8947 if ($event.target.checked) { 8948 jitsuEvent('selectFilter', { 8949 filter_type: 'classifications', 8950 filter_value: 'cable-glands' }) 8951 }
8952 $dispatch('filter-changed', { facet: 'classifications', key: 'cable-glands', checked: $event.target.checked }) 8953 " 8954 8955 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8956 /> 8957 <label 8958 for="facet-classifications-cable-glands" 8959 8960 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8961 > 8962 <span class="truncate" title="Cable Glands"> 8963 Cable Glands 8964 </span> 8965 8966 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2873</span> 8967 </label> 8968 </li> 8969 8970 <li 8971 wire:key="facet-classifications-electrical-cables-wiring" 8972 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 8973 x-show="showAll || 20 < 6" 8974 > 8975 8976 <input 8977 type="checkbox" 8978 id="facet-classifications-electrical-cables-wiring" 8979 :checked="!!(filters['classifications'] && filters['classifications']['electrical-cables-wiring'])" 8980 @change=" 8981 if ($event.target.checked) { 8982 jitsuEvent('selectFilter', { 8983 filter_type: 'classifications', 8984 filter_value: 'electrical-cables-wiring' }) 8985 } 8986 $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-cables-wiring', checked: $event.target.checked }) 8987 " 8988 8989 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 8990 /> 8991 <label 8992 for="facet-classifications-electrical-cables-wiring" 8993 8994 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 8995 > 8996 <span class="truncate" title="Electrical Cables & Wiring"> 8997 Electrical Cables & Wiring 8998 </span> 8999 9000 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">8370</span> 9001 </label> 9002 </li> 9003 9004 <li 9005 wire:key="facet-classifications-swa-armoured-cables" 9006 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9007 style="padding-inline-start: 1.5rem" x-show="showAll || 21 < 6" 9008 > 9009 9010 <input 9011 type="checkbox" 9012 id="facet-classifications-swa-armoured-cables" 9013 :checked="!!(filters['classifications'] && filters['classifications']['swa-armoured-cables'])" 9014 @change=" 9015 if ($event.target.checked) { 9016 jitsuEvent('selectFilter', { 9017 filter_type: 'classifications', 9018 filter_value: 'swa-armoured-cables' }) 9019 }
9020 $dispatch('filter-changed', { facet: 'classifications', key: 'swa-armoured-cables', checked: $event.target.checked }) 9021 " 9022 9023 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9024 /> 9025 <label 9026 for="facet-classifications-swa-armoured-cables" 9027 9028 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9029 > 9030 <span class="truncate" title="SWA Armoured Cables"> 9031 SWA Armoured Cables 9032 </span> 9033 9034 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">748</span> 9035 </label> 9036 </li> 9037 9038 <li 9039 wire:key="facet-classifications-building-wire-power-cables" 9040 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9041 style="padding-inline-start: 1.5rem" x-show="showAll || 22 < 6" 9042 > 9043 9044 <input 9045 type="checkbox" 9046 id="facet-classifications-building-wire-power-cables" 9047 :checked="!!(filters['classifications'] && filters['classifications']['building-wire-power-cables'])" 9048 @change=" 9049 if ($event.target.checked) { 9050 jitsuEvent('selectFilter', { 9051 filter_type: 'classifications', 9052 filter_value: 'building-wire-power-cables' }) 9053 } 9054 $dispatch('filter-changed', { facet: 'classifications', key: 'building-wire-power-cables', checked: $event.target.checked }) 9055 " 9056 9057 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9058 /> 9059 <label 9060 for="facet-classifications-building-wire-power-cables" 9061 9062 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9063 > 9064 <span class="truncate" title="Building Wire & Power Cables"> 9065 Building Wire & Power Cables 9066 </span> 9067 9068 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">4938</span> 9069 </label> 9070 </li> 9071 9072 <li 9073 wire:key="facet-classifications-data-communication-cables" 9074 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9075 style="padding-inline-start: 1.5rem" x-show="showAll || 23 < 6" 9076 > 9077 9078 <input 9079 type="checkbox" 9080 id="facet-classifications-data-communication-cables" 9081 :checked="!!(filters['classifications'] && filters['classifications']['data-communication-cables'])" 9082 @change=" 9083 if ($event.target.checked) { 9084 jitsuEvent('selectFilter', { 9085 filter_type: 'classifications', 9086 filter_value: 'data-communication-cables' }) 9087 }
9088 $dispatch('filter-changed', { facet: 'classifications', key: 'data-communication-cables', checked: $event.target.checked }) 9089 " 9090 9091 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9092 /> 9093 <label 9094 for="facet-classifications-data-communication-cables" 9095 9096 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9097 > 9098 <span class="truncate" title="Data & Communication Cables"> 9099 Data & Communication Cables 9100 </span> 9101 9102 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1565</span> 9103 </label> 9104 </li> 9105 9106 <li 9107 wire:key="facet-classifications-specialist-cables" 9108 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9109 style="padding-inline-start: 1.5rem" x-show="showAll || 24 < 6" 9110 > 9111 9112 <input 9113 type="checkbox" 9114 id="facet-classifications-specialist-cables" 9115 :checked="!!(filters['classifications'] && filters['classifications']['specialist-cables'])" 9116 @change=" 9117 if ($event.target.checked) { 9118 jitsuEvent('selectFilter', { 9119 filter_type: 'classifications', 9120 filter_value: 'specialist-cables' }) 9121 } 9122 $dispatch('filter-changed', { facet: 'classifications', key: 'specialist-cables', checked: $event.target.checked }) 9123 " 9124 9125 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9126 /> 9127 <label 9128 for="facet-classifications-specialist-cables" 9129 9130 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9131 > 9132 <span class="truncate" title="Specialist Cables"> 9133 Specialist Cables 9134 </span> 9135 9136 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">871</span> 9137 </label> 9138 </li> 9139 9140 <li 9141 wire:key="facet-classifications-wiring-accessories-installation" 9142 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9143 x-show="showAll || 25 < 6" 9144 > 9145 9146 <input 9147 type="checkbox" 9148 id="facet-classifications-wiring-accessories-installation" 9149 :checked="!!(filters['classifications'] && filters['classifications']['wiring-accessories-installation'])" 9150 @change=" 9151 if ($event.target.checked) { 9152 jitsuEvent('selectFilter', { 9153 filter_type: 'classifications', 9154 filter_value: 'wiring-accessories-installation' }) 9155 }
9156 $dispatch('filter-changed', { facet: 'classifications', key: 'wiring-accessories-installation', checked: $event.target.checked }) 9157 " 9158 9159 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9160 /> 9161 <label 9162 for="facet-classifications-wiring-accessories-installation" 9163 9164 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9165 > 9166 <span class="truncate" title="Wiring Accessories & Installation"> 9167 Wiring Accessories & Installation 9168 </span> 9169 9170 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12311</span> 9171 </label> 9172 </li> 9173 9174 <li 9175 wire:key="facet-classifications-sockets-switches" 9176 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9177 style="padding-inline-start: 1.5rem" x-show="showAll || 26 < 6" 9178 > 9179 9180 <input 9181 type="checkbox" 9182 id="facet-classifications-sockets-switches" 9183 :checked="!!(filters['classifications'] && filters['classifications']['sockets-switches'])" 9184 @change=" 9185 if ($event.target.checked) { 9186 jitsuEvent('selectFilter', { 9187 filter_type: 'classifications', 9188 filter_value: 'sockets-switches' }) 9189 } 9190 $dispatch('filter-changed', { facet: 'classifications', key: 'sockets-switches', checked: $event.target.checked }) 9191 " 9192 9193 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9194 /> 9195 <label 9196 for="facet-classifications-sockets-switches" 9197 9198 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9199 > 9200 <span class="truncate" title="Sockets & Switches"> 9201 Sockets & Switches 9202 </span> 9203 9204 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">9384</span> 9205 </label> 9206 </li> 9207 9208 <li 9209 wire:key="facet-classifications-junction-boxes" 9210 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9211 style="padding-inline-start: 1.5rem" x-show="showAll || 27 < 6" 9212 > 9213 9214 <input 9215 type="checkbox" 9216 id="facet-classifications-junction-boxes" 9217 :checked="!!(filters['classifications'] && filters['classifications']['junction-boxes'])" 9218 @change=" 9219 if ($event.target.checked) { 9220 jitsuEvent('selectFilter', { 9221 filter_type: 'classifications', 9222 filter_value: 'junction-boxes' }) 9223 }
9224 $dispatch('filter-changed', { facet: 'classifications', key: 'junction-boxes', checked: $event.target.checked }) 9225 " 9226 9227 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9228 /> 9229 <label 9230 for="facet-classifications-junction-boxes" 9231 9232 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9233 > 9234 <span class="truncate" title="Junction Boxes"> 9235 Junction Boxes 9236 </span> 9237 9238 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">460</span> 9239 </label> 9240 </li> 9241 9242 <li 9243 wire:key="facet-classifications-wiring-accessories" 9244 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9245 style="padding-inline-start: 1.5rem" x-show="showAll || 28 < 6" 9246 > 9247 9248 <input 9249 type="checkbox" 9250 id="facet-classifications-wiring-accessories" 9251 :checked="!!(filters['classifications'] && filters['classifications']['wiring-accessories'])" 9252 @change=" 9253 if ($event.target.checked) { 9254 jitsuEvent('selectFilter', { 9255 filter_type: 'classifications', 9256 filter_value: 'wiring-accessories' }) 9257 } 9258 $dispatch('filter-changed', { facet: 'classifications', key: 'wiring-accessories', checked: $event.target.checked }) 9259 " 9260 9261 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9262 /> 9263 <label 9264 for="facet-classifications-wiring-accessories" 9265 9266 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9267 > 9268 <span class="truncate" title="Wiring Accessories"> 9269 Wiring Accessories 9270 </span> 9271 9272 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1857</span> 9273 </label> 9274 </li> 9275 9276 <li 9277 wire:key="facet-classifications-cable-fixings-clips" 9278 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9279 style="padding-inline-start: 1.5rem" x-show="showAll || 29 < 6" 9280 > 9281 9282 <input 9283 type="checkbox" 9284 id="facet-classifications-cable-fixings-clips" 9285 :checked="!!(filters['classifications'] && filters['classifications']['cable-fixings-clips'])" 9286 @change=" 9287 if ($event.target.checked) { 9288 jitsuEvent('selectFilter', { 9289 filter_type: 'classifications', 9290 filter_value: 'cable-fixings-clips' }) 9291 }
9292 $dispatch('filter-changed', { facet: 'classifications', key: 'cable-fixings-clips', checked: $event.target.checked }) 9293 " 9294 9295 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9296 /> 9297 <label 9298 for="facet-classifications-cable-fixings-clips" 9299 9300 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9301 > 9302 <span class="truncate" title="Cable Fixings & Clips"> 9303 Cable Fixings & Clips 9304 </span> 9305 9306 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">644</span> 9307 </label> 9308 </li> 9309 9310 <li 9311 wire:key="facet-classifications-heating-ventilation" 9312 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9313 x-show="showAll || 30 < 6" 9314 > 9315 9316 <input 9317 type="checkbox" 9318 id="facet-classifications-heating-ventilation" 9319 :checked="!!(filters['classifications'] && filters['classifications']['heating-ventilation'])" 9320 @change=" 9321 if ($event.target.checked) { 9322 jitsuEvent('selectFilter', { 9323 filter_type: 'classifications', 9324 filter_value: 'heating-ventilation' }) 9325 } 9326 $dispatch('filter-changed', { facet: 'classifications', key: 'heating-ventilation', checked: $event.target.checked }) 9327 " 9328 9329 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9330 /> 9331 <label 9332 for="facet-classifications-heating-ventilation" 9333 9334 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9335 > 9336 <span class="truncate" title="Heating & Ventilation"> 9337 Heating & Ventilation 9338 </span> 9339 9340 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">816</span> 9341 </label> 9342 </li> 9343 9344 <li 9345 wire:key="facet-classifications-electric-heaters" 9346 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9347 style="padding-inline-start: 1.5rem" x-show="showAll || 31 < 6" 9348 > 9349 9350 <input 9351 type="checkbox" 9352 id="facet-classifications-electric-heaters" 9353 :checked="!!(filters['classifications'] && filters['classifications']['electric-heaters'])" 9354 @change=" 9355 if ($event.target.checked) { 9356 jitsuEvent('selectFilter', { 9357 filter_type: 'classifications', 9358 filter_value: 'electric-heaters' }) 9359 }
9360 $dispatch('filter-changed', { facet: 'classifications', key: 'electric-heaters', checked: $event.target.checked }) 9361 " 9362 9363 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9364 /> 9365 <label 9366 for="facet-classifications-electric-heaters" 9367 9368 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9369 > 9370 <span class="truncate" title="Electric Heaters"> 9371 Electric Heaters 9372 </span> 9373 9374 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">486</span> 9375 </label> 9376 </li> 9377 9378 <li 9379 wire:key="facet-classifications-fans-ventilation" 9380 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9381 style="padding-inline-start: 1.5rem" x-show="showAll || 32 < 6" 9382 > 9383 9384 <input 9385 type="checkbox" 9386 id="facet-classifications-fans-ventilation" 9387 :checked="!!(filters['classifications'] && filters['classifications']['fans-ventilation'])" 9388 @change=" 9389 if ($event.target.checked) { 9390 jitsuEvent('selectFilter', { 9391 filter_type: 'classifications', 9392 filter_value: 'fans-ventilation' }) 9393 } 9394 $dispatch('filter-changed', { facet: 'classifications', key: 'fans-ventilation', checked: $event.target.checked }) 9395 " 9396 9397 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9398 /> 9399 <label 9400 for="facet-classifications-fans-ventilation" 9401 9402 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9403 > 9404 <span class="truncate" title="Fans & Ventilation"> 9405 Fans & Ventilation 9406 </span> 9407 9408 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">150</span> 9409 </label> 9410 </li> 9411 9412 <li 9413 wire:key="facet-classifications-hvac-controls-systems" 9414 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9415 style="padding-inline-start: 1.5rem" x-show="showAll || 33 < 6" 9416 > 9417 9418 <input 9419 type="checkbox" 9420 id="facet-classifications-hvac-controls-systems" 9421 :checked="!!(filters['classifications'] && filters['classifications']['hvac-controls-systems'])" 9422 @change=" 9423 if ($event.target.checked) { 9424 jitsuEvent('selectFilter', { 9425 filter_type: 'classifications', 9426 filter_value: 'hvac-controls-systems' }) 9427 }
9428 $dispatch('filter-changed', { facet: 'classifications', key: 'hvac-controls-systems', checked: $event.target.checked }) 9429 " 9430 9431 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9432 /> 9433 <label 9434 for="facet-classifications-hvac-controls-systems" 9435 9436 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9437 > 9438 <span class="truncate" title="HVAC Controls & Systems"> 9439 HVAC Controls & Systems 9440 </span> 9441 9442 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">111</span> 9443 </label> 9444 </li> 9445 9446 <li 9447 wire:key="facet-classifications-smart-thermostats" 9448 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9449 style="padding-inline-start: 1.5rem" x-show="showAll || 34 < 6" 9450 > 9451 9452 <input 9453 type="checkbox" 9454 id="facet-classifications-smart-thermostats" 9455 :checked="!!(filters['classifications'] && filters['classifications']['smart-thermostats'])" 9456 @change=" 9457 if ($event.target.checked) { 9458 jitsuEvent('selectFilter', { 9459 filter_type: 'classifications', 9460 filter_value: 'smart-thermostats' }) 9461 } 9462 $dispatch('filter-changed', { facet: 'classifications', key: 'smart-thermostats', checked: $event.target.checked }) 9463 " 9464 9465 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9466 /> 9467 <label 9468 for="facet-classifications-smart-thermostats" 9469 9470 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9471 > 9472 <span class="truncate" title="Smart Thermostats"> 9473 Smart Thermostats 9474 </span> 9475 9476 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">65</span> 9477 </label> 9478 </li> 9479 9480 <li 9481 wire:key="facet-classifications-switchgear-circuit-protection" 9482 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9483 x-show="showAll || 35 < 6" 9484 > 9485 9486 <input 9487 type="checkbox" 9488 id="facet-classifications-switchgear-circuit-protection" 9489 :checked="!!(filters['classifications'] && filters['classifications']['switchgear-circuit-protection'])" 9490 @change=" 9491 if ($event.target.checked) { 9492 jitsuEvent('selectFilter', { 9493 filter_type: 'classifications', 9494 filter_value: 'switchgear-circuit-protection' }) 9495 }
9496 $dispatch('filter-changed', { facet: 'classifications', key: 'switchgear-circuit-protection', checked: $event.target.checked }) 9497 " 9498 9499 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9500 /> 9501 <label 9502 for="facet-classifications-switchgear-circuit-protection" 9503 9504 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9505 > 9506 <span class="truncate" title="Switchgear & Circuit Protection"> 9507 Switchgear & Circuit Protection 9508 </span> 9509 9510 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">55579</span> 9511 </label> 9512 </li> 9513 9514 <li 9515 wire:key="facet-classifications-distribution-boards" 9516 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9517 style="padding-inline-start: 1.5rem" x-show="showAll || 36 < 6" 9518 > 9519 9520 <input 9521 type="checkbox" 9522 id="facet-classifications-distribution-boards" 9523 :checked="!!(filters['classifications'] && filters['classifications']['distribution-boards'])" 9524 @change=" 9525 if ($event.target.checked) { 9526 jitsuEvent('selectFilter', { 9527 filter_type: 'classifications', 9528 filter_value: 'distribution-boards' }) 9529 } 9530 $dispatch('filter-changed', { facet: 'classifications', key: 'distribution-boards', checked: $event.target.checked }) 9531 " 9532 9533 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9534 /> 9535 <label 9536 for="facet-classifications-distribution-boards" 9537 9538 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9539 > 9540 <span class="truncate" title="Distribution Boards"> 9541 Distribution Boards 9542 </span> 9543 9544 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2777</span> 9545 </label> 9546 </li> 9547 9548 <li 9549 wire:key="facet-classifications-circuit-breakers" 9550 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9551 style="padding-inline-start: 1.5rem" x-show="showAll || 37 < 6" 9552 > 9553 9554 <input 9555 type="checkbox" 9556 id="facet-classifications-circuit-breakers" 9557 :checked="!!(filters['classifications'] && filters['classifications']['circuit-breakers'])" 9558 @change=" 9559 if ($event.target.checked) { 9560 jitsuEvent('selectFilter', { 9561 filter_type: 'classifications', 9562 filter_value: 'circuit-breakers' }) 9563 }
9564 $dispatch('filter-changed', { facet: 'classifications', key: 'circuit-breakers', checked: $event.target.checked }) 9565 " 9566 9567 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9568 /> 9569 <label 9570 for="facet-classifications-circuit-breakers" 9571 9572 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9573 > 9574 <span class="truncate" title="Circuit Breakers"> 9575 Circuit Breakers 9576 </span> 9577 9578 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">27599</span> 9579 </label> 9580 </li> 9581 9582 <li 9583 wire:key="facet-classifications-switchgear" 9584 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9585 style="padding-inline-start: 1.5rem" x-show="showAll || 38 < 6" 9586 > 9587 9588 <input 9589 type="checkbox" 9590 id="facet-classifications-switchgear" 9591 :checked="!!(filters['classifications'] && filters['classifications']['switchgear'])" 9592 @change=" 9593 if ($event.target.checked) { 9594 jitsuEvent('selectFilter', { 9595 filter_type: 'classifications', 9596 filter_value: 'switchgear' }) 9597 } 9598 $dispatch('filter-changed', { facet: 'classifications', key: 'switchgear', checked: $event.target.checked }) 9599 " 9600 9601 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9602 /> 9603 <label 9604 for="facet-classifications-switchgear" 9605 9606 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9607 > 9608 <span class="truncate" title="Switchgear"> 9609 Switchgear 9610 </span> 9611 9612 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">13553</span> 9613 </label> 9614 </li> 9615 9616 <li 9617 wire:key="facet-classifications-contactors-motor-starters" 9618 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9619 style="padding-inline-start: 1.5rem" x-show="showAll || 39 < 6" 9620 > 9621 9622 <input 9623 type="checkbox" 9624 id="facet-classifications-contactors-motor-starters" 9625 :checked="!!(filters['classifications'] && filters['classifications']['contactors-motor-starters'])" 9626 @change=" 9627 if ($event.target.checked) { 9628 jitsuEvent('selectFilter', { 9629 filter_type: 'classifications', 9630 filter_value: 'contactors-motor-starters' }) 9631 }
9632 $dispatch('filter-changed', { facet: 'classifications', key: 'contactors-motor-starters', checked: $event.target.checked }) 9633 " 9634 9635 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9636 /> 9637 <label 9638 for="facet-classifications-contactors-motor-starters" 9639 9640 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9641 > 9642 <span class="truncate" title="Contactors & Motor Starters"> 9643 Contactors & Motor Starters 9644 </span> 9645 9646 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">8813</span> 9647 </label> 9648 </li> 9649 9650 <li 9651 wire:key="facet-classifications-busbars" 9652 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9653 style="padding-inline-start: 1.5rem" x-show="showAll || 40 < 6" 9654 > 9655 9656 <input 9657 type="checkbox" 9658 id="facet-classifications-busbars" 9659 :checked="!!(filters['classifications'] && filters['classifications']['busbars'])" 9660 @change=" 9661 if ($event.target.checked) { 9662 jitsuEvent('selectFilter', { 9663 filter_type: 'classifications', 9664 filter_value: 'busbars' }) 9665 } 9666 $dispatch('filter-changed', { facet: 'classifications', key: 'busbars', checked: $event.target.checked }) 9667 " 9668 9669 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9670 /> 9671 <label 9672 for="facet-classifications-busbars" 9673 9674 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9675 > 9676 <span class="truncate" title="Busbars"> 9677 Busbars 9678 </span> 9679 9680 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">4300</span> 9681 </label> 9682 </li> 9683 9684 <li 9685 wire:key="facet-classifications-terminals-connectors-interconnects" 9686 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9687 x-show="showAll || 41 < 6" 9688 > 9689 9690 <input 9691 type="checkbox" 9692 id="facet-classifications-terminals-connectors-interconnects" 9693 :checked="!!(filters['classifications'] && filters['classifications']['terminals-connectors-interconnects'])" 9694 @change=" 9695 if ($event.target.checked) { 9696 jitsuEvent('selectFilter', { 9697 filter_type: 'classifications', 9698 filter_value: 'terminals-connectors-interconnects' }) 9699 }
9700 $dispatch('filter-changed', { facet: 'classifications', key: 'terminals-connectors-interconnects', checked: $event.target.checked }) 9701 " 9702 9703 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9704 /> 9705 <label 9706 for="facet-classifications-terminals-connectors-interconnects" 9707 9708 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9709 > 9710 <span class="truncate" title="Terminals, Connectors & Interconnects"> 9711 Terminals, Connectors & Interconnects 9712 </span> 9713 9714 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">15533</span> 9715 </label> 9716 </li> 9717 9718 <li 9719 wire:key="facet-classifications-terminal-blocks" 9720 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9721 style="padding-inline-start: 1.5rem" x-show="showAll || 42 < 6" 9722 > 9723 9724 <input 9725 type="checkbox" 9726 id="facet-classifications-terminal-blocks" 9727 :checked="!!(filters['classifications'] && filters['classifications']['terminal-blocks'])" 9728 @change=" 9729 if ($event.target.checked) { 9730 jitsuEvent('selectFilter', { 9731 filter_type: 'classifications', 9732 filter_value: 'terminal-blocks' }) 9733 } 9734 $dispatch('filter-changed', { facet: 'classifications', key: 'terminal-blocks', checked: $event.target.checked }) 9735 " 9736 9737 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9738 /> 9739 <label 9740 for="facet-classifications-terminal-blocks" 9741 9742 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9743 > 9744 <span class="truncate" title="Terminal Blocks"> 9745 Terminal Blocks 9746 </span> 9747 9748 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">9569</span> 9749 </label> 9750 </li> 9751 9752 <li 9753 wire:key="facet-classifications-industrial-connectors" 9754 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9755 style="padding-inline-start: 1.5rem" x-show="showAll || 43 < 6" 9756 > 9757 9758 <input 9759 type="checkbox" 9760 id="facet-classifications-industrial-connectors" 9761 :checked="!!(filters['classifications'] && filters['classifications']['industrial-connectors'])" 9762 @change=" 9763 if ($event.target.checked) { 9764 jitsuEvent('selectFilter', { 9765 filter_type: 'classifications', 9766 filter_value: 'industrial-connectors' }) 9767 }
9768 $dispatch('filter-changed', { facet: 'classifications', key: 'industrial-connectors', checked: $event.target.checked }) 9769 " 9770 9771 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9772 /> 9773 <label 9774 for="facet-classifications-industrial-connectors" 9775 9776 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9777 > 9778 <span class="truncate" title="Industrial Connectors"> 9779 Industrial Connectors 9780 </span> 9781 9782 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2846</span> 9783 </label> 9784 </li> 9785 9786 <li 9787 wire:key="facet-classifications-pcb-connectors" 9788 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9789 style="padding-inline-start: 1.5rem" x-show="showAll || 44 < 6" 9790 > 9791 9792 <input 9793 type="checkbox" 9794 id="facet-classifications-pcb-connectors" 9795 :checked="!!(filters['classifications'] && filters['classifications']['pcb-connectors'])" 9796 @change=" 9797 if ($event.target.checked) { 9798 jitsuEvent('selectFilter', { 9799 filter_type: 'classifications', 9800 filter_value: 'pcb-connectors' }) 9801 } 9802 $dispatch('filter-changed', { facet: 'classifications', key: 'pcb-connectors', checked: $event.target.checked }) 9803 " 9804 9805 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9806 /> 9807 <label 9808 for="facet-classifications-pcb-connectors" 9809 9810 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9811 > 9812 <span class="truncate" title="PCB Connectors"> 9813 PCB Connectors 9814 </span> 9815 9816 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1646</span> 9817 </label> 9818 </li> 9819 9820 <li 9821 wire:key="facet-classifications-cable-lugs-terminals" 9822 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9823 style="padding-inline-start: 1.5rem" x-show="showAll || 45 < 6" 9824 > 9825 9826 <input 9827 type="checkbox" 9828 id="facet-classifications-cable-lugs-terminals" 9829 :checked="!!(filters['classifications'] && filters['classifications']['cable-lugs-terminals'])" 9830 @change=" 9831 if ($event.target.checked) { 9832 jitsuEvent('selectFilter', { 9833 filter_type: 'classifications', 9834 filter_value: 'cable-lugs-terminals' }) 9835 }
9836 $dispatch('filter-changed', { facet: 'classifications', key: 'cable-lugs-terminals', checked: $event.target.checked }) 9837 " 9838 9839 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9840 /> 9841 <label 9842 for="facet-classifications-cable-lugs-terminals" 9843 9844 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9845 > 9846 <span class="truncate" title="Cable Lugs & Terminals"> 9847 Cable Lugs & Terminals 9848 </span> 9849 9850 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1425</span> 9851 </label> 9852 </li> 9853 9854 <li 9855 wire:key="facet-classifications-test-measurement-equipment" 9856 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9857 x-show="showAll || 46 < 6" 9858 > 9859 9860 <input 9861 type="checkbox" 9862 id="facet-classifications-test-measurement-equipment" 9863 :checked="!!(filters['classifications'] && filters['classifications']['test-measurement-equipment'])" 9864 @change=" 9865 if ($event.target.checked) { 9866 jitsuEvent('selectFilter', { 9867 filter_type: 'classifications', 9868 filter_value: 'test-measurement-equipment' }) 9869 } 9870 $dispatch('filter-changed', { facet: 'classifications', key: 'test-measurement-equipment', checked: $event.target.checked }) 9871 " 9872 9873 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9874 /> 9875 <label 9876 for="facet-classifications-test-measurement-equipment" 9877 9878 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9879 > 9880 <span class="truncate" title="Test & Measurement Equipment"> 9881 Test & Measurement Equipment 9882 </span> 9883 9884 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">412</span> 9885 </label> 9886 </li> 9887 9888 <li 9889 wire:key="facet-classifications-multimeters" 9890 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9891 style="padding-inline-start: 1.5rem" x-show="showAll || 47 < 6" 9892 > 9893 9894 <input 9895 type="checkbox" 9896 id="facet-classifications-multimeters" 9897 :checked="!!(filters['classifications'] && filters['classifications']['multimeters'])" 9898 @change=" 9899 if ($event.target.checked) { 9900 jitsuEvent('selectFilter', { 9901 filter_type: 'classifications', 9902 filter_value: 'multimeters' }) 9903 }
9904 $dispatch('filter-changed', { facet: 'classifications', key: 'multimeters', checked: $event.target.checked }) 9905 " 9906 9907 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9908 /> 9909 <label 9910 for="facet-classifications-multimeters" 9911 9912 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9913 > 9914 <span class="truncate" title="Multimeters"> 9915 Multimeters 9916 </span> 9917 9918 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">177</span> 9919 </label> 9920 </li> 9921 9922 <li 9923 wire:key="facet-classifications-oscilloscopes" 9924 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9925 style="padding-inline-start: 1.5rem" x-show="showAll || 48 < 6" 9926 > 9927 9928 <input 9929 type="checkbox" 9930 id="facet-classifications-oscilloscopes" 9931 :checked="!!(filters['classifications'] && filters['classifications']['oscilloscopes'])" 9932 @change=" 9933 if ($event.target.checked) { 9934 jitsuEvent('selectFilter', { 9935 filter_type: 'classifications', 9936 filter_value: 'oscilloscopes' }) 9937 } 9938 $dispatch('filter-changed', { facet: 'classifications', key: 'oscilloscopes', checked: $event.target.checked }) 9939 " 9940 9941 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9942 /> 9943 <label 9944 for="facet-classifications-oscilloscopes" 9945 9946 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9947 > 9948 <span class="truncate" title="Oscilloscopes"> 9949 Oscilloscopes 9950 </span> 9951 9952 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">15</span> 9953 </label> 9954 </li> 9955 9956 <li 9957 wire:key="facet-classifications-inspection-testing-tools" 9958 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9959 style="padding-inline-start: 1.5rem" x-show="showAll || 49 < 6" 9960 > 9961 9962 <input 9963 type="checkbox" 9964 id="facet-classifications-inspection-testing-tools" 9965 :checked="!!(filters['classifications'] && filters['classifications']['inspection-testing-tools'])" 9966 @change=" 9967 if ($event.target.checked) { 9968 jitsuEvent('selectFilter', { 9969 filter_type: 'classifications', 9970 filter_value: 'inspection-testing-tools' }) 9971 }
9972 $dispatch('filter-changed', { facet: 'classifications', key: 'inspection-testing-tools', checked: $event.target.checked }) 9973 " 9974 9975 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 9976 /> 9977 <label 9978 for="facet-classifications-inspection-testing-tools" 9979 9980 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 9981 > 9982 <span class="truncate" title="Inspection & Testing Tools"> 9983 Inspection & Testing Tools 9984 </span> 9985 9986 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">256</span> 9987 </label> 9988 </li> 9989 9990 <li 9991 wire:key="facet-classifications-hand-tools-power-tools" 9992 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 9993 x-show="showAll || 50 < 6" 9994 > 9995 9996 <input 9997 type="checkbox" 9998 id="facet-classifications-hand-tools-power-tools" 9999 :checked="!!(filters['classifications'] && filters['classifications']['hand-tools-power-tools'])" 10000 @change=" 10001 if ($event.target.checked) { 10002 jitsuEvent('selectFilter', { 10003 filter_type: 'classifications', 10004 filter_value: 'hand-tools-power-tools' }) 10005 } 10006 $dispatch('filter-changed', { facet: 'classifications', key: 'hand-tools-power-tools', checked: $event.target.checked }) 10007 " 10008 10009 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10010 /> 10011 <label 10012 for="facet-classifications-hand-tools-power-tools" 10013 10014 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10015 > 10016 <span class="truncate" title="Hand Tools & Power Tools"> 10017 Hand Tools & Power Tools 10018 </span> 10019 10020 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2694</span> 10021 </label> 10022 </li> 10023 10024 <li 10025 wire:key="facet-classifications-socket-sets" 10026 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10027 style="padding-inline-start: 1.5rem" x-show="showAll || 51 < 6" 10028 > 10029 10030 <input 10031 type="checkbox" 10032 id="facet-classifications-socket-sets" 10033 :checked="!!(filters['classifications'] && filters['classifications']['socket-sets'])" 10034 @change=" 10035 if ($event.target.checked) { 10036 jitsuEvent('selectFilter', { 10037 filter_type: 'classifications', 10038 filter_value: 'socket-sets' }) 10039 }
10040 $dispatch('filter-changed', { facet: 'classifications', key: 'socket-sets', checked: $event.target.checked }) 10041 " 10042 10043 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10044 /> 10045 <label 10046 for="facet-classifications-socket-sets" 10047 10048 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10049 > 10050 <span class="truncate" title="Socket Sets"> 10051 Socket Sets 10052 </span> 10053 10054 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">46</span> 10055 </label> 10056 </li> 10057 10058 <li 10059 wire:key="facet-classifications-pliers" 10060 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10061 style="padding-inline-start: 1.5rem" x-show="showAll || 52 < 6" 10062 > 10063 10064 <input 10065 type="checkbox" 10066 id="facet-classifications-pliers" 10067 :checked="!!(filters['classifications'] && filters['classifications']['pliers'])" 10068 @change=" 10069 if ($event.target.checked) { 10070 jitsuEvent('selectFilter', { 10071 filter_type: 'classifications', 10072 filter_value: 'pliers' }) 10073 } 10074 $dispatch('filter-changed', { facet: 'classifications', key: 'pliers', checked: $event.target.checked }) 10075 " 10076 10077 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10078 /> 10079 <label 10080 for="facet-classifications-pliers" 10081 10082 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10083 > 10084 <span class="truncate" title="Pliers"> 10085 Pliers 10086 </span> 10087 10088 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1172</span> 10089 </label> 10090 </li> 10091 10092 <li 10093 wire:key="facet-classifications-screwdrivers" 10094 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10095 style="padding-inline-start: 1.5rem" x-show="showAll || 53 < 6" 10096 > 10097 10098 <input 10099 type="checkbox" 10100 id="facet-classifications-screwdrivers" 10101 :checked="!!(filters['classifications'] && filters['classifications']['screwdrivers'])" 10102 @change=" 10103 if ($event.target.checked) { 10104 jitsuEvent('selectFilter', { 10105 filter_type: 'classifications', 10106 filter_value: 'screwdrivers' }) 10107 }
10108 $dispatch('filter-changed', { facet: 'classifications', key: 'screwdrivers', checked: $event.target.checked }) 10109 " 10110 10111 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10112 /> 10113 <label 10114 for="facet-classifications-screwdrivers" 10115 10116 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10117 > 10118 <span class="truncate" title="Screwdrivers"> 10119 Screwdrivers 10120 </span> 10121 10122 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">74</span> 10123 </label> 10124 </li> 10125 10126 <li 10127 wire:key="facet-classifications-power-tools" 10128 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10129 style="padding-inline-start: 1.5rem" x-show="showAll || 54 < 6" 10130 > 10131 10132 <input 10133 type="checkbox" 10134 id="facet-classifications-power-tools" 10135 :checked="!!(filters['classifications'] && filters['classifications']['power-tools'])" 10136 @change=" 10137 if ($event.target.checked) { 10138 jitsuEvent('selectFilter', { 10139 filter_type: 'classifications', 10140 filter_value: 'power-tools' }) 10141 } 10142 $dispatch('filter-changed', { facet: 'classifications', key: 'power-tools', checked: $event.target.checked }) 10143 " 10144 10145 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10146 /> 10147 <label 10148 for="facet-classifications-power-tools" 10149 10150 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10151 > 10152 <span class="truncate" title="Power Tools"> 10153 Power Tools 10154 </span> 10155 10156 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">490</span> 10157 </label> 10158 </li> 10159 10160 <li 10161 wire:key="facet-classifications-hand-tools" 10162 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10163 style="padding-inline-start: 1.5rem" x-show="showAll || 55 < 6" 10164 > 10165 10166 <input 10167 type="checkbox" 10168 id="facet-classifications-hand-tools" 10169 :checked="!!(filters['classifications'] && filters['classifications']['hand-tools'])" 10170 @change=" 10171 if ($event.target.checked) { 10172 jitsuEvent('selectFilter', { 10173 filter_type: 'classifications', 10174 filter_value: 'hand-tools' }) 10175 }
10176 $dispatch('filter-changed', { facet: 'classifications', key: 'hand-tools', checked: $event.target.checked }) 10177 " 10178 10179 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10180 /> 10181 <label 10182 for="facet-classifications-hand-tools" 10183 10184 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10185 > 10186 <span class="truncate" title="Hand Tools"> 10187 Hand Tools 10188 </span> 10189 10190 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">907</span> 10191 </label> 10192 </li> 10193 10194 <li 10195 wire:key="facet-classifications-fluorescent-hid-lighting" 10196 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10197 x-show="showAll || 56 < 6" 10198 > 10199 10200 <input 10201 type="checkbox" 10202 id="facet-classifications-fluorescent-hid-lighting" 10203 :checked="!!(filters['classifications'] && filters['classifications']['fluorescent-hid-lighting'])" 10204 @change=" 10205 if ($event.target.checked) { 10206 jitsuEvent('selectFilter', { 10207 filter_type: 'classifications', 10208 filter_value: 'fluorescent-hid-lighting' }) 10209 } 10210 $dispatch('filter-changed', { facet: 'classifications', key: 'fluorescent-hid-lighting', checked: $event.target.checked }) 10211 " 10212 10213 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10214 /> 10215 <label 10216 for="facet-classifications-fluorescent-hid-lighting" 10217 10218 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10219 > 10220 <span class="truncate" title="Fluorescent & HID Lighting"> 10221 Fluorescent & HID Lighting 10222 </span> 10223 10224 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">
10224392</span> 10225 </label> 10226 </li> 10227 10228 <li 10229 wire:key="facet-classifications-fluorescent-tubes-fittings" 10230 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10231 style="padding-inline-start: 1.5rem" x-show="showAll || 57 < 6" 10232 > 10233 10234 <input 10235 type="checkbox" 10236 id="facet-classifications-fluorescent-tubes-fittings" 10237 :checked="!!(filters['classifications'] && filters['classifications']['fluorescent-tubes-fittings'])" 10238 @change=" 10239 if ($event.target.checked) { 10240 jitsuEvent('selectFilter', { 10241 filter_type: 'classifications', 10242 filter_value: 'fluorescent-tubes-fittings' }) 10243 } 10244 $dispatch('filter-changed', { facet: 'classifications', key: 'fluorescent-tubes-fittings', checked: $event.target.checked }) 10245 " 10246 10247 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10248 /> 10249 <label 10250 for="facet-classifications-fluorescent-tubes-fittings" 10251 10252 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10253 > 10254 <span class="truncate" title="Fluorescent Tubes & Fittings"> 10255 Fluorescent Tubes & Fittings 10256 </span> 10257 10258 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">139</span> 10259 </label> 10260 </li> 10261 10262 <li 10263 wire:key="facet-classifications-hid-lamps" 10264 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10265 style="padding-inline-start: 1.5rem" x-show="showAll || 58 < 6" 10266 > 10267 10268 <input 10269 type="checkbox" 10270 id="facet-classifications-hid-lamps" 10271 :checked="!!(filters['classifications'] && filters['classifications']['hid-lamps'])" 10272 @change=" 10273 if ($event.target.checked) { 10274 jitsuEvent('selectFilter', { 10275 filter_type: 'classifications', 10276 filter_value: 'hid-lamps' }) 10277 } 10278 $dispatch('filter-changed', { facet: 'classifications', key: 'hid-lamps', checked: $event.target.checked }) 10279 " 10280 10281 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10282 /> 10283 <label 10284 for="facet-classifications-hid-lamps" 10285 10286 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10287 > 10288 <span class="truncate" title="HID Lamps"> 10289 HID Lamps 10290 </span> 10291
10292 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">212</span> 10293 </label> 10294 </li> 10295 10296 <li 10297 wire:key="facet-classifications-specialist-lamps" 10298 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10299 style="padding-inline-start: 1.5rem" x-show="showAll || 59 < 6" 10300 > 10301 10302 <input 10303 type="checkbox" 10304 id="facet-classifications-specialist-lamps" 10305 :checked="!!(filters['classifications'] && filters['classifications']['specialist-lamps'])" 10306 @change=" 10307 if ($event.target.checked) { 10308 jitsuEvent('selectFilter', { 10309 filter_type: 'classifications', 10310 filter_value: 'specialist-lamps' }) 10311 } 10312 $dispatch('filter-changed', { facet: 'classifications', key: 'specialist-lamps', checked: $event.target.checked }) 10313 " 10314 10315 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10316 /> 10317 <label 10318 for="facet-classifications-specialist-lamps" 10319 10320 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10321 > 10322 <span class="truncate" title="Specialist Lamps"> 10323 Specialist Lamps 10324 </span> 10325 10326 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">43</span> 10327 </label> 10328 </li> 10329 10330 <li 10331 wire:key="facet-classifications-emergency-lighting-batteries" 10332 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10333 style="padding-inline-start: 1.5rem" x-show="showAll || 60 < 6" 10334 > 10335 10336 <input 10337 type="checkbox" 10338 id="facet-classifications-emergency-lighting-batteries" 10339 :checked="!!(filters['classifications'] && filters['classifications']['emergency-lighting-batteries'])" 10340 @change=" 10341 if ($event.target.checked) { 10342 jitsuEvent('selectFilter', { 10343 filter_type: 'classifications', 10344 filter_value: 'emergency-lighting-batteries' }) 10345 } 10346 $dispatch('filter-changed', { facet: 'classifications', key: 'emergency-lighting-batteries', checked: $event.target.checked }) 10347 " 10348 10349 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10350 /> 10351 <label 10352 for="facet-classifications-emergency-lighting-batteries" 10353 10354 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10355 >
10356 <span class="truncate" title="Emergency Lighting Batteries"> 10357 Emergency Lighting Batteries 10358 </span> 10359 10360 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">6</span> 10361 </label> 10362 </li> 10363 10364 <li 10365 wire:key="facet-classifications-fire-detection-alarms" 10366 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10367 x-show="showAll || 61 < 6" 10368 > 10369 10370 <input 10371 type="checkbox" 10372 id="facet-classifications-fire-detection-alarms" 10373 :checked="!!(filters['classifications'] && filters['classifications']['fire-detection-alarms'])" 10374 @change=" 10375 if ($event.target.checked) { 10376 jitsuEvent('selectFilter', { 10377 filter_type: 'classifications', 10378 filter_value: 'fire-detection-alarms' }) 10379 } 10380 $dispatch('filter-changed', { facet: 'classifications', key: 'fire-detection-alarms', checked: $event.target.checked }) 10381 " 10382 10383 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10384 /> 10385 <label 10386 for="facet-classifications-fire-detection-alarms" 10387 10388 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10389 > 10390 <span class="truncate" title="Fire Detection & Alarms"> 10391 Fire Detection & Alarms 10392 </span> 10393 10394 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">113</span> 10395 </label> 10396 </li> 10397 10398 <li 10399 wire:key="facet-classifications-fire-alarms" 10400 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10401 style="padding-inline-start: 1.5rem" x-show="showAll || 62 < 6" 10402 > 10403 10404 <input 10405 type="checkbox" 10406 id="facet-classifications-fire-alarms" 10407 :checked="!!(filters['classifications'] && filters['classifications']['fire-alarms'])" 10408 @change=" 10409 if ($event.target.checked) { 10410 jitsuEvent('selectFilter', { 10411 filter_type: 'classifications', 10412 filter_value: 'fire-alarms' }) 10413 } 10414 $dispatch('filter-changed', { facet: 'classifications', key: 'fire-alarms', checked: $event.target.checked }) 10415 " 10416 10417 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10418 /> 10419 <label 10420 for="facet-classifications-fire-alarms" 10421 10422 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10423 >
10424 <span class="truncate" title="Fire Alarms"> 10425 Fire Alarms 10426 </span> 10427 10428 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">17</span> 10429 </label> 10430 </li> 10431 10432 <li 10433 wire:key="facet-classifications-fire-detection-systems" 10434 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10435 style="padding-inline-start: 1.5rem" x-show="showAll || 63 < 6" 10436 > 10437 10438 <input 10439 type="checkbox" 10440 id="facet-classifications-fire-detection-systems" 10441 :checked="!!(filters['classifications'] && filters['classifications']['fire-detection-systems'])" 10442 @change=" 10443 if ($event.target.checked) { 10444 jitsuEvent('selectFilter', { 10445 filter_type: 'classifications', 10446 filter_value: 'fire-detection-systems' }) 10447 } 10448 $dispatch('filter-changed', { facet: 'classifications', key: 'fire-detection-systems', checked: $event.target.checked }) 10449 " 10450 10451 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10452 /> 10453 <label 10454 for="facet-classifications-fire-detection-systems" 10455 10456 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10457 > 10458 <span class="truncate" title="Fire Detection Systems"> 10459 Fire Detection Systems 10460 </span> 10461 10462 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">7</span> 10463 </label> 10464 </li> 10465 10466 <li 10467 wire:key="facet-classifications-smoke-detectors" 10468 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10469 style="padding-inline-start: 1.5rem" x-show="showAll || 64 < 6" 10470 > 10471 10472 <input 10473 type="checkbox" 10474 id="facet-classifications-smoke-detectors" 10475 :checked="!!(filters['classifications'] && filters['classifications']['smoke-detectors'])" 10476 @change=" 10477 if ($event.target.checked) { 10478 jitsuEvent('selectFilter', { 10479 filter_type: 'classifications', 10480 filter_value: 'smoke-detectors' }) 10481 } 10482 $dispatch('filter-changed', { facet: 'classifications', key: 'smoke-detectors', checked: $event.target.checked }) 10483 " 10484 10485 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10486 /> 10487 <label 10488 for="facet-classifications-smoke-detectors" 10489 10490 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10491 >
10492 <span class="truncate" title="Smoke Detectors"> 10493 Smoke Detectors 10494 </span> 10495 10496 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">20</span> 10497 </label> 10498 </li> 10499 10500 <li 10501 wire:key="facet-classifications-fire-alarm-accessories" 10502 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10503 style="padding-inline-start: 1.5rem" x-show="showAll || 65 < 6" 10504 > 10505 10506 <input 10507 type="checkbox" 10508 id="facet-classifications-fire-alarm-accessories" 10509 :checked="!!(filters['classifications'] && filters['classifications']['fire-alarm-accessories'])" 10510 @change=" 10511 if ($event.target.checked) { 10512 jitsuEvent('selectFilter', { 10513 filter_type: 'classifications', 10514 filter_value: 'fire-alarm-accessories' }) 10515 } 10516 $dispatch('filter-changed', { facet: 'classifications', key: 'fire-alarm-accessories', checked: $event.target.checked }) 10517 " 10518 10519 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10520 /> 10521 <label 10522 for="facet-classifications-fire-alarm-accessories" 10523 10524 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10525 > 10526 <span class="truncate" title="Fire Alarm Accessories"> 10527 Fire Alarm Accessories 10528 </span> 10529 10530 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">69</span> 10531 </label> 10532 </li> 10533 10534 <li 10535 wire:key="facet-classifications-security-access-control" 10536 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10537 x-show="showAll || 66 < 6" 10538 > 10539 10540 <input 10541 type="checkbox" 10542 id="facet-classifications-security-access-control" 10543 :checked="!!(filters['classifications'] && filters['classifications']['security-access-control'])" 10544 @change=" 10545 if ($event.target.checked) { 10546 jitsuEvent('selectFilter', { 10547 filter_type: 'classifications', 10548 filter_value: 'security-access-control' }) 10549 } 10550 $dispatch('filter-changed', { facet: 'classifications', key: 'security-access-control', checked: $event.target.checked }) 10551 " 10552 10553 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10554 /> 10555 <label 10556 for="facet-classifications-security-access-control" 10557 10558 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10559 >
10560 <span class="truncate" title="Security & Access Control"> 10561 Security & Access Control 10562 </span> 10563 10564 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">412</span> 10565 </label> 10566 </li> 10567 10568 <li 10569 wire:key="facet-classifications-cctv-systems" 10570 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10571 style="padding-inline-start: 1.5rem" x-show="showAll || 67 < 6" 10572 > 10573 10574 <input 10575 type="checkbox" 10576 id="facet-classifications-cctv-systems" 10577 :checked="!!(filters['classifications'] && filters['classifications']['cctv-systems'])" 10578 @change=" 10579 if ($event.target.checked) { 10580 jitsuEvent('selectFilter', { 10581 filter_type: 'classifications', 10582 filter_value: 'cctv-systems' }) 10583 } 10584 $dispatch('filter-changed', { facet: 'classifications', key: 'cctv-systems', checked: $event.target.checked }) 10585 " 10586 10587 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10588 /> 10589 <label 10590 for="facet-classifications-cctv-systems" 10591 10592 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10593 > 10594 <span class="truncate" title="CCTV Systems"> 10595 CCTV Systems 10596 </span> 10597 10598 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">28</span> 10599 </label> 10600 </li> 10601 10602 <li 10603 wire:key="facet-classifications-access-control-systems" 10604 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10605 style="padding-inline-start: 1.5rem" x-show="showAll || 68 < 6" 10606 > 10607 10608 <input 10609 type="checkbox" 10610 id="facet-classifications-access-control-systems" 10611 :checked="!!(filters['classifications'] && filters['classifications']['access-control-systems'])" 10612 @change=" 10613 if ($event.target.checked) { 10614 jitsuEvent('selectFilter', { 10615 filter_type: 'classifications', 10616 filter_value: 'access-control-systems' }) 10617 } 10618 $dispatch('filter-changed', { facet: 'classifications', key: 'access-control-systems', checked: $event.target.checked }) 10619 " 10620 10621 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10622 /> 10623 <label 10624 for="facet-classifications-access-control-systems" 10625 10626 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10627 >
10628 <span class="truncate" title="Access Control Systems"> 10629 Access Control Systems 10630 </span> 10631 10632 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">205</span> 10633 </label> 10634 </li> 10635 10636 <li 10637 wire:key="facet-classifications-security-accessories" 10638 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10639 style="padding-inline-start: 1.5rem" x-show="showAll || 69 < 6" 10640 > 10641 10642 <input 10643 type="checkbox" 10644 id="facet-classifications-security-accessories" 10645 :checked="!!(filters['classifications'] && filters['classifications']['security-accessories'])" 10646 @change=" 10647 if ($event.target.checked) { 10648 jitsuEvent('selectFilter', { 10649 filter_type: 'classifications', 10650 filter_value: 'security-accessories' }) 10651 } 10652 $dispatch('filter-changed', { facet: 'classifications', key: 'security-accessories', checked: $event.target.checked }) 10653 " 10654 10655 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10656 /> 10657 <label 10658 for="facet-classifications-security-accessories" 10659 10660 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10661 > 10662 <span class="truncate" title="Security Accessories"> 10663 Security Accessories 10664 </span> 10665 10666 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">191</span> 10667 </label> 10668 </li> 10669 10670 <li 10671 wire:key="facet-classifications-transformers-power-supplies" 10672 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10673 x-show="showAll || 70 < 6" 10674 > 10675 10676 <input 10677 type="checkbox" 10678 id="facet-classifications-transformers-power-supplies" 10679 :checked="!!(filters['classifications'] && filters['classifications']['transformers-power-supplies'])" 10680 @change=" 10681 if ($event.target.checked) { 10682 jitsuEvent('selectFilter', { 10683 filter_type: 'classifications', 10684 filter_value: 'transformers-power-supplies' }) 10685 } 10686 $dispatch('filter-changed', { facet: 'classifications', key: 'transformers-power-supplies', checked: $event.target.checked }) 10687 " 10688 10689 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10690 /> 10691 <label 10692 for="facet-classifications-transformers-power-supplies" 10693 10694 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10695 >
10696 <span class="truncate" title="Transformers & Power Supplies"> 10697 Transformers & Power Supplies 10698 </span> 10699 10700 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1379</span> 10701 </label> 10702 </li> 10703 10704 <li 10705 wire:key="facet-classifications-electrical-transformers" 10706 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10707 style="padding-inline-start: 1.5rem" x-show="showAll || 71 < 6" 10708 > 10709 10710 <input 10711 type="checkbox" 10712 id="facet-classifications-electrical-transformers" 10713 :checked="!!(filters['classifications'] && filters['classifications']['electrical-transformers'])" 10714 @change=" 10715 if ($event.target.checked) { 10716 jitsuEvent('selectFilter', { 10717 filter_type: 'classifications', 10718 filter_value: 'electrical-transformers' }) 10719 } 10720 $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-transformers', checked: $event.target.checked }) 10721 " 10722 10723 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10724 /> 10725 <label 10726 for="facet-classifications-electrical-transformers" 10727 10728 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10729 > 10730 <span class="truncate" title="Electrical Transformers"> 10731 Electrical Transformers 10732 </span> 10733 10734 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">649</span> 10735 </label> 10736 </li> 10737 10738 <li 10739 wire:key="facet-classifications-power-supplies" 10740 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10741 style="padding-inline-start: 1.5rem" x-show="showAll || 72 < 6" 10742 > 10743 10744 <input 10745 type="checkbox" 10746 id="facet-classifications-power-supplies" 10747 :checked="!!(filters['classifications'] && filters['classifications']['power-supplies'])" 10748 @change=" 10749 if ($event.target.checked) { 10750 jitsuEvent('selectFilter', { 10751 filter_type: 'classifications', 10752 filter_value: 'power-supplies' }) 10753 } 10754 $dispatch('filter-changed', { facet: 'classifications', key: 'power-supplies', checked: $event.target.checked }) 10755 " 10756 10757 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10758 /> 10759 <label 10760 for="facet-classifications-power-supplies" 10761 10762 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10763 >
10764 <span class="truncate" title="Power Supplies"> 10765 Power Supplies 10766 </span> 10767 10768 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">583</span> 10769 </label> 10770 </li> 10771 10772 <li 10773 wire:key="facet-classifications-din-rail-power-supplies" 10774 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10775 style="padding-inline-start: 1.5rem" x-show="showAll || 73 < 6" 10776 > 10777 10778 <input 10779 type="checkbox" 10780 id="facet-classifications-din-rail-power-supplies" 10781 :checked="!!(filters['classifications'] && filters['classifications']['din-rail-power-supplies'])" 10782 @change=" 10783 if ($event.target.checked) { 10784 jitsuEvent('selectFilter', { 10785 filter_type: 'classifications', 10786 filter_value: 'din-rail-power-supplies' }) 10787 } 10788 $dispatch('filter-changed', { facet: 'classifications', key: 'din-rail-power-supplies', checked: $event.target.checked }) 10789 " 10790 10791 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10792 /> 10793 <label 10794 for="facet-classifications-din-rail-power-supplies" 10795 10796 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10797 > 10798 <span class="truncate" title="DIN Rail Power Supplies"> 10799 DIN Rail Power Supplies 10800 </span> 10801 10802 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">140</span> 10803 </label> 10804 </li> 10805 10806 <li 10807 wire:key="facet-classifications-building-controls-automation" 10808 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10809 x-show="showAll || 74 < 6" 10810 > 10811 10812 <input 10813 type="checkbox" 10814 id="facet-classifications-building-controls-automation" 10815 :checked="!!(filters['classifications'] && filters['classifications']['building-controls-automation'])" 10816 @change=" 10817 if ($event.target.checked) { 10818 jitsuEvent('selectFilter', { 10819 filter_type: 'classifications', 10820 filter_value: 'building-controls-automation' }) 10821 } 10822 $dispatch('filter-changed', { facet: 'classifications', key: 'building-controls-automation', checked: $event.target.checked }) 10823 " 10824 10825 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10826 /> 10827 <label 10828 for="facet-classifications-building-controls-automation" 10829 10830 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10831 >
10832 <span class="truncate" title="Building Controls & Automation"> 10833 Building Controls & Automation 10834 </span> 10835 10836 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">5715</span> 10837 </label> 10838 </li> 10839 10840 <li 10841 wire:key="facet-classifications-lighting-control-systems" 10842 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10843 style="padding-inline-start: 1.5rem" x-show="showAll || 75 < 6" 10844 > 10845 10846 <input 10847 type="checkbox" 10848 id="facet-classifications-lighting-control-systems" 10849 :checked="!!(filters['classifications'] && filters['classifications']['lighting-control-systems'])" 10850 @change=" 10851 if ($event.target.checked) { 10852 jitsuEvent('selectFilter', { 10853 filter_type: 'classifications', 10854 filter_value: 'lighting-control-systems' }) 10855 } 10856 $dispatch('filter-changed', { facet: 'classifications', key: 'lighting-control-systems', checked: $event.target.checked }) 10857 " 10858 10859 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10860 /> 10861 <label 10862 for="facet-classifications-lighting-control-systems" 10863 10864 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10865 > 10866 <span class="truncate" title="Lighting Control Systems"> 10867 Lighting Control Systems 10868 </span> 10869 10870 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1175</span> 10871 </label> 10872 </li> 10873 10874 <li 10875 wire:key="facet-classifications-sensors" 10876 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10877 style="padding-inline-start: 1.5rem" x-show="showAll || 76 < 6" 10878 > 10879 10880 <input 10881 type="checkbox" 10882 id="facet-classifications-sensors" 10883 :checked="!!(filters['classifications'] && filters['classifications']['sensors'])" 10884 @change=" 10885 if ($event.target.checked) { 10886 jitsuEvent('selectFilter', { 10887 filter_type: 'classifications', 10888 filter_value: 'sensors' }) 10889 } 10890 $dispatch('filter-changed', { facet: 'classifications', key: 'sensors', checked: $event.target.checked }) 10891 " 10892 10893 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10894 /> 10895 <label 10896 for="facet-classifications-sensors" 10897 10898 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10899 >
10900 <span class="truncate" title="Sensors"> 10901 Sensors 10902 </span> 10903 10904 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1120</span> 10905 </label> 10906 </li> 10907 10908 <li 10909 wire:key="facet-classifications-plcs" 10910 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10911 style="padding-inline-start: 1.5rem" x-show="showAll || 77 < 6" 10912 > 10913 10914 <input 10915 type="checkbox" 10916 id="facet-classifications-plcs" 10917 :checked="!!(filters['classifications'] && filters['classifications']['plcs'])" 10918 @change=" 10919 if ($event.target.checked) { 10920 jitsuEvent('selectFilter', { 10921 filter_type: 'classifications', 10922 filter_value: 'plcs' }) 10923 } 10924 $dispatch('filter-changed', { facet: 'classifications', key: 'plcs', checked: $event.target.checked }) 10925 " 10926 10927 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10928 /> 10929 <label 10930 for="facet-classifications-plcs" 10931 10932 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10933 > 10934 <span class="truncate" title="PLCs"> 10935 PLCs 10936 </span> 10937 10938 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">3014</span> 10939 </label> 10940 </li> 10941 10942 <li 10943 wire:key="facet-classifications-energy-monitoring-systems" 10944 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10945 style="padding-inline-start: 1.5rem" x-show="showAll || 78 < 6" 10946 > 10947 10948 <input 10949 type="checkbox" 10950 id="facet-classifications-energy-monitoring-systems" 10951 :checked="!!(filters['classifications'] && filters['classifications']['energy-monitoring-systems'])" 10952 @change=" 10953 if ($event.target.checked) { 10954 jitsuEvent('selectFilter', { 10955 filter_type: 'classifications', 10956 filter_value: 'energy-monitoring-systems' }) 10957 } 10958 $dispatch('filter-changed', { facet: 'classifications', key: 'energy-monitoring-systems', checked: $event.target.checked }) 10959 " 10960 10961 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10962 /> 10963 <label 10964 for="facet-classifications-energy-monitoring-systems" 10965 10966 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 10967 >
10968 <span class="truncate" title="Energy Monitoring Systems"> 10969 Energy Monitoring Systems 10970 </span> 10971 10972 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">458</span> 10973 </label> 10974 </li> 10975 10976 <li 10977 wire:key="facet-classifications-renewable-energy-ev-charging" 10978 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 10979 x-show="showAll || 79 < 6" 10980 > 10981 10982 <input 10983 type="checkbox" 10984 id="facet-classifications-renewable-energy-ev-charging" 10985 :checked="!!(filters['classifications'] && filters['classifications']['renewable-energy-ev-charging'])" 10986 @change=" 10987 if ($event.target.checked) { 10988 jitsuEvent('selectFilter', { 10989 filter_type: 'classifications', 10990 filter_value: 'renewable-energy-ev-charging' }) 10991 } 10992 $dispatch('filter-changed', { facet: 'classifications', key: 'renewable-energy-ev-charging', checked: $event.target.checked }) 10993 " 10994 10995 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 10996 /> 10997 <label 10998 for="facet-classifications-renewable-energy-ev-charging" 10999 11000 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11001 > 11002 <span class="truncate" title="Renewable Energy & EV Charging"> 11003 Renewable Energy & EV Charging 11004 </span> 11005 11006 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">307</span> 11007 </label> 11008 </li> 11009 11010 <li 11011 wire:key="facet-classifications-ev-charging-points" 11012 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11013 style="padding-inline-start: 1.5rem" x-show="showAll || 80 < 6" 11014 > 11015 11016 <input 11017 type="checkbox" 11018 id="facet-classifications-ev-charging-points" 11019 :checked="!!(filters['classifications'] && filters['classifications']['ev-charging-points'])" 11020 @change=" 11021 if ($event.target.checked) { 11022 jitsuEvent('selectFilter', { 11023 filter_type: 'classifications', 11024 filter_value: 'ev-charging-points' }) 11025 } 11026 $dispatch('filter-changed', { facet: 'classifications', key: 'ev-charging-points', checked: $event.target.checked }) 11027 " 11028 11029 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11030 /> 11031 <label 11032 for="facet-classifications-ev-charging-points" 11033 11034 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11035 >
11036 <span class="truncate" title="EV Charging Points"> 11037 EV Charging Points 11038 </span> 11039 11040 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">215</span> 11041 </label> 11042 </li> 11043 11044 <li 11045 wire:key="facet-classifications-solar-pv-components" 11046 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11047 style="padding-inline-start: 1.5rem" x-show="showAll || 81 < 6" 11048 > 11049 11050 <input 11051 type="checkbox" 11052 id="facet-classifications-solar-pv-components" 11053 :checked="!!(filters['classifications'] && filters['classifications']['solar-pv-components'])" 11054 @change=" 11055 if ($event.target.checked) { 11056 jitsuEvent('selectFilter', { 11057 filter_type: 'classifications', 11058 filter_value: 'solar-pv-components' }) 11059 } 11060 $dispatch('filter-changed', { facet: 'classifications', key: 'solar-pv-components', checked: $event.target.checked }) 11061 " 11062 11063 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11064 /> 11065 <label 11066 for="facet-classifications-solar-pv-components" 11067 11068 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11069 > 11070 <span class="truncate" title="Solar PV Components"> 11071 Solar PV Components 11072 </span> 11073 11074 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">38</span> 11075 </label> 11076 </li> 11077 11078 <li 11079 wire:key="facet-classifications-energy-storage-systems" 11080 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11081 style="padding-inline-start: 1.5rem" x-show="showAll || 82 < 6" 11082 > 11083 11084 <input 11085 type="checkbox" 11086 id="facet-classifications-energy-storage-systems" 11087 :checked="!!(filters['classifications'] && filters['classifications']['energy-storage-systems'])" 11088 @change=" 11089 if ($event.target.checked) { 11090 jitsuEvent('selectFilter', { 11091 filter_type: 'classifications', 11092 filter_value: 'energy-storage-systems' }) 11093 } 11094 $dispatch('filter-changed', { facet: 'classifications', key: 'energy-storage-systems', checked: $event.target.checked }) 11095 " 11096 11097 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11098 /> 11099 <label 11100 for="facet-classifications-energy-storage-systems" 11101 11102 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11103 >
11104 <span class="truncate" title="Energy Storage Systems"> 11105 Energy Storage Systems 11106 </span> 11107 11108 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">33</span> 11109 </label> 11110 </li> 11111 11112 <li 11113 wire:key="facet-classifications-energy-monitoring" 11114 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11115 style="padding-inline-start: 1.5rem" x-show="showAll || 83 < 6" 11116 > 11117 11118 <input 11119 type="checkbox" 11120 id="facet-classifications-energy-monitoring" 11121 :checked="!!(filters['classifications'] && filters['classifications']['energy-monitoring'])" 11122 @change=" 11123 if ($event.target.checked) { 11124 jitsuEvent('selectFilter', { 11125 filter_type: 'classifications', 11126 filter_value: 'energy-monitoring' }) 11127 } 11128 $dispatch('filter-changed', { facet: 'classifications', key: 'energy-monitoring', checked: $event.target.checked }) 11129 " 11130 11131 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11132 /> 11133 <label 11134 for="facet-classifications-energy-monitoring" 11135 11136 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11137 > 11138 <span class="truncate" title="Energy Monitoring"> 11139 Energy Monitoring 11140 </span> 11141 11142 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">21</span> 11143 </label> 11144 </li> 11145 11146 <li 11147 wire:key="facet-classifications-electronic-components" 11148 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11149 x-show="showAll || 84 < 6" 11150 > 11151 11152 <input 11153 type="checkbox" 11154 id="facet-classifications-electronic-components" 11155 :checked="!!(filters['classifications'] && filters['classifications']['electronic-components'])" 11156 @change=" 11157 if ($event.target.checked) { 11158 jitsuEvent('selectFilter', { 11159 filter_type: 'classifications', 11160 filter_value: 'electronic-components' }) 11161 } 11162 $dispatch('filter-changed', { facet: 'classifications', key: 'electronic-components', checked: $event.target.checked }) 11163 " 11164 11165 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11166 /> 11167 <label 11168 for="facet-classifications-electronic-components" 11169 11170 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11171 >
11172 <span class="truncate" title="Electronic Components"> 11173 Electronic Components 11174 </span> 11175 11176 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2808</span> 11177 </label> 11178 </li> 11179 11180 <li 11181 wire:key="facet-classifications-resistors" 11182 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11183 style="padding-inline-start: 1.5rem" x-show="showAll || 85 < 6" 11184 > 11185 11186 <input 11187 type="checkbox" 11188 id="facet-classifications-resistors" 11189 :checked="!!(filters['classifications'] && filters['classifications']['resistors'])" 11190 @change=" 11191 if ($event.target.checked) { 11192 jitsuEvent('selectFilter', { 11193 filter_type: 'classifications', 11194 filter_value: 'resistors' }) 11195 } 11196 $dispatch('filter-changed', { facet: 'classifications', key: 'resistors', checked: $event.target.checked }) 11197 " 11198 11199 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11200 /> 11201 <label 11202 for="facet-classifications-resistors" 11203 11204 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11205 > 11206 <span class="truncate" title="Resistors"> 11207 Resistors 11208 </span> 11209 11210 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">110</span> 11211 </label> 11212 </li> 11213 11214 <li 11215 wire:key="facet-classifications-capacitors" 11216 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11217 style="padding-inline-start: 1.5rem" x-show="showAll || 86 < 6" 11218 > 11219 11220 <input 11221 type="checkbox" 11222 id="facet-classifications-capacitors" 11223 :checked="!!(filters['classifications'] && filters['classifications']['capacitors'])" 11224 @change=" 11225 if ($event.target.checked) { 11226 jitsuEvent('selectFilter', { 11227 filter_type: 'classifications', 11228 filter_value: 'capacitors' }) 11229 } 11230 $dispatch('filter-changed', { facet: 'classifications', key: 'capacitors', checked: $event.target.checked }) 11231 " 11232 11233 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11234 /> 11235 <label 11236 for="facet-classifications-capacitors" 11237 11238 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11239 >
11240 <span class="truncate" title="Capacitors"> 11241 Capacitors 11242 </span> 11243 11244 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">119</span> 11245 </label> 11246 </li> 11247 11248 <li 11249 wire:key="facet-classifications-transistors" 11250 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11251 style="padding-inline-start: 1.5rem" x-show="showAll || 87 < 6" 11252 > 11253 11254 <input 11255 type="checkbox" 11256 id="facet-classifications-transistors" 11257 :checked="!!(filters['classifications'] && filters['classifications']['transistors'])" 11258 @change=" 11259 if ($event.target.checked) { 11260 jitsuEvent('selectFilter', { 11261 filter_type: 'classifications', 11262 filter_value: 'transistors' }) 11263 } 11264 $dispatch('filter-changed', { facet: 'classifications', key: 'transistors', checked: $event.target.checked }) 11265 " 11266 11267 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11268 /> 11269 <label 11270 for="facet-classifications-transistors" 11271 11272 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11273 > 11274 <span class="truncate" title="Transistors"> 11275 Transistors 11276 </span> 11277 11278 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">4</span> 11279 </label> 11280 </li> 11281 11282 <li 11283 wire:key="facet-classifications-diodes" 11284 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11285 style="padding-inline-start: 1.5rem" x-show="showAll || 88 < 6" 11286 > 11287 11288 <input 11289 type="checkbox" 11290 id="facet-classifications-diodes" 11291 :checked="!!(filters['classifications'] && filters['classifications']['diodes'])" 11292 @change=" 11293 if ($event.target.checked) { 11294 jitsuEvent('selectFilter', { 11295 filter_type: 'classifications', 11296 filter_value: 'diodes' }) 11297 } 11298 $dispatch('filter-changed', { facet: 'classifications', key: 'diodes', checked: $event.target.checked }) 11299 " 11300 11301 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11302 /> 11303 <label 11304 for="facet-classifications-diodes" 11305 11306 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11307 > 11308 <span class="truncate" title="Diodes"> 11309 Diodes 11310 </span> 11311
11312 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">122</span> 11313 </label> 11314 </li> 11315 11316 <li 11317 wire:key="facet-classifications-relays" 11318 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11319 style="padding-inline-start: 1.5rem" x-show="showAll || 89 < 6" 11320 > 11321 11322 <input 11323 type="checkbox" 11324 id="facet-classifications-relays" 11325 :checked="!!(filters['classifications'] && filters['classifications']['relays'])" 11326 @change=" 11327 if ($event.target.checked) { 11328 jitsuEvent('selectFilter', { 11329 filter_type: 'classifications', 11330 filter_value: 'relays' }) 11331 } 11332 $dispatch('filter-changed', { facet: 'classifications', key: 'relays', checked: $event.target.checked }) 11333 " 11334 11335 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11336 /> 11337 <label 11338 for="facet-classifications-relays" 11339 11340 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11341 > 11342 <span class="truncate" title="Relays"> 11343 Relays 11344 </span> 11345 11346 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">
113462064</span> 11347 </label> 11348 </li> 11349 11350 <li 11351 wire:key="facet-classifications-semiconductors" 11352 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11353 style="padding-inline-start: 1.5rem" x-show="showAll || 90 < 6" 11354 > 11355 11356 <input 11357 type="checkbox" 11358 id="facet-classifications-semiconductors" 11359 :checked="!!(filters['classifications'] && filters['classifications']['semiconductors'])" 11360 @change=" 11361 if ($event.target.checked) { 11362 jitsuEvent('selectFilter', { 11363 filter_type: 'classifications', 11364 filter_value: 'semiconductors' }) 11365 } 11366 $dispatch('filter-changed', { facet: 'classifications', key: 'semiconductors', checked: $event.target.checked }) 11367 " 11368 11369 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11370 /> 11371 <label 11372 for="facet-classifications-semiconductors" 11373 11374 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11375 > 11376 <span class="truncate" title="Semiconductors"> 11377 Semiconductors 11378 </span> 11379 11380 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">251</span> 11381 </label> 11382 </li> 11383 11384 <li 11385 wire:key="facet-classifications-inductors" 11386 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11387 style="padding-inline-start: 1.5rem" x-show="showAll || 91 < 6" 11388 > 11389 11390 <input 11391 type="checkbox" 11392 id="facet-classifications-inductors" 11393 :checked="!!(filters['classifications'] && filters['classifications']['inductors'])" 11394 @change=" 11395 if ($event.target.checked) { 11396 jitsuEvent('selectFilter', { 11397 filter_type: 'classifications', 11398 filter_value: 'inductors' }) 11399 } 11400 $dispatch('filter-changed', { facet: 'classifications', key: 'inductors', checked: $event.target.checked }) 11401 " 11402 11403 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11404 /> 11405 <label 11406 for="facet-classifications-inductors" 11407 11408 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11409 > 11410 <span class="truncate" title="Inductors"> 11411 Inductors 11412 </span> 11413 11414 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">72</span> 11415 </label> 11416 </li> 11417 11418 <li 11419 wire:key="facet-classifications-microcontrollers" 11420 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11421 style="padding-inline-start: 1.5rem" x-show="showAll || 92 < 6" 11422 > 11423 11424 <input 11425 type="checkbox" 11426 id="facet-classifications-microcontrollers" 11427 :checked="!!(filters['classifications'] && filters['classifications']['microcontrollers'])" 11428 @change=" 11429 if ($event.target.checked) { 11430 jitsuEvent('selectFilter', { 11431 filter_type: 'classifications', 11432 filter_value: 'microcontrollers' }) 11433 }
11434 $dispatch('filter-changed', { facet: 'classifications', key: 'microcontrollers', checked: $event.target.checked }) 11435 " 11436 11437 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11438 /> 11439 <label 11440 for="facet-classifications-microcontrollers" 11441 11442 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11443 > 11444 <span class="truncate" title="Microcontrollers"> 11445 Microcontrollers 11446 </span> 11447 11448 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">45</span> 11449 </label> 11450 </li> 11451 11452 <li 11453 wire:key="facet-classifications-enclosures-panels" 11454 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11455 x-show="showAll || 93 < 6" 11456 > 11457 11458 <input 11459 type="checkbox" 11460 id="facet-classifications-enclosures-panels" 11461 :checked="!!(filters['classifications'] && filters['classifications']['enclosures-panels'])" 11462 @change=" 11463 if ($event.target.checked) { 11464 jitsuEvent('selectFilter', { 11465 filter_type: 'classifications', 11466 filter_value: 'enclosures-panels' }) 11467 } 11468 $dispatch('filter-changed', { facet: 'classifications', key: 'enclosures-panels', checked: $event.target.checked }) 11469 " 11470 11471 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11472 /> 11473 <label 11474 for="facet-classifications-enclosures-panels" 11475 11476 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11477 > 11478 <span class="truncate" title="Enclosures & Panels"> 11479 Enclosures & Panels 11480 </span> 11481 11482 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">12701</span> 11483 </label> 11484 </li> 11485 11486 <li 11487 wire:key="facet-classifications-electrical-enclosures" 11488 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11489 style="padding-inline-start: 1.5rem" x-show="showAll || 94 < 6" 11490 > 11491 11492 <input 11493 type="checkbox" 11494 id="facet-classifications-electrical-enclosures" 11495 :checked="!!(filters['classifications'] && filters['classifications']['electrical-enclosures'])" 11496 @change=" 11497 if ($event.target.checked) { 11498 jitsuEvent('selectFilter', { 11499 filter_type: 'classifications', 11500 filter_value: 'electrical-enclosures' }) 11501 }
11502 $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-enclosures', checked: $event.target.checked }) 11503 " 11504 11505 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11506 /> 11507 <label 11508 for="facet-classifications-electrical-enclosures" 11509 11510 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11511 > 11512 <span class="truncate" title="Electrical Enclosures"> 11513 Electrical Enclosures 11514 </span> 11515 11516 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">8397</span> 11517 </label> 11518 </li> 11519 11520 <li 11521 wire:key="facet-classifications-control-panels" 11522 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11523 style="padding-inline-start: 1.5rem" x-show="showAll || 95 < 6" 11524 > 11525 11526 <input 11527 type="checkbox" 11528 id="facet-classifications-control-panels" 11529 :checked="!!(filters['classifications'] && filters['classifications']['control-panels'])" 11530 @change=" 11531 if ($event.target.checked) { 11532 jitsuEvent('selectFilter', { 11533 filter_type: 'classifications', 11534 filter_value: 'control-panels' }) 11535 } 11536 $dispatch('filter-changed', { facet: 'classifications', key: 'control-panels', checked: $event.target.checked }) 11537 " 11538 11539 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11540 /> 11541 <label 11542 for="facet-classifications-control-panels" 11543 11544 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11545 > 11546 <span class="truncate" title="Control Panels"> 11547 Control Panels 11548 </span> 11549 11550 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">3365</span> 11551 </label> 11552 </li> 11553 11554 <li 11555 wire:key="facet-classifications-weatherproof-enclosures" 11556 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11557 style="padding-inline-start: 1.5rem" x-show="showAll || 96 < 6" 11558 > 11559 11560 <input 11561 type="checkbox" 11562 id="facet-classifications-weatherproof-enclosures" 11563 :checked="!!(filters['classifications'] && filters['classifications']['weatherproof-enclosures'])" 11564 @change=" 11565 if ($event.target.checked) { 11566 jitsuEvent('selectFilter', { 11567 filter_type: 'classifications', 11568 filter_value: 'weatherproof-enclosures' }) 11569 }
11570 $dispatch('filter-changed', { facet: 'classifications', key: 'weatherproof-enclosures', checked: $event.target.checked }) 11571 " 11572 11573 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11574 /> 11575 <label 11576 for="facet-classifications-weatherproof-enclosures" 11577 11578 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11579 > 11580 <span class="truncate" title="Weatherproof Enclosures"> 11581 Weatherproof Enclosures 11582 </span> 11583 11584 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1459</span> 11585 </label> 11586 </li> 11587 11588 <li 11589 wire:key="facet-classifications-safety-equipment-workwear" 11590 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11591 x-show="showAll || 97 < 6" 11592 > 11593 11594 <input 11595 type="checkbox" 11596 id="facet-classifications-safety-equipment-workwear" 11597 :checked="!!(filters['classifications'] && filters['classifications']['safety-equipment-workwear'])" 11598 @change=" 11599 if ($event.target.checked) { 11600 jitsuEvent('selectFilter', { 11601 filter_type: 'classifications', 11602 filter_value: 'safety-equipment-workwear' }) 11603 } 11604 $dispatch('filter-changed', { facet: 'classifications', key: 'safety-equipment-workwear', checked: $event.target.checked }) 11605 " 11606 11607 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11608 /> 11609 <label 11610 for="facet-classifications-safety-equipment-workwear" 11611 11612 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11613 > 11614 <span class="truncate" title="Safety Equipment & Workwear"> 11615 Safety Equipment & Workwear 11616 </span> 11617 11618 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">45</span> 11619 </label> 11620 </li> 11621 11622 <li 11623 wire:key="facet-classifications-electrician-workwear" 11624 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11625 style="padding-inline-start: 1.5rem" x-show="showAll || 98 < 6" 11626 > 11627 11628 <input 11629 type="checkbox" 11630 id="facet-classifications-electrician-workwear" 11631 :checked="!!(filters['classifications'] && filters['classifications']['electrician-workwear'])" 11632 @change=" 11633 if ($event.target.checked) { 11634 jitsuEvent('selectFilter', { 11635 filter_type: 'classifications', 11636 filter_value: 'electrician-workwear' }) 11637 }
11638 $dispatch('filter-changed', { facet: 'classifications', key: 'electrician-workwear', checked: $event.target.checked }) 11639 " 11640 11641 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11642 /> 11643 <label 11644 for="facet-classifications-electrician-workwear" 11645 11646 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11647 > 11648 <span class="truncate" title="Electrician Workwear"> 11649 Electrician Workwear 11650 </span> 11651 11652 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">11</span> 11653 </label> 11654 </li> 11655 11656 <li 11657 wire:key="facet-classifications-personal-protective-equipment" 11658 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11659 style="padding-inline-start: 1.5rem" x-show="showAll || 99 < 6" 11660 > 11661 11662 <input 11663 type="checkbox" 11664 id="facet-classifications-personal-protective-equipment" 11665 :checked="!!(filters['classifications'] && filters['classifications']['personal-protective-equipment'])" 11666 @change=" 11667 if ($event.target.checked) { 11668 jitsuEvent('selectFilter', { 11669 filter_type: 'classifications', 11670 filter_value: 'personal-protective-equipment' }) 11671 } 11672 $dispatch('filter-changed', { facet: 'classifications', key: 'personal-protective-equipment', checked: $event.target.checked }) 11673 " 11674 11675 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11676 /> 11677 <label 11678 for="facet-classifications-personal-protective-equipment" 11679 11680 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11681 > 11682 <span class="truncate" title="Personal Protective Equipment"> 11683 Personal Protective Equipment 11684 </span> 11685 11686 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">25</span> 11687 </label> 11688 </li> 11689 11690 <li 11691 wire:key="facet-classifications-safety-gloves" 11692 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11693 style="padding-inline-start: 1.5rem" x-show="showAll || 100 < 6" 11694 > 11695 11696 <input 11697 type="checkbox" 11698 id="facet-classifications-safety-gloves" 11699 :checked="!!(filters['classifications'] && filters['classifications']['safety-gloves'])" 11700 @change=" 11701 if ($event.target.checked) { 11702 jitsuEvent('selectFilter', { 11703 filter_type: 'classifications', 11704 filter_value: 'safety-gloves' }) 11705 }
11706 $dispatch('filter-changed', { facet: 'classifications', key: 'safety-gloves', checked: $event.target.checked }) 11707 " 11708 11709 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11710 /> 11711 <label 11712 for="facet-classifications-safety-gloves" 11713 11714 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11715 > 11716 <span class="truncate" title="Safety Gloves"> 11717 Safety Gloves 11718 </span> 11719 11720 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">7</span> 11721 </label> 11722 </li> 11723 11724 <li 11725 wire:key="facet-classifications-hard-hats-safety-helmets" 11726 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11727 style="padding-inline-start: 1.5rem" x-show="showAll || 101 < 6" 11728 > 11729 11730 <input 11731 type="checkbox" 11732 id="facet-classifications-hard-hats-safety-helmets" 11733 :checked="!!(filters['classifications'] && filters['classifications']['hard-hats-safety-helmets'])" 11734 @change=" 11735 if ($event.target.checked) { 11736 jitsuEvent('selectFilter', { 11737 filter_type: 'classifications', 11738 filter_value: 'hard-hats-safety-helmets' }) 11739 } 11740 $dispatch('filter-changed', { facet: 'classifications', key: 'hard-hats-safety-helmets', checked: $event.target.checked }) 11741 " 11742 11743 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11744 /> 11745 <label 11746 for="facet-classifications-hard-hats-safety-helmets" 11747 11748 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11749 > 11750 <span class="truncate" title="Hard Hats & Safety Helmets"> 11751 Hard Hats & Safety Helmets 11752 </span> 11753 11754 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">2</span> 11755 </label> 11756 </li> 11757 11758 <li 11759 wire:key="facet-classifications-site-supplies-consumables" 11760 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11761 x-show="showAll || 102 < 6" 11762 > 11763 11764 <input 11765 type="checkbox" 11766 id="facet-classifications-site-supplies-consumables" 11767 :checked="!!(filters['classifications'] && filters['classifications']['site-supplies-consumables'])" 11768 @change=" 11769 if ($event.target.checked) { 11770 jitsuEvent('selectFilter', { 11771 filter_type: 'classifications', 11772 filter_value: 'site-supplies-consumables' }) 11773 }
11774 $dispatch('filter-changed', { facet: 'classifications', key: 'site-supplies-consumables', checked: $event.target.checked }) 11775 " 11776 11777 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11778 /> 11779 <label 11780 for="facet-classifications-site-supplies-consumables" 11781 11782 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11783 > 11784 <span class="truncate" title="Site Supplies & Consumables"> 11785 Site Supplies & Consumables 11786 </span> 11787 11788 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">3071</span> 11789 </label> 11790 </li> 11791 11792 <li 11793 wire:key="facet-classifications-fixings-fasteners" 11794 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11795 style="padding-inline-start: 1.5rem" x-show="showAll || 103 < 6" 11796 > 11797 11798 <input 11799 type="checkbox" 11800 id="facet-classifications-fixings-fasteners" 11801 :checked="!!(filters['classifications'] && filters['classifications']['fixings-fasteners'])" 11802 @change=" 11803 if ($event.target.checked) { 11804 jitsuEvent('selectFilter', { 11805 filter_type: 'classifications', 11806 filter_value: 'fixings-fasteners' }) 11807 } 11808 $dispatch('filter-changed', { facet: 'classifications', key: 'fixings-fasteners', checked: $event.target.checked }) 11809 " 11810 11811 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11812 /> 11813 <label 11814 for="facet-classifications-fixings-fasteners" 11815 11816 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11817 > 11818 <span class="truncate" title="Fixings & Fasteners"> 11819 Fixings & Fasteners 11820 </span> 11821 11822 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">1655</span> 11823 </label> 11824 </li> 11825 11826 <li 11827 wire:key="facet-classifications-electrical-tape-insulation" 11828 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11829 style="padding-inline-start: 1.5rem" x-show="showAll || 104 < 6" 11830 > 11831 11832 <input 11833 type="checkbox" 11834 id="facet-classifications-electrical-tape-insulation" 11835 :checked="!!(filters['classifications'] && filters['classifications']['electrical-tape-insulation'])" 11836 @change=" 11837 if ($event.target.checked) { 11838 jitsuEvent('selectFilter', { 11839 filter_type: 'classifications', 11840 filter_value: 'electrical-tape-insulation' }) 11841 }
11842 $dispatch('filter-changed', { facet: 'classifications', key: 'electrical-tape-insulation', checked: $event.target.checked }) 11843 " 11844 11845 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11846 /> 11847 <label 11848 for="facet-classifications-electrical-tape-insulation" 11849 11850 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11851 > 11852 <span class="truncate" title="Electrical Tape & Insulation"> 11853 Electrical Tape & Insulation 11854 </span> 11855 11856 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">483</span> 11857 </label> 11858 </li> 11859 11860 <li 11861 wire:key="facet-classifications-marking-identification" 11862 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11863 style="padding-inline-start: 1.5rem" x-show="showAll || 105 < 6" 11864 > 11865 11866 <input 11867 type="checkbox" 11868 id="facet-classifications-marking-identification" 11869 :checked="!!(filters['classifications'] && filters['classifications']['marking-identification'])" 11870 @change=" 11871 if ($event.target.checked) { 11872 jitsuEvent('selectFilter', { 11873 filter_type: 'classifications', 11874 filter_value: 'marking-identification' }) 11875 } 11876 $dispatch('filter-changed', { facet: 'classifications', key: 'marking-identification', checked: $event.target.checked }) 11877 " 11878 11879 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11880 /> 11881 <label 11882 for="facet-classifications-marking-identification" 11883 11884 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11885 > 11886 <span class="truncate" title="Marking & Identification"> 11887 Marking & Identification 11888 </span> 11889 11890 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">959</span> 11891 </label> 11892 </li> 11893 11894 <li 11895 wire:key="facet-classifications-computing-peripherals" 11896 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11897 x-show="showAll || 106 < 6" 11898 > 11899 11900 <input 11901 type="checkbox" 11902 id="facet-classifications-computing-peripherals" 11903 :checked="!!(filters['classifications'] && filters['classifications']['computing-peripherals'])" 11904 @change=" 11905 if ($event.target.checked) { 11906 jitsuEvent('selectFilter', { 11907 filter_type: 'classifications', 11908 filter_value: 'computing-peripherals' }) 11909 }
11910 $dispatch('filter-changed', { facet: 'classifications', key: 'computing-peripherals', checked: $event.target.checked }) 11911 " 11912 11913 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11914 /> 11915 <label 11916 for="facet-classifications-computing-peripherals" 11917 11918 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11919 > 11920 <span class="truncate" title="Computing & Peripherals"> 11921 Computing & Peripherals 11922 </span> 11923 11924 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">302</span> 11925 </label> 11926 </li> 11927 11928 <li 11929 wire:key="facet-classifications-pcs-laptops" 11930 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11931 style="padding-inline-start: 1.5rem" x-show="showAll || 107 < 6" 11932 > 11933 11934 <input 11935 type="checkbox" 11936 id="facet-classifications-pcs-laptops" 11937 :checked="!!(filters['classifications'] && filters['classifications']['pcs-laptops'])" 11938 @change=" 11939 if ($event.target.checked) { 11940 jitsuEvent('selectFilter', { 11941 filter_type: 'classifications', 11942 filter_value: 'pcs-laptops' }) 11943 } 11944 $dispatch('filter-changed', { facet: 'classifications', key: 'pcs-laptops', checked: $event.target.checked }) 11945 " 11946 11947 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11948 /> 11949 <label 11950 for="facet-classifications-pcs-laptops" 11951 11952 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11953 > 11954 <span class="truncate" title="PCs, Laptops"> 11955 PCs, Laptops 11956 </span> 11957 11958 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">20</span> 11959 </label> 11960 </li> 11961 11962 <li 11963 wire:key="facet-classifications-peripherals" 11964 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11965 style="padding-inline-start: 1.5rem" x-show="showAll || 108 < 6" 11966 > 11967 11968 <input 11969 type="checkbox" 11970 id="facet-classifications-peripherals" 11971 :checked="!!(filters['classifications'] && filters['classifications']['peripherals'])" 11972 @change=" 11973 if ($event.target.checked) { 11974 jitsuEvent('selectFilter', { 11975 filter_type: 'classifications', 11976 filter_value: 'peripherals' }) 11977 }
11978 $dispatch('filter-changed', { facet: 'classifications', key: 'peripherals', checked: $event.target.checked }) 11979 " 11980 11981 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 11982 /> 11983 <label 11984 for="facet-classifications-peripherals" 11985 11986 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 11987 > 11988 <span class="truncate" title="Peripherals"> 11989 Peripherals 11990 </span> 11991 11992 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">110</span> 11993 </label> 11994 </li> 11995 11996 <li 11997 wire:key="facet-classifications-networking" 11998 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 11999 style="padding-inline-start: 1.5rem" x-show="showAll || 109 < 6" 12000 > 12001 12002 <input 12003 type="checkbox" 12004 id="facet-classifications-networking" 12005 :checked="!!(filters['classifications'] && filters['classifications']['networking'])" 12006 @change=" 12007 if ($event.target.checked) { 12008 jitsuEvent('selectFilter', { 12009 filter_type: 'classifications', 12010 filter_value: 'networking' }) 12011 } 12012 $dispatch('filter-changed', { facet: 'classifications', key: 'networking', checked: $event.target.checked }) 12013 " 12014 12015 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 12016 /> 12017 <label 12018 for="facet-classifications-networking" 12019 12020 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 12021 > 12022 <span class="truncate" title="Networking"> 12023 Networking 12024 </span> 12025 12026 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">172</span> 12027 </label> 12028 </li> 12029 12030 <li 12031 wire:key="facet-classifications-other" 12032 class="flex items-center gap-2.5 rounded-xl px-2 py-1.5 transition-colors hover:bg-volt-ink/[0.04]" 12033 x-show="showAll || 110 < 6" 12034 > 12035 12036 <input 12037 type="checkbox" 12038 id="facet-classifications-other" 12039 :checked="!!(filters['classifications'] && filters['classifications']['other'])" 12040 @change=" 12041 if ($event.target.checked) { 12042 jitsuEvent('selectFilter', { 12043 filter_type: 'classifications', 12044 filter_value: 'other' }) 12045 } 12046 $dispatch('filter-changed', { facet: 'classifications', key: 'other', checked: $event.target.checked }) 12047 " 12048 12049 class="peer size-[18px] shrink-0 cursor-pointer rounded-[5px] border-volt-ink/25 text-pilot-blue transition-colors focus:ring-0 focus:ring-offset-0 focus:outline-none focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue" 12050 /> 12051 <label 12052 for="facet-classifications-other" 12053 12054 class="flex w-full min-w-0 cursor-pointer items-center justify-between gap-2 text-sm text-volt-ink/75 peer-checked:font-semibold peer-checked:text-volt-ink" 12055 >
12056 <span class="truncate" title="Other"> 12057 Other 12058 </span> 12059 12060 <span class="shrink-0 text-xs text-volt-ink/40 tabular-nums">10980</span> 12061 </label> 12062 </li> 12063 <!--[if ENDBLOCK]><![endif]--> </ul> 12064 12065 12066 <button 12067 type="button" 12068 class="mt-3 w-full cursor-pointer rounded-xl bg-volt-ink/[0.04] py-2 text-center text-xs font-semibold tracking-wide text-volt-ink/70 uppercase ring-1 ring-volt-ink/10 transition-all duration-200 ease-out ring-inset hover:text-volt-ink hover:ring-pilot-blue focus-visible:bg-white focus-visible:text-volt-ink focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none " 12069 x-on:click="showAll = !showAll" 12070 > 12071 <span x-show="!showAll">View 105 More</span> 12072 <span x-show="showAll">View Less</span> 12073 </button> 12074 </div> 12075 <!--[if ENDBLOCK]><![endif]--> </div> 12076 12077 12078 <div 12079 class="border-t border-volt-ink/[0.08] bg-white px-4 pt-4 pb-[max(1rem,env(safe-area-inset-bottom))] lg:hidden" 12080 > 12081 <button 12082 type="button" 12083 wire:loading.attr="disabled" 12084 wire:target="selectedFilters,clearFilters,removeFilter" 12085 @click=" 12086 flush(); 12087 showFilters = false; 12088 " 12089 class="flex h-11 w-full cursor-pointer items-center justify-center gap-2 rounded-2xl bg-pilot-blue px-4 text-sm font-semibold text-white transition-colors focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-pilot-blue disabled:opacity-60" 12090 > 12091 <span wire:loading.remove wire:target="selectedFilters,clearFilters,removeFilter"> 12092 Show 160,727 results 12093 </span> 12094 <div wire:loading wire:target="selectedFilters,clearFilters,removeFilter" class="w-full"> 12095 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-4 animate-spin"> 12096 <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /> 12097 </svg> 12098</div> 12099 </button> 12100 </div> 12101 </div> 12102</aside> 12103 </div> 12104 12105 <!-- Results --> 12106 <div class="lg:col-span-3 lg:col-start-2 lg:row-start-2"> 12107 <div class="relative"> 12108 12109 <div 12110 wire:loading 12111 wire:target="sort,query,page,previousPage,nextPage,gotoPage,bundleId,customBundle,facetFilters,selectedFilters,setFilters,applySelectedFilters,clearFilters,removeFilter,resetBundle" 12112 class="absolute inset-0 z-10 bg-white" 12113 > 12114 <div class="grid gap-8 md:grid-cols-2 xl:grid-cols-3"> 12115 <!--[if BLOCK]><![endif]--> <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12116 <div class="shimmer-block aspect-video w-full"></div> 12117 <div class="flex flex-col gap-3 p-3"> 12118 <div class="shimmer-block h-6 w-20 rounded"></div> 12119 <div class="shimmer-block h-3 w-24 rounded"></div> 12120 <div class="shimmer-block h-4 rounded"></div> 12121 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12122 <div class="shimmer-block h-3 rounded"></div> 12123 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12124 <div class="shimmer-block mt-4 h-9 rounded"></div> 12125 </div> 12126 </div> 12127 <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12128 <div class="shimmer-block aspect-video w-full"></div> 12129 <div class="flex flex-col gap-3 p-3"> 12130 <div class="shimmer-block h-6 w-20 rounded"></div> 12131 <div class="shimmer-block h-3 w-24 rounded"></div> 12132 <div class="shimmer-block h-4 rounded"></div> 12133 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12134 <div class="shimmer-block h-3 rounded"></div> 12135 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12136 <div class="shimmer-block mt-4 h-9 rounded"></div> 12137 </div> 12138 </div> 12139 <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12140 <div class="shimmer-block aspect-video w-full"></div> 12141 <div class="flex flex-col gap-3 p-3"> 12142 <div class="shimmer-block h-6 w-20 rounded"></div> 12143 <div class="shimmer-block h-3 w-24 rounded"></div> 12144 <div class="shimmer-block h-4 rounded"></div> 12145 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12146 <div class="shimmer-block h-3 rounded"></div> 12147 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12148 <div class="shimmer-block mt-4 h-9 rounded"></div> 12149 </div> 12150 </div> 12151 <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12152 <div class="shimmer-block aspect-video w-full"></div> 12153 <div class="flex flex-col gap-3 p-3"> 12154 <div class="shimmer-block h-6 w-20 rounded"></div> 12155 <div class="shimmer-block h-3 w-24 rounded"></div> 12156 <div class="shimmer-block h-4 rounded"></div> 12157 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12158 <div class="shimmer-block h-3 rounded"></div> 12159 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12160 <div class="shimmer-block mt-4 h-9 rounded"></div> 12161 </div> 12162 </div> 12163 <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12164 <div class="shimmer-block aspect-video w-full"></div> 12165 <div class="flex flex-col gap-3 p-3"> 12166 <div class="shimmer-block h-6 w-20 rounded"></div> 12167 <div class="shimmer-block h-3 w-24 rounded"></div> 12168 <div class="shimmer-block h-4 rounded"></div> 12169 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12170 <div class="shimmer-block h-3 rounded"></div> 12171 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12172 <div class="shimmer-block mt-4 h-9 rounded"></div> 12173 </div> 12174 </div> 12175 <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12176 <div class="shimmer-block aspect-video w-full"></div> 12177 <div class="flex flex-col gap-3 p-3"> 12178 <div class="shimmer-block h-6 w-20 rounded"></div> 12179 <div class="shimmer-block h-3 w-24 rounded"></div> 12180 <div class="shimmer-block h-4 rounded"></div> 12181 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12182 <div class="shimmer-block h-3 rounded"></div> 12183 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12184 <div class="shimmer-block mt-4 h-9 rounded"></div> 12185 </div> 12186 </div> 12187 <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12188 <div class="shimmer-block aspect-video w-full"></div> 12189 <div class="flex flex-col gap-3 p-3"> 12190 <div class="shimmer-block h-6 w-20 rounded"></div> 12191 <div class="shimmer-block h-3 w-24 rounded"></div> 12192 <div class="shimmer-block h-4 rounded"></div> 12193 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12194 <div class="shimmer-block h-3 rounded"></div> 12195 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12196 <div class="shimmer-block mt-4 h-9 rounded"></div> 12197 </div> 12198 </div> 12199 <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12200 <div class="shimmer-block aspect-video w-full"></div> 12201 <div class="flex flex-col gap-3 p-3"> 12202 <div class="shimmer-block h-6 w-20 rounded"></div> 12203 <div class="shimmer-block h-3 w-24 rounded"></div> 12204 <div class="shimmer-block h-4 rounded"></div> 12205 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12206 <div class="shimmer-block h-3 rounded"></div> 12207 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12208 <div class="shimmer-block mt-4 h-9 rounded"></div> 12209 </div> 12210 </div> 12211 <div class="flex h-full flex-col overflow-hidden rounded-lg border border-mercury bg-gray-50"> 12212 <div class="shimmer-block aspect-video w-full"></div> 12213 <div class="flex flex-col gap-3 p-3"> 12214 <div class="shimmer-block h-6 w-20 rounded"></div> 12215 <div class="shimmer-block h-3 w-24 rounded"></div> 12216 <div class="shimmer-block h-4 rounded"></div> 12217 <div class="shimmer-block h-4 w-3/4 rounded"></div> 12218 <div class="shimmer-block h-3 rounded"></div> 12219 <div class="shimmer-block h-3 w-5/6 rounded"></div> 12220 <div class="shimmer-block mt-4 h-9 rounded"></div> 12221 </div> 12222 </div> 12223 <!--[if ENDBLOCK]><![endif]--> </div> 12224 </div> 12225 12226 <div 12227 wire:loading.class="opacity-0" 12228 wire:target="sort,query,page,previousPage,nextPage,gotoPage,bundleId,customBundle,facetFilters,selectedFilters,setFilters,applySelectedFilters,clearFilters,removeFilter,resetBundle" 12229 class="grid gap-8 md:grid-cols-2 xl:grid-cols-3" 12230 > 12231 <!--[if BLOCK]><![endif]--> 12232 <div 12233 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 12234> 12235 <div class="flex grow flex-col"> 12236 <a href="https://www.voltimum.co.uk/product-details/Pr4kH54L/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent" class="bg-white p-2"> 12237 <!-- Product image --> 12238 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 12239 <div x-show="!loaded" class="shimmer-block"></div> 12240 <img 12241 loading="eager" 12242 fetchpriority="high" width="400" 12243 height="300" 12244 src="https://assets.voltimum.com/assets/catalogue/uk/wago/7/8/7852351.jpg?width=400"
12245 alt="Splicing connector with levers for all conductor types max. 4 mm² transparent" 12246 class="max-w-full object-contain" 12247 :class="{ 'opacity-0': !loaded }" 12248 style="object-position: " 12249 x-init="loaded = $el.complete" 12250 x-on:load="loaded = true" 12251 x-on:error="loaded = true" 12252 /> 12253 </figure> 12254 </a> 12255 12256 <div class="flex grow flex-col border-t border-mercury p-3"> 12257 <!-- ***** Picture, Name and Description ***** --> 12258 <div class="grow"> 12259 <!-- Partner logo --> 12260 <figure class="mb-2"> 12261 <!--[if BLOCK]><![endif]--> <img 12262 loading="lazy" 12263 width="96" 12264 height="32" 12265 class="square h-8 max-w-24 object-contain mix-blend-multiply" 12266 src="https://content.voltimum.com/uk/145829/wago.svg" 12267 alt="Wago" 12268 /> 12269 <!--[if ENDBLOCK]><![endif]--> </figure> 12270 12271 <!-- SKU --> 12272 <p class="mb-2 text-sm font-light text-gray-900">221-415</p> 12273 12274 <!-- Product name --> 12275 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 12276 <a href="https://www.voltimum.co.uk/product-details/Pr4kH54L/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent" class="hover:text-pilot-blue hover:underline" title="Splicing connector with levers;for all conductor types;max. 4 mm²;transparent"> 12277 Splicing connector with levers for all conductor types max. 4 mm²... 12278 </a> 12279 </h3> 12280 12281 <!-- Product description --> 12282 <p class="mb-2 text-sm font-light text-gray-900"> 12283 Splicing connector with levers; for all conductor types; max. 4 mm²; 5-conductor; transparent housing; Surrounding air... 12284 </p> 12285 </div> 12286 12287 <!-- ***** Feature section ***** --> 12288 <div class="mt-auto"> 12289 <!-- Availability info --> 12290 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 12291 <div> 12292 <!--[if BLOCK]><![endif]--> <button 12293 type="button" 12294 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 12295 wire:click.prevent="openProductDistributorsModal('Pr4kH54L')" 12296 @click=" 12297 jitsuEvent('viewDistributorsModal', { 12298 brands: JSON.parse('[\u0022CEF\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022,\u0022RSEU\u0022,\u0022LSU\u0022]') }) 12299 toggleProductDistributorsModal() 12300 " 12301 > 12302 Available: 7 distributors 12303 </button> 12304 <!--[if ENDBLOCK]><![endif]--></div> 12305 </div> 12306 <!--[if ENDBLOCK]><![endif]--> 12307 <!-- Price info --> 12308 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 12309 <!--[if BLOCK]><![endif]--> <!-- Price range --> 12310 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 12311 £ 12312 <span class="font-bold"> 0.52 </span> 12313 - £ 12314 <span class="font-bold"> 10.79 </span> 12315 Excl. VAT 12316 </strong> 12317<!--[if ENDBLOCK]><![endif]--> </p> 12318 <!--[if ENDBLOCK]><![endif]--> 12319 <!-- Vplus points --> 12320 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 12321 <img 12322 loading="lazy" 12323 class="size-[24px]" 12324 width="24" 12325 height="24" 12326 src="https://www.voltimum.co.uk/img/v-plus.svg" 12327 alt="Voltimum+ Loyalty Programme" 12328 /> 12329 Loyalty points: 12330 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 1 (x25) 12331 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 12332<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 12333 <!-- Add to cart button --> 12334 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 12335 <!--[if BLOCK]><![endif]--> <div 12336 x-data="{ 12337 qty: 1, 12338 inc() { 12339 this.qty = Number(this.qty || 1) + 1; 12340 }, 12341 dec() {
12342 this.qty = Math.max(1, Number(this.qty || 1) - 1); 12343 }, 12344 }" 12345 class="flex items-stretch gap-3" 12346 > 12347 <!-- Stepper --> 12348 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 12349 <!-- Add to cart --> 12350 <button 12351 type="button" 12352 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 12353 @click=" 12354 jitsuEvent('addToBasket', { 12355 products: [ 12356 { 12357 product_sku: '221-415', 12358 product_brand_code: 'WAU', 12359 product_quantity: Number(qty) 12360 } 12361 ], 12362 brands: ['WAU'] 12363 }) 12364 12365 $wire.addToCart('Pr4kH54L', Number(qty), window.location.pathname + window.location.search) 12366 .then(result => { 12367 if (result.tracking && typeof track === 'function') { 12368 track(result.tracking); 12369 } 12370 }); 12371 12372 cartOpen = true; 12373 qty = 1; 12374 " 12375 > 12376 <span class="hidden sm:inline"> Add to cart </span> 12377 <span class="sm:hidden"> 12378 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 12379 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 12380 </svg> 12381 </span> 12382 </button> 12383 </div> 12384<!--[if ENDBLOCK]><![endif]--> </div> 12385 <!--[if ENDBLOCK]><![endif]--> </div> 12386 </div> 12387 </div> 12388</div> 12389 12390 <div 12391 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 12392> 12393 <div class="flex grow flex-col"> 12394 <a href="https://www.voltimum.co.uk/product-details/R4wxaD3N/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent" class="bg-white p-2"> 12395 <!-- Product image --> 12396 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 12397 <div x-show="!loaded" class="shimmer-block"></div> 12398 <img 12399 loading="eager" 12400 fetchpriority="high" width="400" 12401 height="300" 12402 src="https://assets.voltimum.com/assets/catalogue/uk/wago/7/8/7852350.jpg?width=400" 12403 alt="Splicing connector with levers for all conductor types max. 4 mm² transparent" 12404 class="max-w-full object-contain" 12405 :class="{ 'opacity-0': !loaded }" 12406 style="object-position: " 12407 x-init="loaded = $el.complete" 12408 x-on:load="loaded = true" 12409 x-on:error="loaded = true" 12410 /> 12411 </figure> 12412 </a> 12413 12414 <div class="flex grow flex-col border-t border-mercury p-3"> 12415 <!-- ***** Picture, Name and Description ***** --> 12416 <div class="grow"> 12417 <!-- Partner logo --> 12418 <figure class="mb-2"> 12419 <!--[if BLOCK]><![endif]--> <img 12420 loading="lazy" 12421 width="96" 12422 height="32" 12423 class="square h-8 max-w-24 object-contain mix-blend-multiply" 12424 src="https://content.voltimum.com/uk/145829/wago.svg" 12425 alt="Wago" 12426 /> 12427 <!--[if ENDBLOCK]><![endif]--> </figure> 12428 12429 <!-- SKU --> 12430 <p class="mb-2 text-sm font-light text-gray-900">221-413</p> 12431 12432 <!-- Product name --> 12433 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 12434 <a href="https://www.voltimum.co.uk/product-details/R4wxaD3N/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent" class="hover:text-pilot-blue hover:underline" title="Splicing connector with levers;for all conductor types;max. 4 mm²;transparent">
12435 Splicing connector with levers for all conductor types max. 4 mm²... 12436 </a> 12437 </h3> 12438 12439 <!-- Product description --> 12440 <p class="mb-2 text-sm font-light text-gray-900"> 12441 Splicing connector with levers; for all conductor types; max. 4 mm²; 3-conductor; transparent housing; Surrounding air... 12442 </p> 12443 </div> 12444 12445 <!-- ***** Feature section ***** --> 12446 <div class="mt-auto"> 12447 <!-- Availability info --> 12448 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 12449 <div> 12450 <!--[if BLOCK]><![endif]--> <button 12451 type="button" 12452 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 12453 wire:click.prevent="openProductDistributorsModal('R4wxaD3N')" 12454 @click=" 12455 jitsuEvent('viewDistributorsModal', { 12456 brands: JSON.parse('[\u0022CEF\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022,\u0022RSEU\u0022,\u0022LSU\u0022]') }) 12457 toggleProductDistributorsModal() 12458 " 12459 > 12460 Available: 7 distributors 12461 </button> 12462 <!--[if ENDBLOCK]><![endif]--></div> 12463 </div> 12464 <!--[if ENDBLOCK]><![endif]--> 12465 <!-- Price info --> 12466 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 12467 <!--[if BLOCK]><![endif]--> <!-- Price range --> 12468 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 12469 £ 12470 <span class="font-bold"> 0.31 </span> 12471 - £ 12472 <span class="font-bold"> 11.96 </span> 12473 Excl. VAT 12474 </strong> 12475<!--[if ENDBLOCK]><![endif]--> </p> 12476 <!--[if ENDBLOCK]><![endif]--> 12477 <!-- Vplus points --> 12478 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 12479 <img 12480 loading="lazy" 12481 class="size-[24px]" 12482 width="24" 12483 height="24" 12484 src="https://www.voltimum.co.uk/img/v-plus.svg" 12485 alt="Voltimum+ Loyalty Programme" 12486 /> 12487 Loyalty points: 12488 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 1 (x50) 12489 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 12490<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 12491 <!-- Add to cart button --> 12492 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 12493 <!--[if BLOCK]><![endif]--> <div 12494 x-data="{ 12495 qty: 1, 12496 inc() { 12497 this.qty = Number(this.qty || 1) + 1; 12498 }, 12499 dec() { 12500 this.qty = Math.max(1, Number(this.qty || 1) - 1); 12501 }, 12502 }" 12503 class="flex items-stretch gap-3" 12504 > 12505 <!-- Stepper --> 12506 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 12507 <!-- Add to cart --> 12508 <button 12509 type="button" 12510 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 12511 @click=" 12512 jitsuEvent('addToBasket', { 12513 products: [ 12514 { 12515 product_sku: '221-413', 12516 product_brand_code: 'WAU', 12517 product_quantity: Number(qty) 12518 } 12519 ], 12520 brands: ['WAU'] 12521 }) 12522 12523 $wire.addToCart('R4wxaD3N', Number(qty), window.location.pathname + window.location.search) 12524 .then(result => { 12525 if (result.tracking && typeof track === 'function') { 12526 track(result.tracking); 12527 } 12528 }); 12529 12530 cartOpen = true; 12531 qty = 1; 12532 " 12533 > 12534 <span class="hidden sm:inline"> Add to cart </span> 12535 <span class="sm:hidden"> 12536 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 12537 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 12538 </svg> 12539 </span> 12540 </button> 12541 </div> 12542<!--[if ENDBLOCK]><![endif]--> </div> 12543 <!--[if ENDBLOCK]><![endif]--> </div> 12544 </div> 12545 </div> 12546</div> 12547 12548 <div 12549 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 12550> 12551 <div class="flex grow flex-col"> 12552 <a href="https://www.voltimum.co.uk/product-details/Bl19Hwaf/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil" class="bg-white p-2"> 12553 <!-- Product image --> 12554 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 12555 <div x-show="!loaded" class="shimmer-block"></div> 12556 <img 12557 loading="eager" 12558 fetchpriority="high" width="400" 12559 height="300" 12560 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp4k0910bw3_image-p_file_type-rendition_1500_jpg.jpg?width=400" 12561 alt="TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil" 12562 class="max-w-full object-contain" 12563 :class="{ 'opacity-0': !loaded }" 12564 style="object-position: " 12565 x-init="loaded = $el.complete" 12566 x-on:load="loaded = true" 12567 x-on:error="loaded = true" 12568 /> 12569 </figure> 12570 </a> 12571 12572 <div class="flex grow flex-col border-t border-mercury p-3"> 12573 <!-- ***** Picture, Name and Description ***** --> 12574 <div class="grow"> 12575 <!-- Partner logo --> 12576 <figure class="mb-2"> 12577 <!--[if BLOCK]><![endif]--> <img 12578 loading="lazy" 12579 width="96" 12580 height="32" 12581 class="square h-8 max-w-24 object-contain mix-blend-multiply" 12582 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 12583 alt="Schneider Electric" 12584 /> 12585 <!--[if ENDBLOCK]><![endif]--> </figure> 12586 12587 <!-- SKU --> 12588 <p class="mb-2 text-sm font-light text-gray-900">LP4K0910BW3</p> 12589 12590 <!-- Product name --> 12591 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 12592 <a href="https://www.voltimum.co.uk/product-details/Bl19Hwaf/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil"> 12593 TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil 12594 </a> 12595 </h3> 12596 12597 <!-- Product description --> 12598 <p class="mb-2 text-sm font-light text-gray-900"> 12599 TeSys K contactor, 3 poles (3NO), for motor control applications up to 9A/690V AC-3 (4kW@400V). It provides a low... 12600 </p> 12601 </div> 12602 12603 <!-- ***** Feature section ***** --> 12604 <div class="mt-auto"> 12605 <!-- Availability info --> 12606 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 12607 <div> 12608 <!--[if BLOCK]><![endif]--> <button 12609 type="button" 12610 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 12611 wire:click.prevent="openProductDistributorsModal('Bl19Hwaf')" 12612 @click=" 12613 jitsuEvent('viewDistributorsModal', { 12614 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 12615 toggleProductDistributorsModal() 12616 " 12617 > 12618 Available: 7 distributors 12619 </button> 12620 <!--[if ENDBLOCK]><![endif]--></div> 12621 </div> 12622 <!--[if ENDBLOCK]><![endif]--> 12623 <!-- Price info --> 12624 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 12625 <!--[if BLOCK]><![endif]--> <!-- Price range --> 12626 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 12627 £ 12628 <span class="font-bold"> 35.26 </span> 12629 - £ 12630 <span class="font-bold"> 61.32 </span> 12631 Excl. VAT 12632 </strong> 12633<!--[if ENDBLOCK]><![endif]--> </p> 12634 <!--[if ENDBLOCK]><![endif]--> 12635 <!-- Vplus points --> 12636 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 12637 <img 12638 loading="lazy" 12639 class="size-[24px]" 12640 width="24" 12641 height="24" 12642 src="https://www.voltimum.co.uk/img/v-plus.svg" 12643 alt="Voltimum+ Loyalty Programme" 12644 /> 12645 Loyalty points: 12646 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 7 12647 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 12648<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 12649 <!-- Add to cart button --> 12650 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 12651 <!--[if BLOCK]><![endif]--> <div 12652 x-data="{ 12653 qty: 1, 12654 inc() {
12655 this.qty = Number(this.qty || 1) + 1; 12656 }, 12657 dec() { 12658 this.qty = Math.max(1, Number(this.qty || 1) - 1); 12659 }, 12660 }" 12661 class="flex items-stretch gap-3" 12662 > 12663 <!-- Stepper --> 12664 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 12665 <!-- Add to cart --> 12666 <button 12667 type="button" 12668 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 12669 @click=" 12670 jitsuEvent('addToBasket', { 12671 products: [ 12672 { 12673 product_sku: 'LP4K0910BW3', 12674 product_brand_code: 'SCU', 12675 product_quantity: Number(qty) 12676 } 12677 ], 12678 brands: ['SCU'] 12679 }) 12680 12681 $wire.addToCart('Bl19Hwaf', Number(qty), window.location.pathname + window.location.search) 12682 .then(result => { 12683 if (result.tracking && typeof track === 'function') { 12684 track(result.tracking); 12685 } 12686 }); 12687 12688 cartOpen = true; 12689 qty = 1; 12690 " 12691 > 12692 <span class="hidden sm:inline"> Add to cart </span> 12693 <span class="sm:hidden"> 12694 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 12695 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 12696 </svg> 12697 </span> 12698 </button> 12699 </div> 12700<!--[if ENDBLOCK]><![endif]--> </div> 12701 <!--[if ENDBLOCK]><![endif]--> </div> 12702 </div> 12703 </div> 12704</div> 12705 12706 <div 12707 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 12708> 12709 <div class="flex grow flex-col"> 12710 <a href="https://www.voltimum.co.uk/product-details/67ajg1bA/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-nc-aux-24-v-dc-coil" class="bg-white p-2"> 12711 <!-- Product image --> 12712 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 12713 <div x-show="!loaded" class="shimmer-block"></div> 12714 <img 12715 loading="lazy" 12716 width="400" 12717 height="300" 12718 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0601bd_image-p_file_type-rendition_1500_jpg.png?width=400" 12719 alt="TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NC aux. - 24 V DC coil" 12720 class="max-w-full object-contain" 12721 :class="{ 'opacity-0': !loaded }" 12722 style="object-position: " 12723 x-init="loaded = $el.complete" 12724 x-on:load="loaded = true" 12725 x-on:error="loaded = true" 12726 /> 12727 </figure> 12728 </a> 12729 12730 <div class="flex grow flex-col border-t border-mercury p-3"> 12731 <!-- ***** Picture, Name and Description ***** --> 12732 <div class="grow"> 12733 <!-- Partner logo --> 12734 <figure class="mb-2"> 12735 <!--[if BLOCK]><![endif]--> <img 12736 loading="lazy" 12737 width="96" 12738 height="32" 12739 class="square h-8 max-w-24 object-contain mix-blend-multiply" 12740 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 12741 alt="Schneider Electric" 12742 /> 12743 <!--[if ENDBLOCK]><![endif]--> </figure> 12744 12745 <!-- SKU --> 12746 <p class="mb-2 text-sm font-light text-gray-900">LP1K0901BD</p> 12747 12748 <!-- Product name --> 12749 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 12750 <a href="https://www.voltimum.co.uk/product-details/67ajg1bA/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-nc-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NC aux. - 24 V DC coil"> 12751 TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NC aux. - 24 V DC coil 12752 </a> 12753 </h3> 12754 12755 <!-- Product description --> 12756 <p class="mb-2 text-sm font-light text-gray-900"> 12757 TeSys K contactor, 3 poles (3NO), for motor control applications up to 9A/690V AC-3 (4kW@400V), and for non-inductive... 12758 </p> 12759 </div> 12760 12761 <!-- ***** Feature section ***** --> 12762 <div class="mt-auto"> 12763 <!-- Availability info --> 12764 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 12765 <div> 12766 <!--[if BLOCK]><![endif]--> <button 12767 type="button" 12768 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 12769 wire:click.prevent="openProductDistributorsModal('67ajg1bA')" 12770 @click=" 12771 jitsuEvent('viewDistributorsModal', { 12772 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 12773 toggleProductDistributorsModal() 12774 " 12775 > 12776 Available: 7 distributors 12777 </button> 12778 <!--[if ENDBLOCK]><![endif]--></div> 12779 </div> 12780 <!--[if ENDBLOCK]><![endif]--> 12781 <!-- Price info --> 12782 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 12783 <!--[if BLOCK]><![endif]--> <!-- Price range --> 12784 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 12785 £ 12786 <span class="font-bold"> 25.65 </span> 12787 - £ 12788 <span class="font-bold"> 44.59 </span> 12789 Excl. VAT 12790 </strong> 12791<!--[if ENDBLOCK]><![endif]--> </p> 12792 <!--[if ENDBLOCK]><![endif]--> 12793 <!-- Vplus points --> 12794 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 12795 <img 12796 loading="lazy" 12797 class="size-[24px]" 12798 width="24" 12799 height="24" 12800 src="https://www.voltimum.co.uk/img/v-plus.svg" 12801 alt="Voltimum+ Loyalty Programme" 12802 /> 12803 Loyalty points: 12804 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 5 12805 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 12806<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 12807 <!-- Add to cart button --> 12808 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 12809 <!--[if BLOCK]><![endif]--> <div 12810 x-data="{ 12811 qty: 1, 12812 inc() {
12813 this.qty = Number(this.qty || 1) + 1; 12814 }, 12815 dec() { 12816 this.qty = Math.max(1, Number(this.qty || 1) - 1); 12817 }, 12818 }" 12819 class="flex items-stretch gap-3" 12820 > 12821 <!-- Stepper --> 12822 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 12823 <!-- Add to cart --> 12824 <button 12825 type="button" 12826 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 12827 @click=" 12828 jitsuEvent('addToBasket', { 12829 products: [ 12830 { 12831 product_sku: 'LP1K0901BD', 12832 product_brand_code: 'SCU', 12833 product_quantity: Number(qty) 12834 } 12835 ], 12836 brands: ['SCU'] 12837 }) 12838 12839 $wire.addToCart('67ajg1bA', Number(qty), window.location.pathname + window.location.search) 12840 .then(result => { 12841 if (result.tracking && typeof track === 'function') { 12842 track(result.tracking); 12843 } 12844 }); 12845 12846 cartOpen = true; 12847 qty = 1; 12848 " 12849 > 12850 <span class="hidden sm:inline"> Add to cart </span> 12851 <span class="sm:hidden"> 12852 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 12853 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 12854 </svg> 12855 </span> 12856 </button> 12857 </div> 12858<!--[if ENDBLOCK]><![endif]--> </div> 12859 <!--[if ENDBLOCK]><![endif]--> </div> 12860 </div> 12861 </div> 12862</div> 12863 12864 <div 12865 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 12866> 12867 <div class="flex grow flex-col"> 12868 <a href="https://www.voltimum.co.uk/product-details/fLgjwZEQ/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil" class="bg-white p-2"> 12869 <!-- Product image --> 12870 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 12871 <div x-show="!loaded" class="shimmer-block"></div> 12872 <img 12873 loading="lazy" 12874 width="400" 12875 height="300" 12876 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0610bd_image-p_file_type-rendition_1500_jpg.png?width=400" 12877 alt="TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil" 12878 class="max-w-full object-contain" 12879 :class="{ 'opacity-0': !loaded }" 12880 style="object-position: " 12881 x-init="loaded = $el.complete" 12882 x-on:load="loaded = true" 12883 x-on:error="loaded = true" 12884 /> 12885 </figure> 12886 </a> 12887 12888 <div class="flex grow flex-col border-t border-mercury p-3"> 12889 <!-- ***** Picture, Name and Description ***** --> 12890 <div class="grow"> 12891 <!-- Partner logo --> 12892 <figure class="mb-2"> 12893 <!--[if BLOCK]><![endif]--> <img 12894 loading="lazy" 12895 width="96" 12896 height="32" 12897 class="square h-8 max-w-24 object-contain mix-blend-multiply" 12898 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 12899 alt="Schneider Electric" 12900 /> 12901 <!--[if ENDBLOCK]><![endif]--> </figure> 12902 12903 <!-- SKU --> 12904 <p class="mb-2 text-sm font-light text-gray-900">LP1K0910BD</p> 12905 12906 <!-- Product name --> 12907 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 12908 <a href="https://www.voltimum.co.uk/product-details/fLgjwZEQ/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil"> 12909 TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil 12910 </a> 12911 </h3> 12912 12913 <!-- Product description --> 12914 <p class="mb-2 text-sm font-light text-gray-900"> 12915 TeSys K contactor, 3 poles (3NO), for motor control applications up to 9A/690V AC-3 (4kW@400V), and for non-inductive... 12916 </p> 12917 </div> 12918 12919 <!-- ***** Feature section ***** --> 12920 <div class="mt-auto"> 12921 <!-- Availability info --> 12922 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 12923 <div> 12924 <!--[if BLOCK]><![endif]--> <button 12925 type="button" 12926 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 12927 wire:click.prevent="openProductDistributorsModal('fLgjwZEQ')" 12928 @click=" 12929 jitsuEvent('viewDistributorsModal', { 12930 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 12931 toggleProductDistributorsModal() 12932 " 12933 > 12934 Available: 7 distributors 12935 </button> 12936 <!--[if ENDBLOCK]><![endif]--></div> 12937 </div> 12938 <!--[if ENDBLOCK]><![endif]--> 12939 <!-- Price info --> 12940 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 12941 <!--[if BLOCK]><![endif]--> <!-- Price range --> 12942 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 12943 £ 12944 <span class="font-bold"> 25.65 </span> 12945 - £ 12946 <span class="font-bold"> 44.59 </span> 12947 Excl. VAT 12948 </strong> 12949<!--[if ENDBLOCK]><![endif]--> </p> 12950 <!--[if ENDBLOCK]><![endif]--> 12951 <!-- Vplus points --> 12952 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 12953 <img 12954 loading="lazy" 12955 class="size-[24px]" 12956 width="24" 12957 height="24" 12958 src="https://www.voltimum.co.uk/img/v-plus.svg" 12959 alt="Voltimum+ Loyalty Programme" 12960 /> 12961 Loyalty points: 12962 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 5 12963 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 12964<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 12965 <!-- Add to cart button --> 12966 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 12967 <!--[if BLOCK]><![endif]--> <div 12968 x-data="{ 12969 qty: 1, 12970 inc() {
12971 this.qty = Number(this.qty || 1) + 1; 12972 }, 12973 dec() { 12974 this.qty = Math.max(1, Number(this.qty || 1) - 1); 12975 }, 12976 }" 12977 class="flex items-stretch gap-3" 12978 > 12979 <!-- Stepper --> 12980 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 12981 <!-- Add to cart --> 12982 <button 12983 type="button" 12984 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 12985 @click=" 12986 jitsuEvent('addToBasket', { 12987 products: [ 12988 { 12989 product_sku: 'LP1K0910BD', 12990 product_brand_code: 'SCU', 12991 product_quantity: Number(qty) 12992 } 12993 ], 12994 brands: ['SCU'] 12995 }) 12996 12997 $wire.addToCart('fLgjwZEQ', Number(qty), window.location.pathname + window.location.search) 12998 .then(result => { 12999 if (result.tracking && typeof track === 'function') { 13000 track(result.tracking); 13001 } 13002 }); 13003 13004 cartOpen = true; 13005 qty = 1; 13006 " 13007 > 13008 <span class="hidden sm:inline"> Add to cart </span> 13009 <span class="sm:hidden"> 13010 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 13011 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 13012 </svg> 13013 </span> 13014 </button> 13015 </div> 13016<!--[if ENDBLOCK]><![endif]--> </div> 13017 <!--[if ENDBLOCK]><![endif]--> </div> 13018 </div> 13019 </div> 13020</div> 13021 13022 <div 13023 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 13024> 13025 <div class="flex grow flex-col"> 13026 <a href="https://www.voltimum.co.uk/product-details/bGryreiW/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-nc-aux-24-v-dc-coil" class="bg-white p-2"> 13027 <!-- Product image --> 13028 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 13029 <div x-show="!loaded" class="shimmer-block"></div> 13030 <img 13031 loading="lazy" 13032 width="400" 13033 height="300" 13034 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0601bd_image-p_file_type-rendition_1500_jpg.png?width=400" 13035 alt="TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NC aux. - 24 V DC coil" 13036 class="max-w-full object-contain" 13037 :class="{ 'opacity-0': !loaded }" 13038 style="object-position: " 13039 x-init="loaded = $el.complete" 13040 x-on:load="loaded = true" 13041 x-on:error="loaded = true" 13042 /> 13043 </figure> 13044 </a> 13045 13046 <div class="flex grow flex-col border-t border-mercury p-3"> 13047 <!-- ***** Picture, Name and Description ***** --> 13048 <div class="grow"> 13049 <!-- Partner logo --> 13050 <figure class="mb-2"> 13051 <!--[if BLOCK]><![endif]--> <img 13052 loading="lazy" 13053 width="96" 13054 height="32" 13055 class="square h-8 max-w-24 object-contain mix-blend-multiply" 13056 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 13057 alt="Schneider Electric" 13058 /> 13059 <!--[if ENDBLOCK]><![endif]--> </figure> 13060 13061 <!-- SKU --> 13062 <p class="mb-2 text-sm font-light text-gray-900">LP1K0601BD</p> 13063 13064 <!-- Product name --> 13065 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 13066 <a href="https://www.voltimum.co.uk/product-details/bGryreiW/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-nc-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NC aux. - 24 V DC coil"> 13067 TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NC aux. - 24 V DC coil 13068 </a> 13069 </h3> 13070 13071 <!-- Product description --> 13072 <p class="mb-2 text-sm font-light text-gray-900"> 13073 TeSys K contactor, 3 poles (3NO), for motor control applications up to 6A/690V AC-3 (2.2kW@400V). It provides a 24V DC... 13074 </p> 13075 </div> 13076 13077 <!-- ***** Feature section ***** --> 13078 <div class="mt-auto"> 13079 <!-- Availability info --> 13080 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 13081 <div> 13082 <!--[if BLOCK]><![endif]--> <button 13083 type="button" 13084 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 13085 wire:click.prevent="openProductDistributorsModal('bGryreiW')" 13086 @click=" 13087 jitsuEvent('viewDistributorsModal', { 13088 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 13089 toggleProductDistributorsModal() 13090 " 13091 > 13092 Available: 7 distributors 13093 </button> 13094 <!--[if ENDBLOCK]><![endif]--></div> 13095 </div> 13096 <!--[if ENDBLOCK]><![endif]--> 13097 <!-- Price info --> 13098 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 13099 <!--[if BLOCK]><![endif]--> <!-- Price range --> 13100 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 13101 £ 13102 <span class="font-bold"> 24.85 </span> 13103 - £ 13104 <span class="font-bold"> 43.22 </span> 13105 Excl. VAT 13106 </strong> 13107<!--[if ENDBLOCK]><![endif]--> </p> 13108 <!--[if ENDBLOCK]><![endif]--> 13109 <!-- Vplus points --> 13110 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 13111 <img 13112 loading="lazy" 13113 class="size-[24px]" 13114 width="24" 13115 height="24" 13116 src="https://www.voltimum.co.uk/img/v-plus.svg" 13117 alt="Voltimum+ Loyalty Programme" 13118 /> 13119 Loyalty points: 13120 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 5 13121 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 13122<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 13123 <!-- Add to cart button --> 13124 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 13125 <!--[if BLOCK]><![endif]--> <div 13126 x-data="{ 13127 qty: 1, 13128 inc() {
13129 this.qty = Number(this.qty || 1) + 1; 13130 }, 13131 dec() { 13132 this.qty = Math.max(1, Number(this.qty || 1) - 1); 13133 }, 13134 }" 13135 class="flex items-stretch gap-3" 13136 > 13137 <!-- Stepper --> 13138 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 13139 <!-- Add to cart --> 13140 <button 13141 type="button" 13142 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 13143 @click=" 13144 jitsuEvent('addToBasket', { 13145 products: [ 13146 { 13147 product_sku: 'LP1K0601BD', 13148 product_brand_code: 'SCU', 13149 product_quantity: Number(qty) 13150 } 13151 ], 13152 brands: ['SCU'] 13153 }) 13154 13155 $wire.addToCart('bGryreiW', Number(qty), window.location.pathname + window.location.search) 13156 .then(result => { 13157 if (result.tracking && typeof track === 'function') { 13158 track(result.tracking); 13159 } 13160 }); 13161 13162 cartOpen = true; 13163 qty = 1; 13164 " 13165 > 13166 <span class="hidden sm:inline"> Add to cart </span> 13167 <span class="sm:hidden"> 13168 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 13169 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 13170 </svg> 13171 </span> 13172 </button> 13173 </div> 13174<!--[if ENDBLOCK]><![endif]--> </div> 13175 <!--[if ENDBLOCK]><![endif]--> </div> 13176 </div> 13177 </div> 13178</div> 13179 13180 <div 13181 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 13182> 13183 <div class="flex grow flex-col"> 13184 <a href="https://www.voltimum.co.uk/product-details/gwwCgK72/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-no-aux-24-v-dc-coil" class="bg-white p-2"> 13185 <!-- Product image --> 13186 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 13187 <div x-show="!loaded" class="shimmer-block"></div> 13188 <img 13189 loading="lazy" 13190 width="400" 13191 height="300" 13192 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0610bd_image-p_file_type-rendition_1500_jpg.png?width=400" 13193 alt="TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NO aux. - 24 V DC coil" 13194 class="max-w-full object-contain" 13195 :class="{ 'opacity-0': !loaded }" 13196 style="object-position: " 13197 x-init="loaded = $el.complete" 13198 x-on:load="loaded = true" 13199 x-on:error="loaded = true" 13200 /> 13201 </figure> 13202 </a> 13203 13204 <div class="flex grow flex-col border-t border-mercury p-3"> 13205 <!-- ***** Picture, Name and Description ***** --> 13206 <div class="grow"> 13207 <!-- Partner logo --> 13208 <figure class="mb-2"> 13209 <!--[if BLOCK]><![endif]--> <img 13210 loading="lazy" 13211 width="96" 13212 height="32" 13213 class="square h-8 max-w-24 object-contain mix-blend-multiply" 13214 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 13215 alt="Schneider Electric" 13216 /> 13217 <!--[if ENDBLOCK]><![endif]--> </figure> 13218 13219 <!-- SKU --> 13220 <p class="mb-2 text-sm font-light text-gray-900">LP1K0610BD</p> 13221 13222 <!-- Product name --> 13223 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 13224 <a href="https://www.voltimum.co.uk/product-details/gwwCgK72/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-no-aux-24-v-dc-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NO aux. - 24 V DC coil"> 13225 TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NO aux. - 24 V DC coil 13226 </a> 13227 </h3> 13228 13229 <!-- Product description --> 13230 <p class="mb-2 text-sm font-light text-gray-900"> 13231 TeSys K contactor, 3 poles (3NO), for motor control applications up to 6A/690V AC-3 (2.2kW@400V). It provides a 24V DC... 13232 </p> 13233 </div> 13234 13235 <!-- ***** Feature section ***** --> 13236 <div class="mt-auto"> 13237 <!-- Availability info --> 13238 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 13239 <div> 13240 <!--[if BLOCK]><![endif]--> <button 13241 type="button" 13242 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 13243 wire:click.prevent="openProductDistributorsModal('gwwCgK72')" 13244 @click=" 13245 jitsuEvent('viewDistributorsModal', { 13246 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 13247 toggleProductDistributorsModal() 13248 " 13249 > 13250 Available: 7 distributors 13251 </button> 13252 <!--[if ENDBLOCK]><![endif]--></div> 13253 </div> 13254 <!--[if ENDBLOCK]><![endif]--> 13255 <!-- Price info --> 13256 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 13257 <!--[if BLOCK]><![endif]--> <!-- Price range --> 13258 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 13259 £ 13260 <span class="font-bold"> 24.85 </span> 13261 - £ 13262 <span class="font-bold"> 43.22 </span> 13263 Excl. VAT 13264 </strong> 13265<!--[if ENDBLOCK]><![endif]--> </p> 13266 <!--[if ENDBLOCK]><![endif]--> 13267 <!-- Vplus points --> 13268 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 13269 <img 13270 loading="lazy" 13271 class="size-[24px]" 13272 width="24" 13273 height="24" 13274 src="https://www.voltimum.co.uk/img/v-plus.svg" 13275 alt="Voltimum+ Loyalty Programme" 13276 /> 13277 Loyalty points: 13278 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 5 13279 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 13280<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 13281 <!-- Add to cart button --> 13282 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 13283 <!--[if BLOCK]><![endif]--> <div 13284 x-data="{ 13285 qty: 1, 13286 inc() {
13287 this.qty = Number(this.qty || 1) + 1; 13288 }, 13289 dec() { 13290 this.qty = Math.max(1, Number(this.qty || 1) - 1); 13291 }, 13292 }" 13293 class="flex items-stretch gap-3" 13294 > 13295 <!-- Stepper --> 13296 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 13297 <!-- Add to cart --> 13298 <button 13299 type="button" 13300 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 13301 @click=" 13302 jitsuEvent('addToBasket', { 13303 products: [ 13304 { 13305 product_sku: 'LP1K0610BD', 13306 product_brand_code: 'SCU', 13307 product_quantity: Number(qty) 13308 } 13309 ], 13310 brands: ['SCU'] 13311 }) 13312 13313 $wire.addToCart('gwwCgK72', Number(qty), window.location.pathname + window.location.search) 13314 .then(result => { 13315 if (result.tracking && typeof track === 'function') { 13316 track(result.tracking); 13317 } 13318 }); 13319 13320 cartOpen = true; 13321 qty = 1; 13322 " 13323 > 13324 <span class="hidden sm:inline"> Add to cart </span> 13325 <span class="sm:hidden"> 13326 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 13327 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 13328 </svg> 13329 </span> 13330 </button> 13331 </div> 13332<!--[if ENDBLOCK]><![endif]--> </div> 13333 <!--[if ENDBLOCK]><![endif]--> </div> 13334 </div> 13335 </div> 13336</div> 13337 13338 <div 13339 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 13340> 13341 <div class="flex grow flex-col"> 13342 <a href="https://www.voltimum.co.uk/product-details/vnYLLgfN/schneider-electric/tesys-k-reversing-contactor-3p-ac-3-440-v-9-a-1-nc-230240-vac-coil" class="bg-white p-2"> 13343 <!-- Product image --> 13344 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 13345 <div x-show="!loaded" class="shimmer-block"></div> 13346 <img 13347 loading="lazy" 13348 width="400" 13349 height="300" 13350 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lc2k0601m7_image-p_file_type-rendition_1500_jpg.png?width=400" 13351 alt="TeSys K reversing contactor - 3P - AC-3 <= 440 V 9 A - 1 NC - 230...240 VAC coil" 13352 class="max-w-full object-contain" 13353 :class="{ 'opacity-0': !loaded }" 13354 style="object-position: " 13355 x-init="loaded = $el.complete" 13356 x-on:load="loaded = true" 13357 x-on:error="loaded = true" 13358 /> 13359 </figure> 13360 </a> 13361 13362 <div class="flex grow flex-col border-t border-mercury p-3"> 13363 <!-- ***** Picture, Name and Description ***** --> 13364 <div class="grow"> 13365 <!-- Partner logo --> 13366 <figure class="mb-2"> 13367 <!--[if BLOCK]><![endif]--> <img 13368 loading="lazy" 13369 width="96" 13370 height="32" 13371 class="square h-8 max-w-24 object-contain mix-blend-multiply" 13372 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 13373 alt="Schneider Electric" 13374 /> 13375 <!--[if ENDBLOCK]><![endif]--> </figure> 13376 13377 <!-- SKU --> 13378 <p class="mb-2 text-sm font-light text-gray-900">LC2K0901U7</p> 13379 13380 <!-- Product name --> 13381 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 13382 <a href="https://www.voltimum.co.uk/product-details/vnYLLgfN/schneider-electric/tesys-k-reversing-contactor-3p-ac-3-440-v-9-a-1-nc-230240-vac-coil" class="hover:text-pilot-blue hover:underline" title="TeSys K reversing contactor - 3P - AC-3 <= 440 V 9 A - 1 NC - 230...240 VAC coil"> 13383 TeSys K reversing contactor - 3P -... 13384 </a> 13385 </h3> 13386 13387 <!-- Product description --> 13388 <p class="mb-2 text-sm font-light text-gray-900"> 13389 TeSys K reversing contactor, 3 poles (3NO), for motor control applications up to 9A/690V AC-3 (4kW@400V). It provides... 13390 </p> 13391 </div> 13392 13393 <!-- ***** Feature section ***** --> 13394 <div class="mt-auto"> 13395 <!-- Availability info --> 13396 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 13397 <div> 13398 <!--[if BLOCK]><![endif]--> <button 13399 type="button" 13400 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 13401 wire:click.prevent="openProductDistributorsModal('vnYLLgfN')" 13402 @click=" 13403 jitsuEvent('viewDistributorsModal', { 13404 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 13405 toggleProductDistributorsModal() 13406 " 13407 > 13408 Available: 7 distributors 13409 </button> 13410 <!--[if ENDBLOCK]><![endif]--></div> 13411 </div> 13412 <!--[if ENDBLOCK]><![endif]--> 13413 <!-- Price info --> 13414 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 13415 <!--[if BLOCK]><![endif]--> <!-- Price range --> 13416 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 13417 £ 13418 <span class="font-bold"> 44.47 </span> 13419 - £ 13420 <span class="font-bold"> 97.56 </span> 13421 Excl. VAT 13422 </strong> 13423<!--[if ENDBLOCK]><![endif]--> </p> 13424 <!--[if ENDBLOCK]><![endif]--> 13425 <!-- Vplus points --> 13426 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 13427 <img 13428 loading="lazy" 13429 class="size-[24px]" 13430 width="24" 13431 height="24" 13432 src="https://www.voltimum.co.uk/img/v-plus.svg" 13433 alt="Voltimum+ Loyalty Programme" 13434 /> 13435 Loyalty points: 13436 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 11 13437 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 13438<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 13439 <!-- Add to cart button --> 13440 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 13441 <!--[if BLOCK]><![endif]--> <div 13442 x-data="{ 13443 qty: 1, 13444 inc() {
13445 this.qty = Number(this.qty || 1) + 1; 13446 }, 13447 dec() { 13448 this.qty = Math.max(1, Number(this.qty || 1) - 1); 13449 }, 13450 }" 13451 class="flex items-stretch gap-3" 13452 > 13453 <!-- Stepper --> 13454 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 13455 <!-- Add to cart --> 13456 <button 13457 type="button" 13458 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 13459 @click=" 13460 jitsuEvent('addToBasket', { 13461 products: [ 13462 { 13463 product_sku: 'LC2K0901U7', 13464 product_brand_code: 'SCU', 13465 product_quantity: Number(qty) 13466 } 13467 ], 13468 brands: ['SCU'] 13469 }) 13470 13471 $wire.addToCart('vnYLLgfN', Number(qty), window.location.pathname + window.location.search) 13472 .then(result => { 13473 if (result.tracking && typeof track === 'function') { 13474 track(result.tracking); 13475 } 13476 }); 13477 13478 cartOpen = true; 13479 qty = 1; 13480 " 13481 > 13482 <span class="hidden sm:inline"> Add to cart </span> 13483 <span class="sm:hidden"> 13484 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 13485 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 13486 </svg> 13487 </span> 13488 </button> 13489 </div> 13490<!--[if ENDBLOCK]><![endif]--> </div> 13491 <!--[if ENDBLOCK]><![endif]--> </div> 13492 </div> 13493 </div> 13494</div> 13495 13496 <div 13497 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 13498> 13499 <div class="flex grow flex-col"> 13500 <a href="https://www.voltimum.co.uk/product-details/qjzwcNMk/schneider-electric/push-button-head-plastic-flush-white-o22-spring-return-unmarked" class="bg-white p-2"> 13501 <!-- Product image --> 13502 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 13503 <div x-show="!loaded" class="shimmer-block"></div> 13504 <img 13505 loading="lazy" 13506 width="400" 13507 height="300" 13508 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-xb5_633_cpoda2022001-p_file_type-rendition_1500_jpg.jpg?width=400" 13509 alt="Push button head, plastic, flush, white, Ã22, spring return, unmarked" 13510 class="max-w-full object-contain" 13511 :class="{ 'opacity-0': !loaded }" 13512 style="object-position: " 13513 x-init="loaded = $el.complete" 13514 x-on:load="loaded = true" 13515 x-on:error="loaded = true" 13516 /> 13517 </figure> 13518 </a> 13519 13520 <div class="flex grow flex-col border-t border-mercury p-3"> 13521 <!-- ***** Picture, Name and Description ***** --> 13522 <div class="grow"> 13523 <!-- Partner logo --> 13524 <figure class="mb-2"> 13525 <!--[if BLOCK]><![endif]--> <img 13526 loading="lazy" 13527 width="96" 13528 height="32" 13529 class="square h-8 max-w-24 object-contain mix-blend-multiply" 13530 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 13531 alt="Schneider Electric" 13532 /> 13533 <!--[if ENDBLOCK]><![endif]--> </figure> 13534 13535 <!-- SKU --> 13536 <p class="mb-2 text-sm font-light text-gray-900">ZB5AA1</p> 13537 13538 <!-- Product name --> 13539 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 13540 <a href="https://www.voltimum.co.uk/product-details/qjzwcNMk/schneider-electric/push-button-head-plastic-flush-white-o22-spring-return-unmarked" class="hover:text-pilot-blue hover:underline" title="Push button head, plastic, flush, white, Ã22, spring return, unmarked"> 13541 Push button head, plastic, flush, white, Ã22, spring return, unmarked 13542 </a> 13543 </h3> 13544 13545 <!-- Product description --> 13546 <p class="mb-2 text-sm font-light text-gray-900"> 13547 This Harmony XB5, flush white button head operates with a spring return mechanism. This button head provides an... 13548 </p> 13549 </div> 13550 13551 <!-- ***** Feature section ***** --> 13552 <div class="mt-auto"> 13553 <!-- Availability info --> 13554 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 13555 <div> 13556 <!--[if BLOCK]><![endif]--> <button 13557 type="button" 13558 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 13559 wire:click.prevent="openProductDistributorsModal('qjzwcNMk')" 13560 @click=" 13561 jitsuEvent('viewDistributorsModal', { 13562 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 13563 toggleProductDistributorsModal() 13564 " 13565 > 13566 Available: 7 distributors 13567 </button> 13568 <!--[if ENDBLOCK]><![endif]--></div> 13569 </div> 13570 <!--[if ENDBLOCK]><![endif]--> 13571 <!-- Price info --> 13572 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 13573 <!--[if BLOCK]><![endif]--> <!-- Price range --> 13574 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 13575 £ 13576 <span class="font-bold"> 3.82 </span> 13577 - £ 13578 <span class="font-bold"> 6.13 </span> 13579 Excl. VAT 13580 </strong> 13581<!--[if ENDBLOCK]><![endif]--> </p> 13582 <!--[if ENDBLOCK]><![endif]--> 13583 <!-- Vplus points --> 13584 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 13585 <img 13586 loading="lazy" 13587 class="size-[24px]" 13588 width="24" 13589 height="24" 13590 src="https://www.voltimum.co.uk/img/v-plus.svg" 13591 alt="Voltimum+ Loyalty Programme" 13592 /> 13593 Loyalty points: 13594 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 1 13595 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 13596<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 13597 <!-- Add to cart button --> 13598 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 13599 <!--[if BLOCK]><![endif]--> <div 13600 x-data="{ 13601 qty: 1, 13602 inc() {
13603 this.qty = Number(this.qty || 1) + 1; 13604 }, 13605 dec() { 13606 this.qty = Math.max(1, Number(this.qty || 1) - 1); 13607 }, 13608 }" 13609 class="flex items-stretch gap-3" 13610 > 13611 <!-- Stepper --> 13612 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 13613 <!-- Add to cart --> 13614 <button 13615 type="button" 13616 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 13617 @click=" 13618 jitsuEvent('addToBasket', { 13619 products: [ 13620 { 13621 product_sku: 'ZB5AA1', 13622 product_brand_code: 'SCU', 13623 product_quantity: Number(qty) 13624 } 13625 ], 13626 brands: ['SCU'] 13627 }) 13628 13629 $wire.addToCart('qjzwcNMk', Number(qty), window.location.pathname + window.location.search) 13630 .then(result => { 13631 if (result.tracking && typeof track === 'function') { 13632 track(result.tracking); 13633 } 13634 }); 13635 13636 cartOpen = true; 13637 qty = 1; 13638 " 13639 > 13640 <span class="hidden sm:inline"> Add to cart </span> 13641 <span class="sm:hidden"> 13642 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 13643 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 13644 </svg> 13645 </span> 13646 </button> 13647 </div> 13648<!--[if ENDBLOCK]><![endif]--> </div> 13649 <!--[if ENDBLOCK]><![endif]--> </div> 13650 </div> 13651 </div> 13652</div> 13653 13654 <div 13655 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 13656> 13657 <div class="flex grow flex-col"> 13658 <a href="https://www.voltimum.co.uk/product-details/OXSqvV0Y/schneider-electric/push-button-head-plastic-flush-yellow-o22-spring-return-unmarked" class="bg-white p-2"> 13659 <!-- Product image --> 13660 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 13661 <div x-show="!loaded" class="shimmer-block"></div> 13662 <img 13663 loading="lazy" 13664 width="400" 13665 height="300" 13666 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-xb5_633_cpoda2016165-p_file_type-rendition_1500_jpg.jpg?width=400" 13667 alt="Push button head, plastic, flush, yellow, Ã22, spring return, unmarked" 13668 class="max-w-full object-contain" 13669 :class="{ 'opacity-0': !loaded }" 13670 style="object-position: " 13671 x-init="loaded = $el.complete" 13672 x-on:load="loaded = true" 13673 x-on:error="loaded = true" 13674 /> 13675 </figure> 13676 </a> 13677 13678 <div class="flex grow flex-col border-t border-mercury p-3"> 13679 <!-- ***** Picture, Name and Description ***** --> 13680 <div class="grow"> 13681 <!-- Partner logo --> 13682 <figure class="mb-2"> 13683 <!--[if BLOCK]><![endif]--> <img 13684 loading="lazy" 13685 width="96" 13686 height="32" 13687 class="square h-8 max-w-24 object-contain mix-blend-multiply" 13688 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 13689 alt="Schneider Electric" 13690 /> 13691 <!--[if ENDBLOCK]><![endif]--> </figure> 13692 13693 <!-- SKU --> 13694 <p class="mb-2 text-sm font-light text-gray-900">ZB5AA5</p> 13695 13696 <!-- Product name --> 13697 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 13698 <a href="https://www.voltimum.co.uk/product-details/OXSqvV0Y/schneider-electric/push-button-head-plastic-flush-yellow-o22-spring-return-unmarked" class="hover:text-pilot-blue hover:underline" title="Push button head, plastic, flush, yellow, Ã22, spring return, unmarked"> 13699 Push button head, plastic, flush, yellow, Ã22, spring return, unmarked 13700 </a> 13701 </h3> 13702 13703 <!-- Product description --> 13704 <p class="mb-2 text-sm font-light text-gray-900"> 13705 This Harmony XB5, flush yellow button head operates with a spring return mechanism. This button head provides an... 13706 </p> 13707 </div> 13708 13709 <!-- ***** Feature section ***** --> 13710 <div class="mt-auto"> 13711 <!-- Availability info --> 13712 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 13713 <div> 13714 <!--[if BLOCK]><![endif]--> <button 13715 type="button" 13716 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 13717 wire:click.prevent="openProductDistributorsModal('OXSqvV0Y')" 13718 @click=" 13719 jitsuEvent('viewDistributorsModal', { 13720 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 13721 toggleProductDistributorsModal() 13722 " 13723 > 13724 Available: 7 distributors 13725 </button> 13726 <!--[if ENDBLOCK]><![endif]--></div> 13727 </div> 13728 <!--[if ENDBLOCK]><![endif]--> 13729 <!-- Price info --> 13730 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 13731 <!--[if BLOCK]><![endif]--> <!-- Price range --> 13732 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 13733 £ 13734 <span class="font-bold"> 3.82 </span> 13735 - £ 13736 <span class="font-bold"> 6.13 </span> 13737 Excl. VAT 13738 </strong> 13739<!--[if ENDBLOCK]><![endif]--> </p> 13740 <!--[if ENDBLOCK]><![endif]--> 13741 <!-- Vplus points --> 13742 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 13743 <img 13744 loading="lazy" 13745 class="size-[24px]" 13746 width="24" 13747 height="24" 13748 src="https://www.voltimum.co.uk/img/v-plus.svg" 13749 alt="Voltimum+ Loyalty Programme" 13750 /> 13751 Loyalty points: 13752 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 1 13753 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 13754<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 13755 <!-- Add to cart button --> 13756 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 13757 <!--[if BLOCK]><![endif]--> <div 13758 x-data="{ 13759 qty: 1, 13760 inc() {
13761 this.qty = Number(this.qty || 1) + 1; 13762 }, 13763 dec() { 13764 this.qty = Math.max(1, Number(this.qty || 1) - 1); 13765 }, 13766 }" 13767 class="flex items-stretch gap-3" 13768 > 13769 <!-- Stepper --> 13770 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 13771 <!-- Add to cart --> 13772 <button 13773 type="button" 13774 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 13775 @click=" 13776 jitsuEvent('addToBasket', { 13777 products: [ 13778 { 13779 product_sku: 'ZB5AA5', 13780 product_brand_code: 'SCU', 13781 product_quantity: Number(qty) 13782 } 13783 ], 13784 brands: ['SCU'] 13785 }) 13786 13787 $wire.addToCart('OXSqvV0Y', Number(qty), window.location.pathname + window.location.search) 13788 .then(result => { 13789 if (result.tracking && typeof track === 'function') { 13790 track(result.tracking); 13791 } 13792 }); 13793 13794 cartOpen = true; 13795 qty = 1; 13796 " 13797 > 13798 <span class="hidden sm:inline"> Add to cart </span> 13799 <span class="sm:hidden"> 13800 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 13801 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 13802 </svg> 13803 </span> 13804 </button> 13805 </div> 13806<!--[if ENDBLOCK]><![endif]--> </div> 13807 <!--[if ENDBLOCK]><![endif]--> </div> 13808 </div> 13809 </div> 13810</div> 13811 13812 <div 13813 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 13814> 13815 <div class="flex grow flex-col"> 13816 <a href="https://www.voltimum.co.uk/product-details/LfVeZHps/schneider-electric/standard-control-unit-tesys-u-3-12a-3p-motors-thermal-magnetic-protection-class-10-coil-110-240v-acdc" class="bg-white p-2"> 13817 <!-- Product image --> 13818 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 13819 <div x-show="!loaded" class="shimmer-block"></div> 13820 <img 13821 loading="lazy" 13822 width="400" 13823 height="300" 13824 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-luca12fu_image-01-p_file_type-rendition_1500_jpg.png?width=400" 13825 alt="Standard control unit, TeSys U, 3-12A, 3P motors, thermal magnetic protection, class 10, coil 110-240V AC/DC" 13826 class="max-w-full object-contain" 13827 :class="{ 'opacity-0': !loaded }" 13828 style="object-position: " 13829 x-init="loaded = $el.complete" 13830 x-on:load="loaded = true" 13831 x-on:error="loaded = true" 13832 /> 13833 </figure> 13834 </a> 13835 13836 <div class="flex grow flex-col border-t border-mercury p-3"> 13837 <!-- ***** Picture, Name and Description ***** --> 13838 <div class="grow"> 13839 <!-- Partner logo --> 13840 <figure class="mb-2"> 13841 <!--[if BLOCK]><![endif]--> <img 13842 loading="lazy" 13843 width="96" 13844 height="32" 13845 class="square h-8 max-w-24 object-contain mix-blend-multiply" 13846 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 13847 alt="Schneider Electric" 13848 /> 13849 <!--[if ENDBLOCK]><![endif]--> </figure> 13850 13851 <!-- SKU --> 13852 <p class="mb-2 text-sm font-light text-gray-900">LUCA12FU</p> 13853 13854 <!-- Product name --> 13855 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 13856 <a href="https://www.voltimum.co.uk/product-details/LfVeZHps/schneider-electric/standard-control-unit-tesys-u-3-12a-3p-motors-thermal-magnetic-protection-class-10-coil-110-240v-acdc" class="hover:text-pilot-blue hover:underline" title="Standard control unit, TeSys U, 3-12A, 3P motors, thermal magnetic protection, class 10, coil 110-240V AC/DC"> 13857 Standard control unit, TeSys U, 3-12A, 3P motors, thermal magnetic... 13858 </a> 13859 </h3> 13860 13861 <!-- Product description --> 13862 <p class="mb-2 text-sm font-light text-gray-900"> 13863 TeSys U standard control unit to be inserted in power bases LUB12, LUB32, LUB38 to form a TeSys U starter controller,... 13864 </p> 13865 </div> 13866 13867 <!-- ***** Feature section ***** --> 13868 <div class="mt-auto"> 13869 <!-- Availability info --> 13870 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 13871 <div> 13872 <!--[if BLOCK]><![endif]--> <button 13873 type="button" 13874 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 13875 wire:click.prevent="openProductDistributorsModal('LfVeZHps')" 13876 @click=" 13877 jitsuEvent('viewDistributorsModal', { 13878 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 13879 toggleProductDistributorsModal() 13880 " 13881 > 13882 Available: 7 distributors 13883 </button> 13884 <!--[if ENDBLOCK]><![endif]--></div> 13885 </div> 13886 <!--[if ENDBLOCK]><![endif]--> 13887 <!-- Price info --> 13888 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 13889 <!--[if BLOCK]><![endif]--> <!-- Price range --> 13890 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 13891 £ 13892 <span class="font-bold"> 41.92 </span> 13893 - £ 13894 <span class="font-bold"> 92.96 </span> 13895 Excl. VAT 13896 </strong> 13897<!--[if ENDBLOCK]><![endif]--> </p> 13898 <!--[if ENDBLOCK]><![endif]--> 13899 <!-- Vplus points --> 13900 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 13901 <img 13902 loading="lazy" 13903 class="size-[24px]" 13904 width="24" 13905 height="24" 13906 src="https://www.voltimum.co.uk/img/v-plus.svg" 13907 alt="Voltimum+ Loyalty Programme" 13908 /> 13909 Loyalty points: 13910 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 11 13911 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 13912<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 13913 <!-- Add to cart button --> 13914 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 13915 <!--[if BLOCK]><![endif]--> <div 13916 x-data="{ 13917 qty: 1, 13918 inc() {
13919 this.qty = Number(this.qty || 1) + 1; 13920 }, 13921 dec() { 13922 this.qty = Math.max(1, Number(this.qty || 1) - 1); 13923 }, 13924 }" 13925 class="flex items-stretch gap-3" 13926 > 13927 <!-- Stepper --> 13928 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 13929 <!-- Add to cart --> 13930 <button 13931 type="button" 13932 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 13933 @click=" 13934 jitsuEvent('addToBasket', { 13935 products: [ 13936 { 13937 product_sku: 'LUCA12FU', 13938 product_brand_code: 'SCU', 13939 product_quantity: Number(qty) 13940 } 13941 ], 13942 brands: ['SCU'] 13943 }) 13944 13945 $wire.addToCart('LfVeZHps', Number(qty), window.location.pathname + window.location.search) 13946 .then(result => { 13947 if (result.tracking && typeof track === 'function') { 13948 track(result.tracking); 13949 } 13950 }); 13951 13952 cartOpen = true; 13953 qty = 1; 13954 " 13955 > 13956 <span class="hidden sm:inline"> Add to cart </span> 13957 <span class="sm:hidden"> 13958 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 13959 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 13960 </svg> 13961 </span> 13962 </button> 13963 </div> 13964<!--[if ENDBLOCK]><![endif]--> </div> 13965 <!--[if ENDBLOCK]><![endif]--> </div> 13966 </div> 13967 </div> 13968</div> 13969 13970 <div 13971 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 13972> 13973 <div class="flex grow flex-col"> 13974 <a href="https://www.voltimum.co.uk/product-details/TEz6vRtm/schneider-electric/power-base-tesys-u-3p-12a690v" class="bg-white p-2"> 13975 <!-- Product image --> 13976 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 13977 <div x-show="!loaded" class="shimmer-block"></div> 13978 <img 13979 loading="lazy" 13980 width="400" 13981 height="300" 13982 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lub12_image-01-p_file_type-rendition_1500_jpg.png?width=400" 13983 alt="Power base, TeSys U, 3P, 12A/690V" 13984 class="max-w-full object-contain" 13985 :class="{ 'opacity-0': !loaded }" 13986 style="object-position: " 13987 x-init="loaded = $el.complete" 13988 x-on:load="loaded = true" 13989 x-on:error="loaded = true" 13990 /> 13991 </figure> 13992 </a> 13993 13994 <div class="flex grow flex-col border-t border-mercury p-3"> 13995 <!-- ***** Picture, Name and Description ***** --> 13996 <div class="grow"> 13997 <!-- Partner logo --> 13998 <figure class="mb-2"> 13999 <!--[if BLOCK]><![endif]--> <img 14000 loading="lazy" 14001 width="96" 14002 height="32" 14003 class="square h-8 max-w-24 object-contain mix-blend-multiply" 14004 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 14005 alt="Schneider Electric" 14006 /> 14007 <!--[if ENDBLOCK]><![endif]--> </figure> 14008 14009 <!-- SKU --> 14010 <p class="mb-2 text-sm font-light text-gray-900">LUB12</p> 14011 14012 <!-- Product name --> 14013 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 14014 <a href="https://www.voltimum.co.uk/product-details/TEz6vRtm/schneider-electric/power-base-tesys-u-3p-12a690v" class="hover:text-pilot-blue hover:underline" title="Power base, TeSys U, 3P, 12A/690V"> 14015 Power base, TeSys U, 3P, 12A/690V 14016 </a> 14017 </h3> 14018 14019 <!-- Product description --> 14020 <p class="mb-2 text-sm font-light text-gray-900"> 14021 TeSys U standard power base, 3 poles (3NO), 12A/690V, to be completed with a control unit LUC to form a TeSys U... 14022 </p> 14023 </div> 14024 14025 <!-- ***** Feature section ***** --> 14026 <div class="mt-auto"> 14027 <!-- Availability info --> 14028 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 14029 <div> 14030 <!--[if BLOCK]><![endif]--> <button 14031 type="button" 14032 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 14033 wire:click.prevent="openProductDistributorsModal('TEz6vRtm')" 14034 @click=" 14035 jitsuEvent('viewDistributorsModal', { 14036 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 14037 toggleProductDistributorsModal() 14038 " 14039 > 14040 Available: 7 distributors 14041 </button> 14042 <!--[if ENDBLOCK]><![endif]--></div> 14043 </div> 14044 <!--[if ENDBLOCK]><![endif]--> 14045 <!-- Price info --> 14046 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 14047 <!--[if BLOCK]><![endif]--> <!-- Price range --> 14048 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 14049 £ 14050 <span class="font-bold"> 44.02 </span> 14051 - £ 14052 <span class="font-bold"> 76.56 </span> 14053 Excl. VAT 14054 </strong> 14055<!--[if ENDBLOCK]><![endif]--> </p> 14056 <!--[if ENDBLOCK]><![endif]--> 14057 <!-- Vplus points --> 14058 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 14059 <img 14060 loading="lazy" 14061 class="size-[24px]" 14062 width="24" 14063 height="24" 14064 src="https://www.voltimum.co.uk/img/v-plus.svg" 14065 alt="Voltimum+ Loyalty Programme" 14066 /> 14067 Loyalty points: 14068 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 9 14069 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 14070<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 14071 <!-- Add to cart button --> 14072 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 14073 <!--[if BLOCK]><![endif]--> <div 14074 x-data="{ 14075 qty: 1, 14076 inc() {
14077 this.qty = Number(this.qty || 1) + 1; 14078 }, 14079 dec() { 14080 this.qty = Math.max(1, Number(this.qty || 1) - 1); 14081 }, 14082 }" 14083 class="flex items-stretch gap-3" 14084 > 14085 <!-- Stepper --> 14086 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 14087 <!-- Add to cart --> 14088 <button 14089 type="button" 14090 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 14091 @click=" 14092 jitsuEvent('addToBasket', { 14093 products: [ 14094 { 14095 product_sku: 'LUB12', 14096 product_brand_code: 'SCU', 14097 product_quantity: Number(qty) 14098 } 14099 ], 14100 brands: ['SCU'] 14101 }) 14102 14103 $wire.addToCart('TEz6vRtm', Number(qty), window.location.pathname + window.location.search) 14104 .then(result => { 14105 if (result.tracking && typeof track === 'function') { 14106 track(result.tracking); 14107 } 14108 }); 14109 14110 cartOpen = true; 14111 qty = 1; 14112 " 14113 > 14114 <span class="hidden sm:inline"> Add to cart </span> 14115 <span class="sm:hidden"> 14116 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 14117 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 14118 </svg> 14119 </span> 14120 </button> 14121 </div> 14122<!--[if ENDBLOCK]><![endif]--> </div> 14123 <!--[if ENDBLOCK]><![endif]--> </div> 14124 </div> 14125 </div> 14126</div> 14127 14128 <div 14129 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 14130> 14131 <div class="flex grow flex-col"> 14132 <a href="https://www.voltimum.co.uk/product-details/DYiaUegX/schneider-electric/power-base-tesys-u-3p-32a690v" class="bg-white p-2"> 14133 <!-- Product image --> 14134 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 14135 <div x-show="!loaded" class="shimmer-block"></div> 14136 <img 14137 loading="lazy" 14138 width="400" 14139 height="300" 14140 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lub32_image-01-p_file_type-rendition_1500_jpg.png?width=400" 14141 alt="Power base, TeSys U, 3P, 32A/690V" 14142 class="max-w-full object-contain" 14143 :class="{ 'opacity-0': !loaded }" 14144 style="object-position: " 14145 x-init="loaded = $el.complete" 14146 x-on:load="loaded = true" 14147 x-on:error="loaded = true" 14148 /> 14149 </figure> 14150 </a> 14151 14152 <div class="flex grow flex-col border-t border-mercury p-3"> 14153 <!-- ***** Picture, Name and Description ***** --> 14154 <div class="grow"> 14155 <!-- Partner logo --> 14156 <figure class="mb-2"> 14157 <!--[if BLOCK]><![endif]--> <img 14158 loading="lazy" 14159 width="96" 14160 height="32" 14161 class="square h-8 max-w-24 object-contain mix-blend-multiply" 14162 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 14163 alt="Schneider Electric" 14164 /> 14165 <!--[if ENDBLOCK]><![endif]--> </figure> 14166 14167 <!-- SKU --> 14168 <p class="mb-2 text-sm font-light text-gray-900">LUB32</p> 14169 14170 <!-- Product name --> 14171 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 14172 <a href="https://www.voltimum.co.uk/product-details/DYiaUegX/schneider-electric/power-base-tesys-u-3p-32a690v" class="hover:text-pilot-blue hover:underline" title="Power base, TeSys U, 3P, 32A/690V"> 14173 Power base, TeSys U, 3P, 32A/690V 14174 </a> 14175 </h3> 14176 14177 <!-- Product description --> 14178 <p class="mb-2 text-sm font-light text-gray-900"> 14179 TeSys U standard power base, 3 poles (3NO), 32A/690V, to be completed with a control unit LUC to form a TeSys U... 14180 </p> 14181 </div> 14182 14183 <!-- ***** Feature section ***** --> 14184 <div class="mt-auto"> 14185 <!-- Availability info --> 14186 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 14187 <div> 14188 <!--[if BLOCK]><![endif]--> <button 14189 type="button" 14190 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 14191 wire:click.prevent="openProductDistributorsModal('DYiaUegX')" 14192 @click=" 14193 jitsuEvent('viewDistributorsModal', { 14194 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 14195 toggleProductDistributorsModal() 14196 " 14197 > 14198 Available: 7 distributors 14199 </button> 14200 <!--[if ENDBLOCK]><![endif]--></div> 14201 </div> 14202 <!--[if ENDBLOCK]><![endif]--> 14203 <!-- Price info --> 14204 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 14205 <!--[if BLOCK]><![endif]--> <!-- Price range --> 14206 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 14207 £ 14208 <span class="font-bold"> 63.67 </span> 14209 - £ 14210 <span class="font-bold"> 110.72 </span> 14211 Excl. VAT 14212 </strong> 14213<!--[if ENDBLOCK]><![endif]--> </p> 14214 <!--[if ENDBLOCK]><![endif]--> 14215 <!-- Vplus points --> 14216 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 14217 <img 14218 loading="lazy" 14219 class="size-[24px]" 14220 width="24" 14221 height="24" 14222 src="https://www.voltimum.co.uk/img/v-plus.svg" 14223 alt="Voltimum+ Loyalty Programme" 14224 /> 14225 Loyalty points: 14226 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 13 14227 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 14228<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 14229 <!-- Add to cart button --> 14230 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 14231 <!--[if BLOCK]><![endif]--> <div 14232 x-data="{ 14233 qty: 1, 14234 inc() {
14235 this.qty = Number(this.qty || 1) + 1; 14236 }, 14237 dec() { 14238 this.qty = Math.max(1, Number(this.qty || 1) - 1); 14239 }, 14240 }" 14241 class="flex items-stretch gap-3" 14242 > 14243 <!-- Stepper --> 14244 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 14245 <!-- Add to cart --> 14246 <button 14247 type="button" 14248 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 14249 @click=" 14250 jitsuEvent('addToBasket', { 14251 products: [ 14252 { 14253 product_sku: 'LUB32', 14254 product_brand_code: 'SCU', 14255 product_quantity: Number(qty) 14256 } 14257 ], 14258 brands: ['SCU'] 14259 }) 14260 14261 $wire.addToCart('DYiaUegX', Number(qty), window.location.pathname + window.location.search) 14262 .then(result => { 14263 if (result.tracking && typeof track === 'function') { 14264 track(result.tracking); 14265 } 14266 }); 14267 14268 cartOpen = true; 14269 qty = 1; 14270 " 14271 > 14272 <span class="hidden sm:inline"> Add to cart </span> 14273 <span class="sm:hidden"> 14274 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 14275 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 14276 </svg> 14277 </span> 14278 </button> 14279 </div> 14280<!--[if ENDBLOCK]><![endif]--> </div> 14281 <!--[if ENDBLOCK]><![endif]--> </div> 14282 </div> 14283 </div> 14284</div> 14285 14286 <div 14287 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 14288> 14289 <div class="flex grow flex-col"> 14290 <a href="https://www.voltimum.co.uk/product-details/MNzdRtHW/schneider-electric/reversing-power-base-tesys-u-3p-12a690v-coil-24v-dc" class="bg-white p-2"> 14291 <!-- Product image --> 14292 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 14293 <div x-show="!loaded" class="shimmer-block"></div> 14294 <img 14295 loading="lazy" 14296 width="400" 14297 height="300" 14298 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lu2b12bl_image-01-p_file_type-rendition_1500_jpg.png?width=400" 14299 alt="Reversing power base, TeSys U, 3P, 12A/690V, coil 24V DC" 14300 class="max-w-full object-contain" 14301 :class="{ 'opacity-0': !loaded }" 14302 style="object-position: " 14303 x-init="loaded = $el.complete" 14304 x-on:load="loaded = true" 14305 x-on:error="loaded = true" 14306 /> 14307 </figure> 14308 </a> 14309 14310 <div class="flex grow flex-col border-t border-mercury p-3"> 14311 <!-- ***** Picture, Name and Description ***** --> 14312 <div class="grow"> 14313 <!-- Partner logo --> 14314 <figure class="mb-2"> 14315 <!--[if BLOCK]><![endif]--> <img 14316 loading="lazy" 14317 width="96" 14318 height="32" 14319 class="square h-8 max-w-24 object-contain mix-blend-multiply" 14320 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 14321 alt="Schneider Electric" 14322 /> 14323 <!--[if ENDBLOCK]><![endif]--> </figure> 14324 14325 <!-- SKU --> 14326 <p class="mb-2 text-sm font-light text-gray-900">LU2B12BL</p> 14327 14328 <!-- Product name --> 14329 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 14330 <a href="https://www.voltimum.co.uk/product-details/MNzdRtHW/schneider-electric/reversing-power-base-tesys-u-3p-12a690v-coil-24v-dc" class="hover:text-pilot-blue hover:underline" title="Reversing power base, TeSys U, 3P, 12A/690V, coil 24V DC"> 14331 Reversing power base, TeSys U, 3P, 12A/690V, coil 24V DC 14332 </a> 14333 </h3> 14334 14335 <!-- Product description --> 14336 <p class="mb-2 text-sm font-light text-gray-900"> 14337 TeSys U standard reversing power base, 3 poles (3NO), rated 12A/690V, to be completed with a control unit LUC to form... 14338 </p> 14339 </div> 14340 14341 <!-- ***** Feature section ***** --> 14342 <div class="mt-auto"> 14343 <!-- Availability info --> 14344 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 14345 <div> 14346 <!--[if BLOCK]><![endif]--> <button 14347 type="button" 14348 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 14349 wire:click.prevent="openProductDistributorsModal('MNzdRtHW')" 14350 @click=" 14351 jitsuEvent('viewDistributorsModal', { 14352 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 14353 toggleProductDistributorsModal() 14354 " 14355 > 14356 Available: 7 distributors 14357 </button> 14358 <!--[if ENDBLOCK]><![endif]--></div> 14359 </div> 14360 <!--[if ENDBLOCK]><![endif]--> 14361 <!-- Price info --> 14362 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 14363 <!--[if BLOCK]><![endif]--> <!-- Price range --> 14364 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 14365 £ 14366 <span class="font-bold"> 106.99 </span> 14367 - £ 14368 <span class="font-bold"> 213.21 </span> 14369 Excl. VAT 14370 </strong> 14371<!--[if ENDBLOCK]><![endif]--> </p> 14372 <!--[if ENDBLOCK]><![endif]--> 14373 <!-- Vplus points --> 14374 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 14375 <img 14376 loading="lazy" 14377 class="size-[24px]" 14378 width="24" 14379 height="24" 14380 src="https://www.voltimum.co.uk/img/v-plus.svg" 14381 alt="Voltimum+ Loyalty Programme" 14382 /> 14383 Loyalty points: 14384 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 25 14385 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 14386<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 14387 <!-- Add to cart button --> 14388 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 14389 <!--[if BLOCK]><![endif]--> <div 14390 x-data="{ 14391 qty: 1, 14392 inc() {
14393 this.qty = Number(this.qty || 1) + 1; 14394 }, 14395 dec() { 14396 this.qty = Math.max(1, Number(this.qty || 1) - 1); 14397 }, 14398 }" 14399 class="flex items-stretch gap-3" 14400 > 14401 <!-- Stepper --> 14402 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 14403 <!-- Add to cart --> 14404 <button 14405 type="button" 14406 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 14407 @click=" 14408 jitsuEvent('addToBasket', { 14409 products: [ 14410 { 14411 product_sku: 'LU2B12BL', 14412 product_brand_code: 'SCU', 14413 product_quantity: Number(qty) 14414 } 14415 ], 14416 brands: ['SCU'] 14417 }) 14418 14419 $wire.addToCart('MNzdRtHW', Number(qty), window.location.pathname + window.location.search) 14420 .then(result => { 14421 if (result.tracking && typeof track === 'function') { 14422 track(result.tracking); 14423 } 14424 }); 14425 14426 cartOpen = true; 14427 qty = 1; 14428 " 14429 > 14430 <span class="hidden sm:inline"> Add to cart </span> 14431 <span class="sm:hidden"> 14432 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 14433 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 14434 </svg> 14435 </span> 14436 </button> 14437 </div> 14438<!--[if ENDBLOCK]><![endif]--> </div> 14439 <!--[if ENDBLOCK]><![endif]--> </div> 14440 </div> 14441 </div> 14442</div> 14443 14444 <div 14445 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 14446> 14447 <div class="flex grow flex-col"> 14448 <a href="https://www.voltimum.co.uk/product-details/QGp1i9XM/schneider-electric/current-limiter-module-tesys-gv2-on-device-mounting" class="bg-white p-2"> 14449 <!-- Product image --> 14450 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 14451 <div x-show="!loaded" class="shimmer-block"></div> 14452 <img 14453 loading="lazy" 14454 width="400" 14455 height="300" 14456 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-gv1l3_image-p_file_type-rendition_1500_jpg.png?width=400" 14457 alt="Current limiter module, TeSys GV2, on device mounting" 14458 class="max-w-full object-contain" 14459 :class="{ 'opacity-0': !loaded }" 14460 style="object-position: " 14461 x-init="loaded = $el.complete" 14462 x-on:load="loaded = true" 14463 x-on:error="loaded = true" 14464 /> 14465 </figure> 14466 </a> 14467 14468 <div class="flex grow flex-col border-t border-mercury p-3"> 14469 <!-- ***** Picture, Name and Description ***** --> 14470 <div class="grow"> 14471 <!-- Partner logo --> 14472 <figure class="mb-2"> 14473 <!--[if BLOCK]><![endif]--> <img 14474 loading="lazy" 14475 width="96" 14476 height="32" 14477 class="square h-8 max-w-24 object-contain mix-blend-multiply" 14478 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 14479 alt="Schneider Electric" 14480 /> 14481 <!--[if ENDBLOCK]><![endif]--> </figure> 14482 14483 <!-- SKU --> 14484 <p class="mb-2 text-sm font-light text-gray-900">GV1L3</p> 14485 14486 <!-- Product name --> 14487 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 14488 <a href="https://www.voltimum.co.uk/product-details/QGp1i9XM/schneider-electric/current-limiter-module-tesys-gv2-on-device-mounting" class="hover:text-pilot-blue hover:underline" title="Current limiter module, TeSys GV2, on device mounting"> 14489 Current limiter module, TeSys GV2, on device mounting 14490 </a> 14491 </h3> 14492 14493 <!-- Product description --> 14494 <p class="mb-2 text-sm font-light text-gray-900"> 14495 TeSys GV short circuit current limiter block for motor circuit breakers GV2L/LE/P/ME/RT. It increases the ability of the... 14496 </p> 14497 </div> 14498 14499 <!-- ***** Feature section ***** --> 14500 <div class="mt-auto"> 14501 <!-- Availability info --> 14502 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 14503 <div> 14504 <!--[if BLOCK]><![endif]--> <button 14505 type="button" 14506 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 14507 wire:click.prevent="openProductDistributorsModal('QGp1i9XM')" 14508 @click=" 14509 jitsuEvent('viewDistributorsModal', { 14510 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 14511 toggleProductDistributorsModal() 14512 " 14513 > 14514 Available: 7 distributors 14515 </button> 14516 <!--[if ENDBLOCK]><![endif]--></div> 14517 </div> 14518 <!--[if ENDBLOCK]><![endif]--> 14519 <!-- Price info --> 14520 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 14521 <!--[if BLOCK]><![endif]--> <!-- Price range --> 14522 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 14523 £ 14524 <span class="font-bold"> 48.23 </span> 14525 - £ 14526 <span class="font-bold"> 78.56 </span> 14527 Excl. VAT 14528 </strong> 14529<!--[if ENDBLOCK]><![endif]--> </p> 14530 <!--[if ENDBLOCK]><![endif]--> 14531 <!-- Vplus points --> 14532 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 14533 <img 14534 loading="lazy" 14535 class="size-[24px]" 14536 width="24" 14537 height="24" 14538 src="https://www.voltimum.co.uk/img/v-plus.svg" 14539 alt="Voltimum+ Loyalty Programme" 14540 /> 14541 Loyalty points: 14542 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 10 14543 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 14544<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 14545 <!-- Add to cart button --> 14546 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 14547 <!--[if BLOCK]><![endif]--> <div 14548 x-data="{ 14549 qty: 1, 14550 inc() {
14551 this.qty = Number(this.qty || 1) + 1; 14552 }, 14553 dec() { 14554 this.qty = Math.max(1, Number(this.qty || 1) - 1); 14555 }, 14556 }" 14557 class="flex items-stretch gap-3" 14558 > 14559 <!-- Stepper --> 14560 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 14561 <!-- Add to cart --> 14562 <button 14563 type="button" 14564 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 14565 @click=" 14566 jitsuEvent('addToBasket', { 14567 products: [ 14568 { 14569 product_sku: 'GV1L3', 14570 product_brand_code: 'SCU', 14571 product_quantity: Number(qty) 14572 } 14573 ], 14574 brands: ['SCU'] 14575 }) 14576 14577 $wire.addToCart('QGp1i9XM', Number(qty), window.location.pathname + window.location.search) 14578 .then(result => { 14579 if (result.tracking && typeof track === 'function') { 14580 track(result.tracking); 14581 } 14582 }); 14583 14584 cartOpen = true; 14585 qty = 1; 14586 " 14587 > 14588 <span class="hidden sm:inline"> Add to cart </span> 14589 <span class="sm:hidden"> 14590 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 14591 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 14592 </svg> 14593 </span> 14594 </button> 14595 </div> 14596<!--[if ENDBLOCK]><![endif]--> </div> 14597 <!--[if ENDBLOCK]><![endif]--> </div> 14598 </div> 14599 </div> 14600</div> 14601 14602 <div 14603 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 14604> 14605 <div class="flex grow flex-col"> 14606 <a href="https://www.voltimum.co.uk/product-details/34X8bw3g/schneider-electric/pm5110-meter-modbus-up-to-15th-h-1do-33-alarms" class="bg-white p-2"> 14607 <!-- Product image --> 14608 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 14609 <div x-show="!loaded" class="shimmer-block"></div> 14610 <img 14611 loading="lazy" 14612 width="400" 14613 height="300" 14614 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-metsepm5110_iop-def-p_file_type-rendition_1500_jpg.png?width=400" 14615 alt="PM5110 Meter, modbus, up to 15th H, 1DO 33 alarms" 14616 class="max-w-full object-contain" 14617 :class="{ 'opacity-0': !loaded }" 14618 style="object-position: " 14619 x-init="loaded = $el.complete" 14620 x-on:load="loaded = true" 14621 x-on:error="loaded = true" 14622 /> 14623 </figure> 14624 </a> 14625 14626 <div class="flex grow flex-col border-t border-mercury p-3"> 14627 <!-- ***** Picture, Name and Description ***** --> 14628 <div class="grow"> 14629 <!-- Partner logo --> 14630 <figure class="mb-2"> 14631 <!--[if BLOCK]><![endif]--> <img 14632 loading="lazy" 14633 width="96" 14634 height="32" 14635 class="square h-8 max-w-24 object-contain mix-blend-multiply" 14636 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 14637 alt="Schneider Electric" 14638 /> 14639 <!--[if ENDBLOCK]><![endif]--> </figure> 14640 14641 <!-- SKU --> 14642 <p class="mb-2 text-sm font-light text-gray-900">METSEPM5110</p> 14643 14644 <!-- Product name --> 14645 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 14646 <a href="https://www.voltimum.co.uk/product-details/34X8bw3g/schneider-electric/pm5110-meter-modbus-up-to-15th-h-1do-33-alarms" class="hover:text-pilot-blue hover:underline" title="PM5110 Meter, modbus, up to 15th H, 1DO 33 alarms"> 14647 PM5110 Meter, modbus, up to 15th H, 1DO 33 alarms 14648 </a> 14649 </h3> 14650 14651 <!-- Product description --> 14652 <p class="mb-2 text-sm font-light text-gray-900"> 14653 This device is a flush-mount energy meter with a 96mm by 96mm backlit LCD display. The meter provides Class 0.5S... 14654 </p> 14655 </div> 14656 14657 <!-- ***** Feature section ***** --> 14658 <div class="mt-auto"> 14659 <!-- Availability info --> 14660 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 14661 <div> 14662 <!--[if BLOCK]><![endif]--> <button 14663 type="button" 14664 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 14665 wire:click.prevent="openProductDistributorsModal('34X8bw3g')" 14666 @click=" 14667 jitsuEvent('viewDistributorsModal', { 14668 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 14669 toggleProductDistributorsModal() 14670 " 14671 > 14672 Available: 7 distributors 14673 </button> 14674 <!--[if ENDBLOCK]><![endif]--></div> 14675 </div> 14676 <!--[if ENDBLOCK]><![endif]--> 14677 <!-- Price info --> 14678 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 14679 <!--[if BLOCK]><![endif]--> <!-- Price range --> 14680 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 14681 £ 14682 <span class="font-bold"> 224.91 </span> 14683 - £ 14684 <span class="font-bold"> 357.44 </span> 14685 Excl. VAT 14686 </strong> 14687<!--[if ENDBLOCK]><![endif]--> </p> 14688 <!--[if ENDBLOCK]><![endif]--> 14689 <!-- Vplus points --> 14690 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 14691 <img 14692 loading="lazy" 14693 class="size-[24px]" 14694 width="24" 14695 height="24" 14696 src="https://www.voltimum.co.uk/img/v-plus.svg" 14697 alt="Voltimum+ Loyalty Programme" 14698 /> 14699 Loyalty points: 14700 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 42 14701 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 14702<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 14703 <!-- Add to cart button --> 14704 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 14705 <!--[if BLOCK]><![endif]--> <div 14706 x-data="{ 14707 qty: 1, 14708 inc() {
14709 this.qty = Number(this.qty || 1) + 1; 14710 }, 14711 dec() { 14712 this.qty = Math.max(1, Number(this.qty || 1) - 1); 14713 }, 14714 }" 14715 class="flex items-stretch gap-3" 14716 > 14717 <!-- Stepper --> 14718 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 14719 <!-- Add to cart --> 14720 <button 14721 type="button" 14722 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 14723 @click=" 14724 jitsuEvent('addToBasket', { 14725 products: [ 14726 { 14727 product_sku: 'METSEPM5110', 14728 product_brand_code: 'SCU', 14729 product_quantity: Number(qty) 14730 } 14731 ], 14732 brands: ['SCU'] 14733 }) 14734 14735 $wire.addToCart('34X8bw3g', Number(qty), window.location.pathname + window.location.search) 14736 .then(result => { 14737 if (result.tracking && typeof track === 'function') { 14738 track(result.tracking); 14739 } 14740 }); 14741 14742 cartOpen = true; 14743 qty = 1; 14744 " 14745 > 14746 <span class="hidden sm:inline"> Add to cart </span> 14747 <span class="sm:hidden"> 14748 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 14749 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 14750 </svg> 14751 </span> 14752 </button> 14753 </div> 14754<!--[if ENDBLOCK]><![endif]--> </div> 14755 <!--[if ENDBLOCK]><![endif]--> </div> 14756 </div> 14757 </div> 14758</div> 14759 14760 <div 14761 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 14762> 14763 <div class="flex grow flex-col"> 14764 <a href="https://www.voltimum.co.uk/product-details/t7mrqafk/schneider-electric/pm5100-meter-without-communication-up-to-15th-h-1do-33-alarms" class="bg-white p-2"> 14765 <!-- Product image --> 14766 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 14767 <div x-show="!loaded" class="shimmer-block"></div> 14768 <img 14769 loading="lazy" 14770 width="400" 14771 height="300" 14772 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-metsepm5100_iop-def-p_file_type-rendition_1500_jpg.png?width=400" 14773 alt="PM5100 Meter, without communication, up to 15th H, 1DO 33 alarms" 14774 class="max-w-full object-contain" 14775 :class="{ 'opacity-0': !loaded }" 14776 style="object-position: " 14777 x-init="loaded = $el.complete" 14778 x-on:load="loaded = true" 14779 x-on:error="loaded = true" 14780 /> 14781 </figure> 14782 </a> 14783 14784 <div class="flex grow flex-col border-t border-mercury p-3"> 14785 <!-- ***** Picture, Name and Description ***** --> 14786 <div class="grow"> 14787 <!-- Partner logo --> 14788 <figure class="mb-2"> 14789 <!--[if BLOCK]><![endif]--> <img 14790 loading="lazy" 14791 width="96" 14792 height="32" 14793 class="square h-8 max-w-24 object-contain mix-blend-multiply" 14794 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 14795 alt="Schneider Electric" 14796 /> 14797 <!--[if ENDBLOCK]><![endif]--> </figure> 14798 14799 <!-- SKU --> 14800 <p class="mb-2 text-sm font-light text-gray-900">METSEPM5100</p> 14801 14802 <!-- Product name --> 14803 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 14804 <a href="https://www.voltimum.co.uk/product-details/t7mrqafk/schneider-electric/pm5100-meter-without-communication-up-to-15th-h-1do-33-alarms" class="hover:text-pilot-blue hover:underline" title="PM5100 Meter, without communication, up to 15th H, 1DO 33 alarms"> 14805 PM5100 Meter, without communication, up to 15th H, 1DO 33 alarms 14806 </a> 14807 </h3> 14808 14809 <!-- Product description --> 14810 <p class="mb-2 text-sm font-light text-gray-900"> 14811 This device is a flush-mount energy meter with a 96mm by 96mm backlit LCD display. The meter provides Class 0.5S... 14812 </p> 14813 </div> 14814 14815 <!-- ***** Feature section ***** --> 14816 <div class="mt-auto"> 14817 <!-- Availability info --> 14818 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 14819 <div> 14820 <!--[if BLOCK]><![endif]--> <button 14821 type="button" 14822 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 14823 wire:click.prevent="openProductDistributorsModal('t7mrqafk')" 14824 @click=" 14825 jitsuEvent('viewDistributorsModal', { 14826 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 14827 toggleProductDistributorsModal() 14828 " 14829 > 14830 Available: 7 distributors 14831 </button> 14832 <!--[if ENDBLOCK]><![endif]--></div> 14833 </div> 14834 <!--[if ENDBLOCK]><![endif]--> 14835 <!-- Price info --> 14836 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 14837 <!--[if BLOCK]><![endif]--> <!-- Price range --> 14838 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 14839 £ 14840 <span class="font-bold"> 199.18 </span> 14841 - £ 14842 <span class="font-bold"> 298.72 </span> 14843 Excl. VAT 14844 </strong> 14845<!--[if ENDBLOCK]><![endif]--> </p> 14846 <!--[if ENDBLOCK]><![endif]--> 14847 <!-- Vplus points --> 14848 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 14849 <img 14850 loading="lazy" 14851 class="size-[24px]" 14852 width="24" 14853 height="24" 14854 src="https://www.voltimum.co.uk/img/v-plus.svg" 14855 alt="Voltimum+ Loyalty Programme" 14856 /> 14857 Loyalty points: 14858 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 35 14859 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 14860<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 14861 <!-- Add to cart button --> 14862 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 14863 <!--[if BLOCK]><![endif]--> <div 14864 x-data="{ 14865 qty: 1, 14866 inc() {
14867 this.qty = Number(this.qty || 1) + 1; 14868 }, 14869 dec() { 14870 this.qty = Math.max(1, Number(this.qty || 1) - 1); 14871 }, 14872 }" 14873 class="flex items-stretch gap-3" 14874 > 14875 <!-- Stepper --> 14876 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 14877 <!-- Add to cart --> 14878 <button 14879 type="button" 14880 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 14881 @click=" 14882 jitsuEvent('addToBasket', { 14883 products: [ 14884 { 14885 product_sku: 'METSEPM5100', 14886 product_brand_code: 'SCU', 14887 product_quantity: Number(qty) 14888 } 14889 ], 14890 brands: ['SCU'] 14891 }) 14892 14893 $wire.addToCart('t7mrqafk', Number(qty), window.location.pathname + window.location.search) 14894 .then(result => { 14895 if (result.tracking && typeof track === 'function') { 14896 track(result.tracking); 14897 } 14898 }); 14899 14900 cartOpen = true; 14901 qty = 1; 14902 " 14903 > 14904 <span class="hidden sm:inline"> Add to cart </span> 14905 <span class="sm:hidden"> 14906 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 14907 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 14908 </svg> 14909 </span> 14910 </button> 14911 </div> 14912<!--[if ENDBLOCK]><![endif]--> </div> 14913 <!--[if ENDBLOCK]><![endif]--> </div> 14914 </div> 14915 </div> 14916</div> 14917 14918 <div 14919 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 14920> 14921 <div class="flex grow flex-col"> 14922 <a href="https://www.voltimum.co.uk/product-details/5BraLXuu/schneider-electric/tesys-lrd-thermal-overload-relays-710-a-class-10a" class="bg-white p-2"> 14923 <!-- Product image --> 14924 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 14925 <div x-show="!loaded" class="shimmer-block"></div> 14926 <img 14927 loading="lazy" 14928 width="400" 14929 height="300" 14930 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd14_image-p_file_type-rendition_1500_jpg.png?width=400" 14931 alt="TeSys LRD thermal overload relays - 7...10 A - class 10A" 14932 class="max-w-full object-contain" 14933 :class="{ 'opacity-0': !loaded }" 14934 style="object-position: " 14935 x-init="loaded = $el.complete" 14936 x-on:load="loaded = true" 14937 x-on:error="loaded = true" 14938 /> 14939 </figure> 14940 </a> 14941 14942 <div class="flex grow flex-col border-t border-mercury p-3"> 14943 <!-- ***** Picture, Name and Description ***** --> 14944 <div class="grow"> 14945 <!-- Partner logo --> 14946 <figure class="mb-2"> 14947 <!--[if BLOCK]><![endif]--> <img 14948 loading="lazy" 14949 width="96" 14950 height="32" 14951 class="square h-8 max-w-24 object-contain mix-blend-multiply" 14952 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 14953 alt="Schneider Electric" 14954 /> 14955 <!--[if ENDBLOCK]><![endif]--> </figure> 14956 14957 <!-- SKU --> 14958 <p class="mb-2 text-sm font-light text-gray-900">LRD14</p> 14959 14960 <!-- Product name --> 14961 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 14962 <a href="https://www.voltimum.co.uk/product-details/5BraLXuu/schneider-electric/tesys-lrd-thermal-overload-relays-710-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 7...10 A - class 10A"> 14963 TeSys LRD thermal overload relays - 7...10 A - class 10A 14964 </a> 14965 </h3> 14966 14967 <!-- Product description --> 14968 <p class="mb-2 text-sm font-light text-gray-900"> 14969 TeSys LRD thermal overload relay, 10A/690V, thermal setting range 7-10A, tripping class 10A, for protection of 3-phase... 14970 </p> 14971 </div> 14972 14973 <!-- ***** Feature section ***** --> 14974 <div class="mt-auto"> 14975 <!-- Availability info --> 14976 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 14977 <div> 14978 <!--[if BLOCK]><![endif]--> <button 14979 type="button" 14980 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 14981 wire:click.prevent="openProductDistributorsModal('5BraLXuu')" 14982 @click=" 14983 jitsuEvent('viewDistributorsModal', { 14984 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 14985 toggleProductDistributorsModal() 14986 " 14987 > 14988 Available: 7 distributors 14989 </button> 14990 <!--[if ENDBLOCK]><![endif]--></div> 14991 </div> 14992 <!--[if ENDBLOCK]><![endif]--> 14993 <!-- Price info --> 14994 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 14995 <!--[if BLOCK]><![endif]--> <!-- Price range --> 14996 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 14997 £ 14998 <span class="font-bold"> 32.06 </span> 14999 - £ 15000 <span class="font-bold"> 52.23 </span> 15001 Excl. VAT 15002 </strong> 15003<!--[if ENDBLOCK]><![endif]--> </p> 15004 <!--[if ENDBLOCK]><![endif]--> 15005 <!-- Vplus points --> 15006 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 15007 <img 15008 loading="lazy" 15009 class="size-[24px]" 15010 width="24" 15011 height="24" 15012 src="https://www.voltimum.co.uk/img/v-plus.svg" 15013 alt="Voltimum+ Loyalty Programme" 15014 /> 15015 Loyalty points: 15016 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 7 15017 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 15018<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 15019 <!-- Add to cart button --> 15020 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 15021 <!--[if BLOCK]><![endif]--> <div 15022 x-data="{ 15023 qty: 1, 15024 inc() {
15025 this.qty = Number(this.qty || 1) + 1; 15026 }, 15027 dec() { 15028 this.qty = Math.max(1, Number(this.qty || 1) - 1); 15029 }, 15030 }" 15031 class="flex items-stretch gap-3" 15032 > 15033 <!-- Stepper --> 15034 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 15035 <!-- Add to cart --> 15036 <button 15037 type="button" 15038 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 15039 @click=" 15040 jitsuEvent('addToBasket', { 15041 products: [ 15042 { 15043 product_sku: 'LRD14', 15044 product_brand_code: 'SCU', 15045 product_quantity: Number(qty) 15046 } 15047 ], 15048 brands: ['SCU'] 15049 }) 15050 15051 $wire.addToCart('5BraLXuu', Number(qty), window.location.pathname + window.location.search) 15052 .then(result => { 15053 if (result.tracking && typeof track === 'function') { 15054 track(result.tracking); 15055 } 15056 }); 15057 15058 cartOpen = true; 15059 qty = 1; 15060 " 15061 > 15062 <span class="hidden sm:inline"> Add to cart </span> 15063 <span class="sm:hidden"> 15064 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 15065 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 15066 </svg> 15067 </span> 15068 </button> 15069 </div> 15070<!--[if ENDBLOCK]><![endif]--> </div> 15071 <!--[if ENDBLOCK]><![endif]--> </div> 15072 </div> 15073 </div> 15074</div> 15075 15076 <div 15077 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 15078> 15079 <div class="flex grow flex-col"> 15080 <a href="https://www.voltimum.co.uk/product-details/PiAqKod9/schneider-electric/thermal-overload-relay-tesys-lrd-913-a-class-10a" class="bg-white p-2"> 15081 <!-- Product image --> 15082 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 15083 <div x-show="!loaded" class="shimmer-block"></div> 15084 <img 15085 loading="lazy" 15086 width="400" 15087 height="300" 15088 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd16_image-p_file_type-rendition_1500_jpg.png?width=400" 15089 alt="Thermal overload relay, TeSys LRD, 9...13 A, class 10A" 15090 class="max-w-full object-contain" 15091 :class="{ 'opacity-0': !loaded }" 15092 style="object-position: " 15093 x-init="loaded = $el.complete" 15094 x-on:load="loaded = true" 15095 x-on:error="loaded = true" 15096 /> 15097 </figure> 15098 </a> 15099 15100 <div class="flex grow flex-col border-t border-mercury p-3"> 15101 <!-- ***** Picture, Name and Description ***** --> 15102 <div class="grow"> 15103 <!-- Partner logo --> 15104 <figure class="mb-2"> 15105 <!--[if BLOCK]><![endif]--> <img 15106 loading="lazy" 15107 width="96" 15108 height="32" 15109 class="square h-8 max-w-24 object-contain mix-blend-multiply" 15110 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 15111 alt="Schneider Electric" 15112 /> 15113 <!--[if ENDBLOCK]><![endif]--> </figure> 15114 15115 <!-- SKU --> 15116 <p class="mb-2 text-sm font-light text-gray-900">LRD16</p> 15117 15118 <!-- Product name --> 15119 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 15120 <a href="https://www.voltimum.co.uk/product-details/PiAqKod9/schneider-electric/thermal-overload-relay-tesys-lrd-913-a-class-10a" class="hover:text-pilot-blue hover:underline" title="Thermal overload relay, TeSys LRD, 9...13 A, class 10A"> 15121 Thermal overload relay, TeSys LRD, 9...13 A, class 10A 15122 </a> 15123 </h3> 15124 15125 <!-- Product description --> 15126 <p class="mb-2 text-sm font-light text-gray-900"> 15127 TeSys LRD thermal overload relay, 13A/690V, thermal setting range 9-13A, tripping class 10A, for protection of 3-phase... 15128 </p> 15129 </div> 15130 15131 <!-- ***** Feature section ***** --> 15132 <div class="mt-auto"> 15133 <!-- Availability info --> 15134 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 15135 <div> 15136 <!--[if BLOCK]><![endif]--> <button 15137 type="button" 15138 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 15139 wire:click.prevent="openProductDistributorsModal('PiAqKod9')" 15140 @click=" 15141 jitsuEvent('viewDistributorsModal', { 15142 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 15143 toggleProductDistributorsModal() 15144 " 15145 > 15146 Available: 7 distributors 15147 </button> 15148 <!--[if ENDBLOCK]><![endif]--></div> 15149 </div> 15150 <!--[if ENDBLOCK]><![endif]--> 15151 <!-- Price info --> 15152 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 15153 <!--[if BLOCK]><![endif]--> <!-- Price range --> 15154 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 15155 £ 15156 <span class="font-bold"> 34.35 </span> 15157 - £ 15158 <span class="font-bold"> 55.93 </span> 15159 Excl. VAT 15160 </strong> 15161<!--[if ENDBLOCK]><![endif]--> </p> 15162 <!--[if ENDBLOCK]><![endif]--> 15163 <!-- Vplus points --> 15164 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 15165 <img 15166 loading="lazy" 15167 class="size-[24px]" 15168 width="24" 15169 height="24" 15170 src="https://www.voltimum.co.uk/img/v-plus.svg" 15171 alt="Voltimum+ Loyalty Programme" 15172 /> 15173 Loyalty points: 15174 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 7 15175 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 15176<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 15177 <!-- Add to cart button --> 15178 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 15179 <!--[if BLOCK]><![endif]--> <div 15180 x-data="{ 15181 qty: 1, 15182 inc() {
15183 this.qty = Number(this.qty || 1) + 1; 15184 }, 15185 dec() { 15186 this.qty = Math.max(1, Number(this.qty || 1) - 1); 15187 }, 15188 }" 15189 class="flex items-stretch gap-3" 15190 > 15191 <!-- Stepper --> 15192 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 15193 <!-- Add to cart --> 15194 <button 15195 type="button" 15196 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 15197 @click=" 15198 jitsuEvent('addToBasket', { 15199 products: [ 15200 { 15201 product_sku: 'LRD16', 15202 product_brand_code: 'SCU', 15203 product_quantity: Number(qty) 15204 } 15205 ], 15206 brands: ['SCU'] 15207 }) 15208 15209 $wire.addToCart('PiAqKod9', Number(qty), window.location.pathname + window.location.search) 15210 .then(result => { 15211 if (result.tracking && typeof track === 'function') { 15212 track(result.tracking); 15213 } 15214 }); 15215 15216 cartOpen = true; 15217 qty = 1; 15218 " 15219 > 15220 <span class="hidden sm:inline"> Add to cart </span> 15221 <span class="sm:hidden"> 15222 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 15223 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 15224 </svg> 15225 </span> 15226 </button> 15227 </div> 15228<!--[if ENDBLOCK]><![endif]--> </div> 15229 <!--[if ENDBLOCK]><![endif]--> </div> 15230 </div> 15231 </div> 15232</div> 15233 15234 <div 15235 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 15236> 15237 <div class="flex grow flex-col"> 15238 <a href="https://www.voltimum.co.uk/product-details/gYBWyat9/schneider-electric/thermal-overload-relay-tesys-lrd-558-a-class-10a" class="bg-white p-2"> 15239 <!-- Product image --> 15240 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 15241 <div x-show="!loaded" class="shimmer-block"></div> 15242 <img 15243 loading="lazy" 15244 width="400" 15245 height="300" 15246 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd12_image-p_file_type-rendition_1500_jpg.png?width=400" 15247 alt="Thermal overload relay, TeSys LRD, 5.5...8 A, class 10A" 15248 class="max-w-full object-contain" 15249 :class="{ 'opacity-0': !loaded }" 15250 style="object-position: " 15251 x-init="loaded = $el.complete" 15252 x-on:load="loaded = true" 15253 x-on:error="loaded = true" 15254 /> 15255 </figure> 15256 </a> 15257 15258 <div class="flex grow flex-col border-t border-mercury p-3"> 15259 <!-- ***** Picture, Name and Description ***** --> 15260 <div class="grow"> 15261 <!-- Partner logo --> 15262 <figure class="mb-2"> 15263 <!--[if BLOCK]><![endif]--> <img 15264 loading="lazy" 15265 width="96" 15266 height="32" 15267 class="square h-8 max-w-24 object-contain mix-blend-multiply" 15268 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 15269 alt="Schneider Electric" 15270 /> 15271 <!--[if ENDBLOCK]><![endif]--> </figure> 15272 15273 <!-- SKU --> 15274 <p class="mb-2 text-sm font-light text-gray-900">LRD12</p> 15275 15276 <!-- Product name --> 15277 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 15278 <a href="https://www.voltimum.co.uk/product-details/gYBWyat9/schneider-electric/thermal-overload-relay-tesys-lrd-558-a-class-10a" class="hover:text-pilot-blue hover:underline" title="Thermal overload relay, TeSys LRD, 5.5...8 A, class 10A"> 15279 Thermal overload relay, TeSys LRD, 5.5...8 A, class 10A 15280 </a> 15281 </h3> 15282 15283 <!-- Product description --> 15284 <p class="mb-2 text-sm font-light text-gray-900"> 15285 TeSys LRD thermal overload relay, 8A/690V, thermal setting range 5.5-8A, tripping class 10A, for protection of 3-phase... 15286 </p> 15287 </div> 15288 15289 <!-- ***** Feature section ***** --> 15290 <div class="mt-auto"> 15291 <!-- Availability info --> 15292 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 15293 <div> 15294 <!--[if BLOCK]><![endif]--> <button 15295 type="button" 15296 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 15297 wire:click.prevent="openProductDistributorsModal('gYBWyat9')" 15298 @click=" 15299 jitsuEvent('viewDistributorsModal', { 15300 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 15301 toggleProductDistributorsModal() 15302 " 15303 > 15304 Available: 7 distributors 15305 </button> 15306 <!--[if ENDBLOCK]><![endif]--></div> 15307 </div> 15308 <!--[if ENDBLOCK]><![endif]--> 15309 <!-- Price info --> 15310 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 15311 <!--[if BLOCK]><![endif]--> <!-- Price range --> 15312 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 15313 £ 15314 <span class="font-bold"> 32.06 </span> 15315 - £ 15316 <span class="font-bold"> 52.23 </span> 15317 Excl. VAT 15318 </strong> 15319<!--[if ENDBLOCK]><![endif]--> </p> 15320 <!--[if ENDBLOCK]><![endif]--> 15321 <!-- Vplus points --> 15322 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 15323 <img 15324 loading="lazy" 15325 class="size-[24px]" 15326 width="24" 15327 height="24" 15328 src="https://www.voltimum.co.uk/img/v-plus.svg" 15329 alt="Voltimum+ Loyalty Programme" 15330 /> 15331 Loyalty points: 15332 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 7 15333 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 15334<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 15335 <!-- Add to cart button --> 15336 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 15337 <!--[if BLOCK]><![endif]--> <div 15338 x-data="{ 15339 qty: 1, 15340 inc() {
15341 this.qty = Number(this.qty || 1) + 1; 15342 }, 15343 dec() { 15344 this.qty = Math.max(1, Number(this.qty || 1) - 1); 15345 }, 15346 }" 15347 class="flex items-stretch gap-3" 15348 > 15349 <!-- Stepper --> 15350 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 15351 <!-- Add to cart --> 15352 <button 15353 type="button" 15354 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 15355 @click=" 15356 jitsuEvent('addToBasket', { 15357 products: [ 15358 { 15359 product_sku: 'LRD12', 15360 product_brand_code: 'SCU', 15361 product_quantity: Number(qty) 15362 } 15363 ], 15364 brands: ['SCU'] 15365 }) 15366 15367 $wire.addToCart('gYBWyat9', Number(qty), window.location.pathname + window.location.search) 15368 .then(result => { 15369 if (result.tracking && typeof track === 'function') { 15370 track(result.tracking); 15371 } 15372 }); 15373 15374 cartOpen = true; 15375 qty = 1; 15376 " 15377 > 15378 <span class="hidden sm:inline"> Add to cart </span> 15379 <span class="sm:hidden"> 15380 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 15381 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 15382 </svg> 15383 </span> 15384 </button> 15385 </div> 15386<!--[if ENDBLOCK]><![endif]--> </div> 15387 <!--[if ENDBLOCK]><![endif]--> </div> 15388 </div> 15389 </div> 15390</div> 15391 15392 <div 15393 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 15394> 15395 <div class="flex grow flex-col"> 15396 <a href="https://www.voltimum.co.uk/product-details/c3YqTsff/schneider-electric/tesys-lrd-thermal-overload-relays-1625-a-class-10a" class="bg-white p-2"> 15397 <!-- Product image --> 15398 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 15399 <div x-show="!loaded" class="shimmer-block"></div> 15400 <img 15401 loading="lazy" 15402 width="400" 15403 height="300" 15404 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd07_image-p_file_type-rendition_1500_jpg.png?width=400" 15405 alt="TeSys LRD thermal overload relays - 1.6...2.5 A - class 10A" 15406 class="max-w-full object-contain" 15407 :class="{ 'opacity-0': !loaded }" 15408 style="object-position: " 15409 x-init="loaded = $el.complete" 15410 x-on:load="loaded = true" 15411 x-on:error="loaded = true" 15412 /> 15413 </figure> 15414 </a> 15415 15416 <div class="flex grow flex-col border-t border-mercury p-3"> 15417 <!-- ***** Picture, Name and Description ***** --> 15418 <div class="grow"> 15419 <!-- Partner logo --> 15420 <figure class="mb-2"> 15421 <!--[if BLOCK]><![endif]--> <img 15422 loading="lazy" 15423 width="96" 15424 height="32" 15425 class="square h-8 max-w-24 object-contain mix-blend-multiply" 15426 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 15427 alt="Schneider Electric" 15428 /> 15429 <!--[if ENDBLOCK]><![endif]--> </figure> 15430 15431 <!-- SKU --> 15432 <p class="mb-2 text-sm font-light text-gray-900">LRD07</p> 15433 15434 <!-- Product name --> 15435 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 15436 <a href="https://www.voltimum.co.uk/product-details/c3YqTsff/schneider-electric/tesys-lrd-thermal-overload-relays-1625-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 1.6...2.5 A - class 10A"> 15437 TeSys LRD thermal overload relays - 1.6...2.5 A - class 10A 15438 </a> 15439 </h3> 15440 15441 <!-- Product description --> 15442 <p class="mb-2 text-sm font-light text-gray-900"> 15443 TeSys LRD thermal overload relay, 2.5A/690V, thermal setting range 1.6-2.5A, tripping class 10A, for protection of... 15444 </p> 15445 </div> 15446 15447 <!-- ***** Feature section ***** --> 15448 <div class="mt-auto"> 15449 <!-- Availability info --> 15450 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 15451 <div> 15452 <!--[if BLOCK]><![endif]--> <button 15453 type="button" 15454 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 15455 wire:click.prevent="openProductDistributorsModal('c3YqTsff')" 15456 @click=" 15457 jitsuEvent('viewDistributorsModal', { 15458 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 15459 toggleProductDistributorsModal() 15460 " 15461 > 15462 Available: 7 distributors 15463 </button> 15464 <!--[if ENDBLOCK]><![endif]--></div> 15465 </div> 15466 <!--[if ENDBLOCK]><![endif]--> 15467 <!-- Price info --> 15468 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 15469 <!--[if BLOCK]><![endif]--> <!-- Price range --> 15470 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 15471 £ 15472 <span class="font-bold"> 32.06 </span> 15473 - £ 15474 <span class="font-bold"> 52.23 </span> 15475 Excl. VAT 15476 </strong> 15477<!--[if ENDBLOCK]><![endif]--> </p> 15478 <!--[if ENDBLOCK]><![endif]--> 15479 <!-- Vplus points --> 15480 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 15481 <img 15482 loading="lazy" 15483 class="size-[24px]" 15484 width="24" 15485 height="24" 15486 src="https://www.voltimum.co.uk/img/v-plus.svg" 15487 alt="Voltimum+ Loyalty Programme" 15488 /> 15489 Loyalty points: 15490 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 7 15491 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 15492<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 15493 <!-- Add to cart button --> 15494 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 15495 <!--[if BLOCK]><![endif]--> <div 15496 x-data="{ 15497 qty: 1, 15498 inc() {
15499 this.qty = Number(this.qty || 1) + 1; 15500 }, 15501 dec() { 15502 this.qty = Math.max(1, Number(this.qty || 1) - 1); 15503 }, 15504 }" 15505 class="flex items-stretch gap-3" 15506 > 15507 <!-- Stepper --> 15508 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 15509 <!-- Add to cart --> 15510 <button 15511 type="button" 15512 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 15513 @click=" 15514 jitsuEvent('addToBasket', { 15515 products: [ 15516 { 15517 product_sku: 'LRD07', 15518 product_brand_code: 'SCU', 15519 product_quantity: Number(qty) 15520 } 15521 ], 15522 brands: ['SCU'] 15523 }) 15524 15525 $wire.addToCart('c3YqTsff', Number(qty), window.location.pathname + window.location.search) 15526 .then(result => { 15527 if (result.tracking && typeof track === 'function') { 15528 track(result.tracking); 15529 } 15530 }); 15531 15532 cartOpen = true; 15533 qty = 1; 15534 " 15535 > 15536 <span class="hidden sm:inline"> Add to cart </span> 15537 <span class="sm:hidden"> 15538 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 15539 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 15540 </svg> 15541 </span> 15542 </button> 15543 </div> 15544<!--[if ENDBLOCK]><![endif]--> </div> 15545 <!--[if ENDBLOCK]><![endif]--> </div> 15546 </div> 15547 </div> 15548</div> 15549 15550 <div 15551 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 15552> 15553 <div class="flex grow flex-col"> 15554 <a href="https://www.voltimum.co.uk/product-details/P60LinLo/schneider-electric/tesys-lrd-thermal-overload-relays-46-a-class-10a" class="bg-white p-2"> 15555 <!-- Product image --> 15556 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 15557 <div x-show="!loaded" class="shimmer-block"></div> 15558 <img 15559 loading="lazy" 15560 width="400" 15561 height="300" 15562 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd10_image-p_file_type-rendition_1500_jpg.png?width=400" 15563 alt="TeSys LRD thermal overload relays - 4...6 A - class 10A" 15564 class="max-w-full object-contain" 15565 :class="{ 'opacity-0': !loaded }" 15566 style="object-position: " 15567 x-init="loaded = $el.complete" 15568 x-on:load="loaded = true" 15569 x-on:error="loaded = true" 15570 /> 15571 </figure> 15572 </a> 15573 15574 <div class="flex grow flex-col border-t border-mercury p-3"> 15575 <!-- ***** Picture, Name and Description ***** --> 15576 <div class="grow"> 15577 <!-- Partner logo --> 15578 <figure class="mb-2"> 15579 <!--[if BLOCK]><![endif]--> <img 15580 loading="lazy" 15581 width="96" 15582 height="32" 15583 class="square h-8 max-w-24 object-contain mix-blend-multiply" 15584 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 15585 alt="Schneider Electric" 15586 /> 15587 <!--[if ENDBLOCK]><![endif]--> </figure> 15588 15589 <!-- SKU --> 15590 <p class="mb-2 text-sm font-light text-gray-900">LRD10</p> 15591 15592 <!-- Product name --> 15593 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 15594 <a href="https://www.voltimum.co.uk/product-details/P60LinLo/schneider-electric/tesys-lrd-thermal-overload-relays-46-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 4...6 A - class 10A"> 15595 TeSys LRD thermal overload relays - 4...6 A - class 10A 15596 </a> 15597 </h3> 15598 15599 <!-- Product description --> 15600 <p class="mb-2 text-sm font-light text-gray-900"> 15601 TeSys LRD thermal overload relay, 6A/690V, thermal setting range 4-6A, tripping class 10A, for protection of 3-phase... 15602 </p> 15603 </div> 15604 15605 <!-- ***** Feature section ***** --> 15606 <div class="mt-auto"> 15607 <!-- Availability info --> 15608 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 15609 <div> 15610 <!--[if BLOCK]><![endif]--> <button 15611 type="button" 15612 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 15613 wire:click.prevent="openProductDistributorsModal('P60LinLo')" 15614 @click=" 15615 jitsuEvent('viewDistributorsModal', { 15616 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 15617 toggleProductDistributorsModal() 15618 " 15619 > 15620 Available: 7 distributors 15621 </button> 15622 <!--[if ENDBLOCK]><![endif]--></div> 15623 </div> 15624 <!--[if ENDBLOCK]><![endif]--> 15625 <!-- Price info --> 15626 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 15627 <!--[if BLOCK]><![endif]--> <!-- Price range --> 15628 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 15629 £ 15630 <span class="font-bold"> 32.06 </span> 15631 - £ 15632 <span class="font-bold"> 52.23 </span> 15633 Excl. VAT 15634 </strong> 15635<!--[if ENDBLOCK]><![endif]--> </p> 15636 <!--[if ENDBLOCK]><![endif]--> 15637 <!-- Vplus points --> 15638 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 15639 <img 15640 loading="lazy" 15641 class="size-[24px]" 15642 width="24" 15643 height="24" 15644 src="https://www.voltimum.co.uk/img/v-plus.svg" 15645 alt="Voltimum+ Loyalty Programme" 15646 /> 15647 Loyalty points: 15648 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 7 15649 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 15650<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 15651 <!-- Add to cart button --> 15652 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 15653 <!--[if BLOCK]><![endif]--> <div 15654 x-data="{ 15655 qty: 1, 15656 inc() {
15657 this.qty = Number(this.qty || 1) + 1; 15658 }, 15659 dec() { 15660 this.qty = Math.max(1, Number(this.qty || 1) - 1); 15661 }, 15662 }" 15663 class="flex items-stretch gap-3" 15664 > 15665 <!-- Stepper --> 15666 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 15667 <!-- Add to cart --> 15668 <button 15669 type="button" 15670 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 15671 @click=" 15672 jitsuEvent('addToBasket', { 15673 products: [ 15674 { 15675 product_sku: 'LRD10', 15676 product_brand_code: 'SCU', 15677 product_quantity: Number(qty) 15678 } 15679 ], 15680 brands: ['SCU'] 15681 }) 15682 15683 $wire.addToCart('P60LinLo', Number(qty), window.location.pathname + window.location.search) 15684 .then(result => { 15685 if (result.tracking && typeof track === 'function') { 15686 track(result.tracking); 15687 } 15688 }); 15689 15690 cartOpen = true; 15691 qty = 1; 15692 " 15693 > 15694 <span class="hidden sm:inline"> Add to cart </span> 15695 <span class="sm:hidden"> 15696 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 15697 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 15698 </svg> 15699 </span> 15700 </button> 15701 </div> 15702<!--[if ENDBLOCK]><![endif]--> </div> 15703 <!--[if ENDBLOCK]><![endif]--> </div> 15704 </div> 15705 </div> 15706</div> 15707 15708 <div 15709 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 15710> 15711 <div class="flex grow flex-col"> 15712 <a href="https://www.voltimum.co.uk/product-details/CqhRVvqi/schneider-electric/tesys-lrd-thermal-overload-relays-254-a-class-10a" class="bg-white p-2"> 15713 <!-- Product image --> 15714 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 15715 <div x-show="!loaded" class="shimmer-block"></div> 15716 <img 15717 loading="lazy" 15718 width="400" 15719 height="300" 15720 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd08_image-p_file_type-rendition_1500_jpg.png?width=400" 15721 alt="TeSys LRD thermal overload relays - 2.5...4 A - class 10A" 15722 class="max-w-full object-contain" 15723 :class="{ 'opacity-0': !loaded }" 15724 style="object-position: " 15725 x-init="loaded = $el.complete" 15726 x-on:load="loaded = true" 15727 x-on:error="loaded = true" 15728 /> 15729 </figure> 15730 </a> 15731 15732 <div class="flex grow flex-col border-t border-mercury p-3"> 15733 <!-- ***** Picture, Name and Description ***** --> 15734 <div class="grow"> 15735 <!-- Partner logo --> 15736 <figure class="mb-2"> 15737 <!--[if BLOCK]><![endif]--> <img 15738 loading="lazy" 15739 width="96" 15740 height="32" 15741 class="square h-8 max-w-24 object-contain mix-blend-multiply" 15742 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 15743 alt="Schneider Electric" 15744 /> 15745 <!--[if ENDBLOCK]><![endif]--> </figure> 15746 15747 <!-- SKU --> 15748 <p class="mb-2 text-sm font-light text-gray-900">LRD08</p> 15749 15750 <!-- Product name --> 15751 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 15752 <a href="https://www.voltimum.co.uk/product-details/CqhRVvqi/schneider-electric/tesys-lrd-thermal-overload-relays-254-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 2.5...4 A - class 10A"> 15753 TeSys LRD thermal overload relays - 2.5...4 A - class 10A 15754 </a> 15755 </h3> 15756 15757 <!-- Product description --> 15758 <p class="mb-2 text-sm font-light text-gray-900"> 15759 TeSys LRD thermal overload relay, 4A/690V, thermal setting range 2.5-4A, tripping class 10A, for protection of 3-phase... 15760 </p> 15761 </div> 15762 15763 <!-- ***** Feature section ***** --> 15764 <div class="mt-auto"> 15765 <!-- Availability info --> 15766 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 15767 <div> 15768 <!--[if BLOCK]><![endif]--> <button 15769 type="button" 15770 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 15771 wire:click.prevent="openProductDistributorsModal('CqhRVvqi')" 15772 @click=" 15773 jitsuEvent('viewDistributorsModal', { 15774 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 15775 toggleProductDistributorsModal() 15776 " 15777 > 15778 Available: 7 distributors 15779 </button> 15780 <!--[if ENDBLOCK]><![endif]--></div> 15781 </div> 15782 <!--[if ENDBLOCK]><![endif]--> 15783 <!-- Price info --> 15784 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 15785 <!--[if BLOCK]><![endif]--> <!-- Price range --> 15786 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 15787 £ 15788 <span class="font-bold"> 32.06 </span> 15789 - £ 15790 <span class="font-bold"> 52.23 </span> 15791 Excl. VAT 15792 </strong> 15793<!--[if ENDBLOCK]><![endif]--> </p> 15794 <!--[if ENDBLOCK]><![endif]--> 15795 <!-- Vplus points --> 15796 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 15797 <img 15798 loading="lazy" 15799 class="size-[24px]" 15800 width="24" 15801 height="24" 15802 src="https://www.voltimum.co.uk/img/v-plus.svg" 15803 alt="Voltimum+ Loyalty Programme" 15804 /> 15805 Loyalty points: 15806 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 7 15807 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 15808<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 15809 <!-- Add to cart button --> 15810 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 15811 <!--[if BLOCK]><![endif]--> <div 15812 x-data="{ 15813 qty: 1, 15814 inc() {
15815 this.qty = Number(this.qty || 1) + 1; 15816 }, 15817 dec() { 15818 this.qty = Math.max(1, Number(this.qty || 1) - 1); 15819 }, 15820 }" 15821 class="flex items-stretch gap-3" 15822 > 15823 <!-- Stepper --> 15824 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 15825 <!-- Add to cart --> 15826 <button 15827 type="button" 15828 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 15829 @click=" 15830 jitsuEvent('addToBasket', { 15831 products: [ 15832 { 15833 product_sku: 'LRD08', 15834 product_brand_code: 'SCU', 15835 product_quantity: Number(qty) 15836 } 15837 ], 15838 brands: ['SCU'] 15839 }) 15840 15841 $wire.addToCart('CqhRVvqi', Number(qty), window.location.pathname + window.location.search) 15842 .then(result => { 15843 if (result.tracking && typeof track === 'function') { 15844 track(result.tracking); 15845 } 15846 }); 15847 15848 cartOpen = true; 15849 qty = 1; 15850 " 15851 > 15852 <span class="hidden sm:inline"> Add to cart </span> 15853 <span class="sm:hidden"> 15854 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 15855 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 15856 </svg> 15857 </span> 15858 </button> 15859 </div> 15860<!--[if ENDBLOCK]><![endif]--> </div> 15861 <!--[if ENDBLOCK]><![endif]--> </div> 15862 </div> 15863 </div> 15864</div> 15865 15866 <div 15867 class="flex h-full flex-col justify-between overflow-hidden rounded-lg border border-mercury bg-gray-50 hover:shadow" 15868> 15869 <div class="flex grow flex-col"> 15870 <a href="https://www.voltimum.co.uk/product-details/TDCmi1ji/schneider-electric/tesys-lrd-thermal-overload-relays-04063-a-class-10a" class="bg-white p-2"> 15871 <!-- Product image --> 15872 <figure x-data="{ loaded: false }" class="aspect-w-4 bg-white aspect-h-3"> 15873 <div x-show="!loaded" class="shimmer-block"></div> 15874 <img 15875 loading="lazy" 15876 width="400" 15877 height="300" 15878 src="https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd04_image-p_file_type-rendition_1500_jpg.png?width=400" 15879 alt="TeSys LRD thermal overload relays - 0.4...0.63 A - class 10A" 15880 class="max-w-full object-contain" 15881 :class="{ 'opacity-0': !loaded }" 15882 style="object-position: " 15883 x-init="loaded = $el.complete" 15884 x-on:load="loaded = true" 15885 x-on:error="loaded = true" 15886 /> 15887 </figure> 15888 </a> 15889 15890 <div class="flex grow flex-col border-t border-mercury p-3"> 15891 <!-- ***** Picture, Name and Description ***** --> 15892 <div class="grow"> 15893 <!-- Partner logo --> 15894 <figure class="mb-2"> 15895 <!--[if BLOCK]><![endif]--> <img 15896 loading="lazy" 15897 width="96" 15898 height="32" 15899 class="square h-8 max-w-24 object-contain mix-blend-multiply" 15900 src="https://content.voltimum.com/uk/145826/schneider-electric.svg" 15901 alt="Schneider Electric" 15902 /> 15903 <!--[if ENDBLOCK]><![endif]--> </figure> 15904 15905 <!-- SKU --> 15906 <p class="mb-2 text-sm font-light text-gray-900">LRD04</p> 15907 15908 <!-- Product name --> 15909 <h3 class="mb-2 leading-120 font-medium text-gray-900"> 15910 <a href="https://www.voltimum.co.uk/product-details/TDCmi1ji/schneider-electric/tesys-lrd-thermal-overload-relays-04063-a-class-10a" class="hover:text-pilot-blue hover:underline" title="TeSys LRD thermal overload relays - 0.4...0.63 A - class 10A"> 15911 TeSys LRD thermal overload relays - 0.4...0.63 A - class 10A 15912 </a> 15913 </h3> 15914 15915 <!-- Product description --> 15916 <p class="mb-2 text-sm font-light text-gray-900"> 15917 TeSys LRD thermal overload relay, 0.63A/690V, thermal setting range 0.4-0.63A, tripping class 10A, for protection of... 15918 </p> 15919 </div> 15920 15921 <!-- ***** Feature section ***** --> 15922 <div class="mt-auto"> 15923 <!-- Availability info --> 15924 <!--[if BLOCK]><![endif]--> <div class="mb-2"> 15925 <div> 15926 <!--[if BLOCK]><![endif]--> <button 15927 type="button" 15928 class="w-full border border-availability-in-stock font-medium text-sm rounded-lg p-2" 15929 wire:click.prevent="openProductDistributorsModal('TDCmi1ji')" 15930 @click=" 15931 jitsuEvent('viewDistributorsModal', { 15932 brands: JSON.parse('[\u0022CEF\u0022,\u0022BPXU\u0022,\u0022CCAU\u0022,\u0022TLAUK\u0022,\u0022FARNUK\u0022,\u0022RSCUK\u0022,\u0022REXU\u0022]') }) 15933 toggleProductDistributorsModal() 15934 " 15935 > 15936 Available: 7 distributors 15937 </button> 15938 <!--[if ENDBLOCK]><![endif]--></div> 15939 </div> 15940 <!--[if ENDBLOCK]><![endif]--> 15941 <!-- Price info --> 15942 <!--[if BLOCK]><![endif]--> <p class="mb-2 text-sm font-light text-gray-900"> 15943 <!--[if BLOCK]><![endif]--> <!-- Price range --> 15944 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <strong> 15945 £ 15946 <span class="font-bold"> 32.06 </span> 15947 - £ 15948 <span class="font-bold"> 52.23 </span> 15949 Excl. VAT 15950 </strong> 15951<!--[if ENDBLOCK]><![endif]--> </p> 15952 <!--[if ENDBLOCK]><![endif]--> 15953 <!-- Vplus points --> 15954 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <p class="flex items-center gap-2 text-sm font-medium leading-120 text-gray-900 mb-2 w-full"> 15955 <img 15956 loading="lazy" 15957 class="size-[24px]" 15958 width="24" 15959 height="24" 15960 src="https://www.voltimum.co.uk/img/v-plus.svg" 15961 alt="Voltimum+ Loyalty Programme" 15962 /> 15963 Loyalty points: 15964 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 7 15965 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </p> 15966<!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 15967 <!-- Add to cart button --> 15968 <!--[if BLOCK]><![endif]--> <div class="text-sm"> 15969 <!--[if BLOCK]><![endif]--> <div 15970 x-data="{ 15971 qty: 1, 15972 inc() {
15973 this.qty = Number(this.qty || 1) + 1; 15974 }, 15975 dec() { 15976 this.qty = Math.max(1, Number(this.qty || 1) - 1); 15977 }, 15978 }" 15979 class="flex items-stretch gap-3" 15980 > 15981 <!-- Stepper --> 15982 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 15983 <!-- Add to cart --> 15984 <button 15985 type="button" 15986 class="h-10 flex-1 rounded-lg bg-pilot-blue px-3 font-semibold text-white hover:bg-dark-pilot-blue" 15987 @click=" 15988 jitsuEvent('addToBasket', { 15989 products: [ 15990 { 15991 product_sku: 'LRD04', 15992 product_brand_code: 'SCU', 15993 product_quantity: Number(qty) 15994 } 15995 ], 15996 brands: ['SCU'] 15997 }) 15998 15999 $wire.addToCart('TDCmi1ji', Number(qty), window.location.pathname + window.location.search) 16000 .then(result => { 16001 if (result.tracking && typeof track === 'function') { 16002 track(result.tracking); 16003 } 16004 }); 16005 16006 cartOpen = true; 16007 qty = 1; 16008 " 16009 > 16010 <span class="hidden sm:inline"> Add to cart </span> 16011 <span class="sm:hidden"> 16012 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto size-5"> 16013 <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 3h1.386c.51 0 .955.343 1.087.835l.383 1.437M7.5 14.25a3 3 0 0 0-3 3h15.75m-12.75-3h11.218c1.121-2.3 2.1-4.684 2.924-7.138a60.114 60.114 0 0 0-16.536-1.84M7.5 14.25 5.106 5.272M6 20.25a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Zm12.75 0a.75.75 0 1 1-1.5 0 .75.75 0 0 1 1.5 0Z" /> 16014 </svg> 16015 </span> 16016 </button> 16017 </div> 16018<!--[if ENDBLOCK]><![endif]--> </div> 16019 <!--[if ENDBLOCK]><![endif]--> </div> 16020 </div> 16021 </div> 16022</div> 16023 <!--[if ENDBLOCK]><![endif]--> </div> 16024 </div> 16025 16026 <div class="mt-12 w-full"><div class="@container"> 16027 <!--[if BLOCK]><![endif]--> <nav role="navigation" aria-label="Pagination Navigation" class="flex flex-col gap-5 @min-[50rem]:flex-row @min-[50rem]:flex-wrap @min-[50rem]:items-center @min-[50rem]:gap-x-6 @min-[50rem]:gap-y-6"> 16028 16029 <div class="flex items-center justify-between gap-3 @min-[50rem]:hidden"> 16030 <!--[if BLOCK]><![endif]--> <span aria-disabled="true" class="inline-flex h-11 items-center justify-center rounded-lg px-4 text-sm font-semibold whitespace-nowrap transition-all duration-200 ease-out motion-reduce:transition-none cursor-default text-volt-ink/30 ring-1 ring-volt-ink/[0.07] ring-inset"> 16031 « Previous 16032 </span> 16033 <!--[if ENDBLOCK]><![endif]--> 16034 16035 <span class="hidden shrink-0 text-sm font-semibold tabular-nums text-volt-ink/60 @min-[22rem]:inline"> 16036 1<span class="mx-1 text-volt-ink/25" aria-hidden="true">/</span><span class="sr-only">of </span>6697 16037 </span> 16038 16039 <!--[if BLOCK]><![endif]--> <a href="https://www.voltimum.co.uk/product-search?page=2" wire:click.prevent="nextPage('page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" wire:loading.class="pointer-events-none opacity-50" dusk="nextPage.before" class="inline-flex h-11 items-center justify-center rounded-lg px-4 text-sm font-semibold whitespace-nowrap transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100"> 16040 Next » 16041 </a> 16042 <!--[if ENDBLOCK]><![endif]--> </div> 16043 16044 <div class="hidden shrink-0 @min-[50rem]:block"> 16045 <p class="text-sm whitespace-nowrap text-volt-ink/55">
16046 <span>Showing</span> 16047 <span class="font-semibold tabular-nums text-volt-ink">1</span> 16048 <span>to</span> 16049 <span class="font-semibold tabular-nums text-volt-ink">24</span> 16050 <span>of</span> 16051 <span class="font-semibold tabular-nums text-volt-ink">160727</span> 16052 <span>results</span> 16053 </p> 16054 16055 <div class="mt-2.5 h-[3px] w-full max-w-56 overflow-hidden rounded-full bg-volt-ink/10" aria-hidden="true"> 16056 <div 16057 class="h-full min-w-[0.5rem] rounded-full bg-pilot-blue transition-[width] duration-500 ease-out motion-reduce:transition-none" 16058 style="width: 0.01%" 16059 ></div> 16060 </div> 16061 </div> 16062 16063 <div class="hidden @min-[50rem]:ms-auto @min-[50rem]:flex @min-[50rem]:items-center @min-[50rem]:gap-2 rtl:@min-[50rem]:flex-row-reverse"> 16064 16065 <!--[if BLOCK]><![endif]--> <span aria-disabled="true" aria-label="Previous" class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-all duration-200 ease-out motion-reduce:transition-none cursor-default text-volt-ink/25 ring-1 ring-volt-ink/[0.07] ring-inset"> 16066 <svg class="h-4 w-4 rtl:rotate-180" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 16067 <path d="M12 4.5L6.5 10l5.5 5.5" stroke-linecap="round" stroke-linejoin="round" /> 16068 </svg> 16069 </span> 16070 <!--[if ENDBLOCK]><![endif]--> 16071 16072 <span class="inline-flex items-center gap-1.5 rtl:flex-row-reverse"> 16073 16074 <!--[if BLOCK]><![endif]--> 16075 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 16076 16077 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span wire:key="paginator-page-page1"> 16078 <!--[if BLOCK]><![endif]--> <span aria-current="page" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-default bg-pilot-blue/[0.07] font-bold text-pilot-blue ring-1 ring-pilot-blue ring-inset">1</span> 16079 <!--[if ENDBLOCK]><![endif]--> </span> 16080 <span wire:key="paginator-page-page2"> 16081 <!--[if BLOCK]><![endif]--> <a href="https://www.voltimum.co.uk/product-search?page=2" wire:click.prevent="gotoPage(2, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 2"> 16082 2 16083 </a> 16084 <!--[if ENDBLOCK]><![endif]--> </span> 16085 <span wire:key="paginator-page-page3"> 16086 <!--[if BLOCK]><![endif]--> <a href="https://www.voltimum.co.uk/product-search?page=3" wire:click.prevent="gotoPage(3, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 3"> 16087 3 16088 </a> 16089 <!--[if ENDBLOCK]><![endif]--> </span>
16090 <span wire:key="paginator-page-page4"> 16091 <!--[if BLOCK]><![endif]--> <a href="https://www.voltimum.co.uk/product-search?page=4" wire:click.prevent="gotoPage(4, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 4"> 16092 4 16093 </a> 16094 <!--[if ENDBLOCK]><![endif]--> </span> 16095 <span wire:key="paginator-page-page5"> 16096 <!--[if BLOCK]><![endif]--> <a href="https://www.voltimum.co.uk/product-search?page=5" wire:click.prevent="gotoPage(5, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 5"> 16097 5 16098 </a> 16099 <!--[if ENDBLOCK]><![endif]--> </span> 16100 <span wire:key="paginator-page-page6"> 16101 <!--[if BLOCK]><![endif]--> <a role="link" tabindex="0" wire:keydown.enter.prevent="gotoPage(6, '
16101page')" wire:click.prevent="gotoPage(6, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 6"> 16102 6 16103 </a> 16104 <!--[if ENDBLOCK]><![endif]--> </span> 16105 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 16106 <!--[if BLOCK]><![endif]--> <span aria-hidden="true" class="inline-flex h-10 min-w-6 items-center justify-center text-sm font-semibold text-volt-ink/30 select-none">...</span> 16107 <!--[if ENDBLOCK]><![endif]--> 16108 16109 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 16110 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 16111 16112 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <span wire:key="paginator-page-page6696"> 16113 <!--[if BLOCK]><![endif]--> <a role="link" tabindex="0" wire:keydown.enter.prevent="gotoPage(6696, '
16113page')" wire:click.prevent="gotoPage(6696, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 6696"> 16114 6696 16115 </a> 16116 <!--[if ENDBLOCK]><![endif]--> </span> 16117 <span wire:key="paginator-page-page6697"> 16118 <!--[if BLOCK]><![endif]--> <a role="link" tabindex="0" wire:keydown.enter.prevent="gotoPage(6697, '
16118page')" wire:click.prevent="gotoPage(6697, 'page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" class="inline-flex h-10 min-w-10 items-center justify-center rounded-lg px-2.5 text-sm font-semibold tabular-nums transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Go to page 6697"> 16119 6697 16120 </a> 16121 <!--[if ENDBLOCK]><![endif]--> </span> 16122 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </span> 16123 16124 16125 <!--[if BLOCK]><![endif]--> <a href="https://www.voltimum.co.uk/product-search?page=2" wire:click.prevent="nextPage('page')" x-on:click=" ($el.closest('body') || document.querySelector('body')).scrollIntoView()" wire:loading.class="pointer-events-none opacity-50" dusk="nextPage.after" class="inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-lg transition-all duration-200 ease-out motion-reduce:transition-none cursor-pointer bg-volt-ink/[0.04] text-volt-ink ring-1 ring-volt-ink/10 ring-inset hover:bg-volt-ink/[0.08] hover:ring-volt-ink/20 focus-visible:ring-2 focus-visible:ring-volt-ink focus-visible:outline-none active:scale-95 motion-reduce:active:scale-100" aria-label="Next"> 16126 <svg class="h-4 w-4 rtl:rotate-180" viewBox="0 0 20 20" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true"> 16127 <path d="M8 4.5l5.5 5.5L8 15.5" stroke-linecap="round" stroke-linejoin="round" /> 16128 </svg> 16129 </a> 16130 <!--[if ENDBLOCK]><![endif]--> </div> 16131 </nav> 16132 <!--[if ENDBLOCK]><![endif]--></div> 16133</div> 16134 </div> 16135 </div> 16136 </div> 16137 16138 <!--[if BLOCK]><![endif]--> <span 16139 hidden 16140 data-brand-tracking="{"brands":["WAU","SCU"],"brand_impressions":[{"brand_code":"WAU","count":2},{"brand_code":"SCU","count":22}]}" 16141 ></span> 16142 <!--[if ENDBLOCK]><![endif]--></div> 16143 16144 16145<!--[if BLOCK]><![endif]-->
16145<script type="application/ld+json"> 16146 { 16147 "@context": "https://schema.org", 16148 "@type": "ItemList", 16149 "numberOfItems": 160727, 16150 "itemListOrder": "https://schema.org/ItemListUnordered", 16151 "mainEntityOfPage": { 16152 "@type": "CollectionPage", 16153 "@id": "https://www.voltimum.co.uk/product-search" 16154 }, 16155 "itemListElement": [ 16156 { 16157 "@type": "ListItem", 16158 "position": 1, 16159 "item": { 16160 "@type": "Product", 16161 "name": "Splicing connector with levers for all conductor types max. 4 mm² transparent", 16162 "url": "https://www.voltimum.co.uk/product-details/Pr4kH54L/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent", 16163 "sku": "221-415", 16164 "image": "https://assets.voltimum.com/assets/catalogue/uk/wago/7/8/7852351.jpg?width=800", 16165 "brand": { 16166 "@type": "Brand", 16167 "name": "Wago" 16168 }, 16169 "offers": { 16170 "@type": "AggregateOffer", 16171 "priceCurrency": "GBP", 16172 "lowPrice": "0.52", 16173 "highPrice": "10.79", 16174 "offerCount": 7, 16175 "availability": "https://schema.org/InStock", 16176 "url": "https://www.voltimum.co.uk/product-details/Pr4kH54L/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent", 16177 "priceSpecification": { 16178 "@type": "PriceSpecification", 16179 "valueAddedTaxIncluded": false 16180 } 16181 } 16182 } 16183 }, 16184 { 16185 "@type": "ListItem", 16186 "position": 2, 16187 "item": { 16188 "@type": "Product", 16189 "name": "Splicing connector with levers for all conductor types max. 4 mm² transparent", 16190 "url": "https://www.voltimum.co.uk/product-details/R4wxaD3N/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent", 16191 "sku": "221-413", 16192 "image": "https://assets.voltimum.com/assets/catalogue/uk/wago/7/8/7852350.jpg?width=800", 16193 "brand": { 16194 "@type": "Brand", 16195 "name": "Wago" 16196 }, 16197 "offers": { 16198 "@type": "AggregateOffer", 16199 "priceCurrency": "GBP", 16200 "lowPrice": "0.31", 16201 "highPrice": "11.96", 16202 "offerCount": 7, 16203 "availability": "https://schema.org/InStock", 16204 "url": "https://www.voltimum.co.uk/product-details/R4wxaD3N/wago/splicing-connector-with-leversfor-all-conductor-typesmax-4-mm2transparent", 16205 "priceSpecification": { 16206 "@type": "PriceSpecification", 16207 "valueAddedTaxIncluded": false 16208 } 16209 } 16210 } 16211 }, 16212 { 16213 "@type": "ListItem", 16214 "position": 3, 16215 "item": { 16216 "@type": "Product", 16217 "name": "TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil", 16218 "url": "https://www.voltimum.co.uk/product-details/Bl19Hwaf/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil", 16219 "sku": "LP4K0910BW3", 16220 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp4k0910bw3_image-p_file_type-rendition_1500_jpg.jpg?width=800", 16221 "brand": { 16222 "@type": "Brand", 16223 "name": "Schneider Electric" 16224 }, 16225 "offers": { 16226 "@type": "AggregateOffer", 16227 "priceCurrency": "GBP", 16228 "lowPrice": "35.26", 16229 "highPrice": "61.32", 16230 "offerCount": 7, 16231 "availability": "https://schema.org/InStock", 16232 "url": "https://www.voltimum.co.uk/product-details/Bl19Hwaf/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil", 16233 "priceSpecification": { 16234 "@type": "PriceSpecification", 16235 "valueAddedTaxIncluded": false 16236 } 16237 } 16238 } 16239 }, 16240 { 16241 "@type": "ListItem", 16242 "position": 4, 16243 "item": { 16244 "@type": "Product", 16245 "name": "TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NC aux. - 24 V DC coil", 16246 "url": "https://www.voltimum.co.uk/product-details/67ajg1bA/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-nc-aux-24-v-dc-coil", 16247 "sku": "LP1K0901BD", 16248 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0601bd_image-p_file_type-rendition_1500_jpg.png?width=800", 16249 "brand": { 16250 "@type": "Brand", 16251 "name": "Schneider Electric" 16252 }, 16253 "offers": { 16254 "@type": "AggregateOffer", 16255 "priceCurrency": "GBP", 16256 "lowPrice": "25.65", 16257 "highPrice": "44.59", 16258 "offerCount": 7, 16259 "availability": "https://schema.org/InStock", 16260 "url": "https://www.voltimum.co.uk/product-details/67ajg1bA/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-nc-aux-24-v-dc-coil", 16261 "priceSpecification": { 16262 "@type": "PriceSpecification", 16263 "valueAddedTaxIncluded": false 16264 } 16265 } 16266 } 16267 }, 16268 { 16269 "@type": "ListItem", 16270 "position": 5, 16271 "item": { 16272 "@type": "Product", 16273 "name": "TeSys K contactor - 3P - AC-3 <= 440 V 9 A - 1 NO aux. - 24 V DC coil", 16274 "url": "https://www.voltimum.co.uk/product-details/fLgjwZEQ/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil",
16275 "sku": "LP1K0910BD", 16276 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0610bd_image-p_file_type-rendition_1500_jpg.png?width=800", 16277 "brand": { 16278 "@type": "Brand", 16279 "name": "Schneider Electric" 16280 }, 16281 "offers": { 16282 "@type": "AggregateOffer", 16283 "priceCurrency": "GBP", 16284 "lowPrice": "25.65", 16285 "highPrice": "44.59", 16286 "offerCount": 7, 16287 "availability": "https://schema.org/InStock", 16288 "url": "https://www.voltimum.co.uk/product-details/fLgjwZEQ/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-9-a-1-no-aux-24-v-dc-coil", 16289 "priceSpecification": { 16290 "@type": "PriceSpecification", 16291 "valueAddedTaxIncluded": false 16292 } 16293 } 16294 } 16295 }, 16296 { 16297 "@type": "ListItem", 16298 "position": 6, 16299 "item": { 16300 "@type": "Product", 16301 "name": "TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NC aux. - 24 V DC coil", 16302 "url": "https://www.voltimum.co.uk/product-details/bGryreiW/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-nc-aux-24-v-dc-coil", 16303 "sku": "LP1K0601BD", 16304 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0601bd_image-p_file_type-rendition_1500_jpg.png?width=800", 16305 "brand": { 16306 "@type": "Brand", 16307 "name": "Schneider Electric" 16308 }, 16309 "offers": { 16310 "@type": "AggregateOffer", 16311 "priceCurrency": "GBP", 16312 "lowPrice": "24.85", 16313 "highPrice": "43.22", 16314 "offerCount": 7, 16315 "availability": "https://schema.org/InStock", 16316 "url": "https://www.voltimum.co.uk/product-details/bGryreiW/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-nc-aux-24-v-dc-coil", 16317 "priceSpecification": { 16318 "@type": "PriceSpecification", 16319 "valueAddedTaxIncluded": false 16320 } 16321 } 16322 } 16323 }, 16324 { 16325 "@type": "ListItem", 16326 "position": 7, 16327 "item": { 16328 "@type": "Product", 16329 "name": "TeSys K contactor - 3P - AC-3 <= 440 V 6 A - 1 NO aux. - 24 V DC coil", 16330 "url": "https://www.voltimum.co.uk/product-details/gwwCgK72/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-no-aux-24-v-dc-coil", 16331 "sku": "LP1K0610BD", 16332 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lp1k0610bd_image-p_file_type-rendition_1500_jpg.png?width=800", 16333 "brand": { 16334 "@type": "Brand", 16335 "name": "Schneider Electric" 16336 }, 16337 "offers": { 16338 "@type": "AggregateOffer", 16339 "priceCurrency": "GBP", 16340 "lowPrice": "24.85", 16341 "highPrice": "43.22", 16342 "offerCount": 7, 16343 "availability": "https://schema.org/InStock", 16344 "url": "https://www.voltimum.co.uk/product-details/gwwCgK72/schneider-electric/tesys-k-contactor-3p-ac-3-440-v-6-a-1-no-aux-24-v-dc-coil", 16345 "priceSpecification": { 16346 "@type": "PriceSpecification", 16347 "valueAddedTaxIncluded": false 16348 } 16349 } 16350 } 16351 }, 16352 { 16353 "@type": "ListItem", 16354 "position": 8, 16355 "item": { 16356 "@type": "Product", 16357 "name": "TeSys K reversing contactor - 3P - AC-3 <= 440 V 9 A - 1 NC - 230...240 VAC coil", 16358 "url": "https://www.voltimum.co.uk/product-details/vnYLLgfN/schneider-electric/tesys-k-reversing-contactor-3p-ac-3-440-v-9-a-1-nc-230240-vac-coil", 16359 "sku": "LC2K0901U7", 16360 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lc2k0601m7_image-p_file_type-rendition_1500_jpg.png?width=800", 16361 "brand": { 16362 "@type": "Brand", 16363 "name": "Schneider Electric" 16364 }, 16365 "offers": { 16366 "@type": "AggregateOffer", 16367 "priceCurrency": "GBP", 16368 "lowPrice": "44.47", 16369 "highPrice": "97.56", 16370 "offerCount": 7, 16371 "availability": "https://schema.org/InStock", 16372 "url": "https://www.voltimum.co.uk/product-details/vnYLLgfN/schneider-electric/tesys-k-reversing-contactor-3p-ac-3-440-v-9-a-1-nc-230240-vac-coil", 16373 "priceSpecification": { 16374 "@type": "PriceSpecification", 16375 "valueAddedTaxIncluded": false 16376 } 16377 } 16378 } 16379 }, 16380 { 16381 "@type": "ListItem", 16382 "position": 9, 16383 "item": { 16384 "@type": "Product", 16385 "name": "Push button head, plastic, flush, white, Ã22, spring return, unmarked", 16386 "url": "https://www.voltimum.co.uk/product-details/qjzwcNMk/schneider-electric/push-button-head-plastic-flush-white-o22-spring-return-unmarked", 16387 "sku": "ZB5AA1", 16388 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-xb5_633_cpoda2022001-p_file_type-rendition_1500_jpg.jpg?width=800", 16389 "brand": { 16390 "@type": "Brand", 16391 "name": "Schneider Electric" 16392 }, 16393 "offers": { 16394 "@type": "AggregateOffer", 16395 "priceCurrency": "GBP", 16396 "lowPrice": "3.82", 16397 "highPrice": "6.13", 16398 "offerCount": 7, 16399 "availability": "https://schema.org/InStock", 16400 "url": "https://www.voltimum.co.uk/product-details/qjzwcNMk/schneider-electric/push-button-head-plastic-flush-white-o22-spring-return-unmarked", 16401 "priceSpecification": { 16402 "@type": "PriceSpecification", 16403 "valueAddedTaxIncluded": false 16404 } 16405 } 16406 } 16407 }, 16408 { 16409 "@type": "ListItem", 16410 "position": 10, 16411 "item": { 16412 "@type": "Product", 16413 "name": "Push button head, plastic, flush, yellow, Ã22, spring return, unmarked", 16414 "url": "https://www.voltimum.co.uk/product-details/OXSqvV0Y/schneider-electric/push-button-head-plastic-flush-yellow-o22-spring-return-unmarked", 16415 "sku": "ZB5AA5", 16416 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-xb5_633_cpoda2016165-p_file_type-rendition_1500_jpg.jpg?width=800", 16417 "brand": { 16418 "@type": "Brand", 16419 "name": "Schneider Electric" 16420 }, 16421 "offers": { 16422 "@type": "AggregateOffer", 16423 "priceCurrency": "GBP", 16424 "lowPrice": "3.82", 16425 "highPrice": "6.13", 16426 "offerCount": 7, 16427 "availability": "https://schema.org/InStock", 16428 "url": "https://www.voltimum.co.uk/product-details/OXSqvV0Y/schneider-electric/push-button-head-plastic-flush-yellow-o22-spring-return-unmarked", 16429 "priceSpecification": { 16430 "@type": "PriceSpecification", 16431 "valueAddedTaxIncluded": false 16432 } 16433 } 16434 } 16435 }, 16436 { 16437 "@type": "ListItem", 16438 "position": 11, 16439 "item": { 16440 "@type": "Product", 16441 "name": "Standard control unit, TeSys U, 3-12A, 3P motors, thermal magnetic protection, class 10, coil 110-240V AC/DC", 16442 "url": "https://www.voltimum.co.uk/product-details/LfVeZHps/schneider-electric/standard-control-unit-tesys-u-3-12a-3p-motors-thermal-magnetic-protection-class-10-coil-110-240v-acdc", 16443 "sku": "LUCA12FU", 16444 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-luca12fu_image-01-p_file_type-rendition_1500_jpg.png?width=800", 16445 "brand": { 16446 "@type": "Brand", 16447 "name": "Schneider Electric" 16448 }, 16449 "offers": { 16450 "@type": "AggregateOffer", 16451 "priceCurrency": "GBP", 16452 "lowPrice": "41.92", 16453 "highPrice": "92.96", 16454 "offerCount": 7, 16455 "availability": "https://schema.org/InStock", 16456 "url": "https://www.voltimum.co.uk/product-details/LfVeZHps/schneider-electric/standard-control-unit-tesys-u-3-12a-3p-motors-thermal-magnetic-protection-class-10-coil-110-240v-acdc", 16457 "priceSpecification": { 16458 "@type": "PriceSpecification", 16459 "valueAddedTaxIncluded": false 16460 } 16461 } 16462 } 16463 }, 16464 { 16465 "@type": "ListItem", 16466 "position": 12, 16467 "item": { 16468 "@type": "Product", 16469 "name": "Power base, TeSys U, 3P, 12A/690V", 16470 "url": "https://www.voltimum.co.uk/product-details/TEz6vRtm/schneider-electric/power-base-tesys-u-3p-12a690v", 16471 "sku": "LUB12", 16472 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lub12_image-01-p_file_type-rendition_1500_jpg.png?width=800", 16473 "brand": { 16474 "@type": "Brand", 16475 "name": "Schneider Electric" 16476 }, 16477 "offers": { 16478 "@type": "AggregateOffer", 16479 "priceCurrency": "GBP", 16480 "lowPrice": "44.02", 16481 "highPrice": "76.56", 16482 "offerCount": 7, 16483 "availability": "https://schema.org/InStock", 16484 "url": "https://www.voltimum.co.uk/product-details/TEz6vRtm/schneider-electric/power-base-tesys-u-3p-12a690v", 16485 "priceSpecification": { 16486 "@type": "PriceSpecification", 16487 "valueAddedTaxIncluded": false 16488 } 16489 } 16490 } 16491 }, 16492 { 16493 "@type": "ListItem", 16494 "position": 13, 16495 "item": { 16496 "@type": "Product", 16497 "name": "Power base, TeSys U, 3P, 32A/690V", 16498 "url": "https://www.voltimum.co.uk/product-details/DYiaUegX/schneider-electric/power-base-tesys-u-3p-32a690v", 16499 "sku": "LUB32", 16500 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lub32_image-01-p_file_type-rendition_1500_jpg.png?width=800", 16501 "brand": { 16502 "@type": "Brand", 16503 "name": "Schneider Electric" 16504 }, 16505 "offers": { 16506 "@type": "AggregateOffer", 16507 "priceCurrency": "GBP", 16508 "lowPrice": "63.67", 16509 "highPrice": "110.72", 16510 "offerCount": 7, 16511 "availability": "https://schema.org/InStock", 16512 "url": "https://www.voltimum.co.uk/product-details/DYiaUegX/schneider-electric/power-base-tesys-u-3p-32a690v", 16513 "priceSpecification": { 16514 "@type": "PriceSpecification", 16515 "valueAddedTaxIncluded": false 16516 } 16517 } 16518 } 16519 }, 16520 { 16521 "@type": "ListItem", 16522 "position": 14, 16523 "item": { 16524 "@type": "Product", 16525 "name": "Reversing power base, TeSys U, 3P, 12A/690V, coil 24V DC", 16526 "url": "https://www.voltimum.co.uk/product-details/MNzdRtHW/schneider-electric/reversing-power-base-tesys-u-3p-12a690v-coil-24v-dc", 16527 "sku": "LU2B12BL", 16528 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lu2b12bl_image-01-p_file_type-rendition_1500_jpg.png?width=800", 16529 "brand": { 16530 "@type": "Brand", 16531 "name": "Schneider Electric" 16532 }, 16533 "offers": { 16534 "@type": "AggregateOffer", 16535 "priceCurrency": "GBP", 16536 "lowPrice": "106.99", 16537 "highPrice": "213.21", 16538 "offerCount": 7, 16539 "availability": "https://schema.org/InStock", 16540 "url": "https://www.voltimum.co.uk/product-details/MNzdRtHW/schneider-electric/reversing-power-base-tesys-u-3p-12a690v-coil-24v-dc", 16541 "priceSpecification": { 16542 "@type": "PriceSpecification", 16543 "valueAddedTaxIncluded": false 16544 } 16545 } 16546 } 16547 }, 16548 { 16549 "@type": "ListItem", 16550 "position": 15, 16551 "item": { 16552 "@type": "Product", 16553 "name": "Current limiter module, TeSys GV2, on device mounting", 16554 "url": "https://www.voltimum.co.uk/product-details/QGp1i9XM/schneider-electric/current-limiter-module-tesys-gv2-on-device-mounting", 16555 "sku": "GV1L3", 16556 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-gv1l3_image-p_file_type-rendition_1500_jpg.png?width=800", 16557 "brand": { 16558 "@type": "Brand", 16559 "name": "Schneider Electric" 16560 }, 16561 "offers": { 16562 "@type": "AggregateOffer", 16563 "priceCurrency": "GBP", 16564 "lowPrice": "48.23", 16565 "highPrice": "78.56", 16566 "offerCount": 7, 16567 "availability": "https://schema.org/InStock", 16568 "url": "https://www.voltimum.co.uk/product-details/QGp1i9XM/schneider-electric/current-limiter-module-tesys-gv2-on-device-mounting", 16569 "priceSpecification": { 16570 "@type": "PriceSpecification", 16571 "valueAddedTaxIncluded": false 16572 } 16573 } 16574 } 16575 }, 16576 { 16577 "@type": "ListItem", 16578 "position": 16, 16579 "item": { 16580 "@type": "Product", 16581 "name": "PM5110 Meter, modbus, up to 15th H, 1DO 33 alarms", 16582 "url": "https://www.voltimum.co.uk/product-details/34X8bw3g/schneider-electric/pm5110-meter-modbus-up-to-15th-h-1do-33-alarms", 16583 "sku": "METSEPM5110", 16584 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-metsepm5110_iop-def-p_f
16584ile_type-rendition_1500_jpg.png?width=800", 16585 "brand": { 16586 "@type": "Brand", 16587 "name": "Schneider Electric" 16588 }, 16589 "offers": { 16590 "@type": "AggregateOffer", 16591 "priceCurrency": "GBP", 16592 "lowPrice": "224.91", 16593 "highPrice": "357.44", 16594 "offerCount": 7, 16595 "availability": "https://schema.org/InStock", 16596 "url": "https://www.voltimum.co.uk/product-details/34X8bw3g/schneider-electric/pm5110-meter-modbus-up-to-15th-h-1do-33-alarms", 16597 "priceSpecification": { 16598 "@type": "PriceSpecification", 16599 "valueAddedTaxIncluded": false 16600 } 16601 } 16602 } 16603 }, 16604 { 16605 "@type": "ListItem", 16606 "position": 17, 16607 "item": { 16608 "@type": "Product", 16609 "name": "PM5100 Meter, without communication, up to 15th H, 1DO 33 alarms", 16610 "url": "https://www.voltimum.co.uk/product-details/t7mrqafk/schneider-electric/pm5100-meter-without-communication-up-to-15th-h-1do-33-alarms", 16611 "sku": "METSEPM5100", 16612 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-metsepm5100_iop-def-p_file_type-rendition_1500_jpg.png?width=800", 16613 "brand": { 16614 "@type": "Brand", 16615 "name": "Schneider Electric" 16616 }, 16617 "offers": { 16618 "@type": "AggregateOffer", 16619 "priceCurrency": "GBP", 16620 "lowPrice": "199.18", 16621 "highPrice": "298.72", 16622 "offerCount": 7, 16623 "availability": "https://schema.org/InStock", 16624 "url": "https://www.voltimum.co.uk/product-details/t7mrqafk/schneider-electric/pm5100-meter-without-communication-up-to-15th-h-1do-33-alarms", 16625 "priceSpecification": { 16626 "@type": "PriceSpecification", 16627 "valueAddedTaxIncluded": false 16628 } 16629 } 16630 } 16631 }, 16632 { 16633 "@type": "ListItem", 16634 "position": 18, 16635 "item": { 16636 "@type": "Product", 16637 "name": "TeSys LRD thermal overload relays - 7...10 A - class 10A", 16638 "url": "https://www.voltimum.co.uk/product-details/5BraLXuu/schneider-electric/tesys-lrd-thermal-overload-relays-710-a-class-10a", 16639 "sku": "LRD14", 16640 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd14_image-p_file_type-rendition_1500_jpg.png?width=800", 16641 "brand": { 16642 "@type": "Brand", 16643 "name": "Schneider Electric" 16644 }, 16645 "offers": { 16646 "@type": "AggregateOffer", 16647 "priceCurrency": "GBP", 16648 "lowPrice": "32.06", 16649 "highPrice": "52.23", 16650 "offerCount": 7, 16651 "availability": "https://schema.org/InStock", 16652 "url": "https://www.voltimum.co.uk/product-details/5BraLXuu/schneider-electric/tesys-lrd-thermal-overload-relays-710-a-class-10a", 16653 "priceSpecification": { 16654 "@type": "PriceSpecification", 16655 "valueAddedTaxIncluded": false 16656 } 16657 } 16658 } 16659 }, 16660 { 16661 "@type": "ListItem", 16662 "position": 19, 16663 "item": { 16664 "@type": "Product", 16665 "name": "Thermal overload relay, TeSys LRD, 9...13 A, class 10A", 16666 "url": "https://www.voltimum.co.uk/product-details/PiAqKod9/schneider-electric/thermal-overload-relay-tesys-lrd-913-a-class-10a", 16667 "sku": "LRD16", 16668 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd16_image-p_file_type-rendition_1500_jpg.png?width=800", 16669 "brand": { 16670 "@type": "Brand", 16671 "name": "Schneider Electric" 16672 }, 16673 "offers": { 16674 "@type": "AggregateOffer", 16675 "priceCurrency": "GBP", 16676 "lowPrice": "34.35", 16677 "highPrice": "55.93", 16678 "offerCount": 7, 16679 "availability": "https://schema.org/InStock", 16680 "url": "https://www.voltimum.co.uk/product-details/PiAqKod9/schneider-electric/thermal-overload-relay-tesys-lrd-913-a-class-10a", 16681 "priceSpecification": { 16682 "@type": "PriceSpecification", 16683 "valueAddedTaxIncluded": false 16684 } 16685 } 16686 } 16687 }, 16688 { 16689 "@type": "ListItem", 16690 "position": 20, 16691 "item": { 16692 "@type": "Product", 16693 "name": "Thermal overload relay, TeSys LRD, 5.5...8 A, class 10A", 16694 "url": "https://www.voltimum.co.uk/product-details/gYBWyat9/schneider-electric/thermal-overload-relay-tesys-lrd-558-a-class-10a", 16695 "sku": "LRD12", 16696 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd12_image-p_file_type-rendition_1500_jpg.png?width=800", 16697 "brand": { 16698 "@type": "Brand", 16699 "name": "Schneider Electric" 16700 }, 16701 "offers": { 16702 "@type": "AggregateOffer", 16703 "priceCurrency": "GBP", 16704 "lowPrice": "32.06", 16705 "highPrice": "52.23", 16706 "offerCount": 7, 16707 "availability": "https://schema.org/InStock", 16708 "url": "https://www.voltimum.co.uk/product-details/gYBWyat9/schneider-electric/thermal-overload-relay-tesys-lrd-558-a-class-10a", 16709 "priceSpecification": { 16710 "@type": "PriceSpecification", 16711 "valueAddedTaxIncluded": false 16712 } 16713 } 16714 } 16715 }, 16716 { 16717 "@type": "ListItem", 16718 "position": 21, 16719 "item": { 16720 "@type": "Product", 16721 "name": "TeSys LRD thermal overload relays - 1.6...2.5 A - class 10A", 16722 "url": "https://www.voltimum.co.uk/product-details/c3YqTsff/schneider-electric/tesys-lrd-thermal-overload-relays-1625-a-class-10a", 16723 "sku": "LRD07", 16724 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd07_image-p_file_type-rendition_1500_jpg.png?width=800", 16725 "brand": { 16726 "@type": "Brand", 16727 "name": "Schneider Electric" 16728 }, 16729 "offers": { 16730 "@type": "AggregateOffer", 16731 "priceCurrency": "GBP", 16732 "lowPrice": "32.06", 16733 "highPrice": "52.23", 16734 "offerCount": 7, 16735 "availability": "https://schema.org/InStock", 16736 "url": "https://www.voltimum.co.uk/product-details/c3YqTsff/schneider-electric/tesys-lrd-thermal-overload-relays-1625-a-class-10a", 16737 "priceSpecification": { 16738 "@type": "PriceSpecification", 16739 "valueAddedTaxIncluded": false 16740 } 16741 } 16742 } 16743 }, 16744 { 16745 "@type": "ListItem", 16746 "position": 22, 16747 "item": { 16748 "@type": "Product", 16749 "name": "TeSys LRD thermal overload relays - 4...6 A - class 10A", 16750 "url": "https://www.voltimum.co.uk/product-details/P60LinLo/schneider-electric/tesys-lrd-thermal-overload-relays-46-a-class-10a", 16751 "sku": "LRD10", 16752 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd10_image-p_file_type-rendition_1500_jpg.png?width=800", 16753 "brand": { 16754 "@type": "Brand", 16755 "name": "Schneider Electric" 16756 }, 16757 "offers": { 16758 "@type": "AggregateOffer", 16759 "priceCurrency": "GBP", 16760 "lowPrice": "32.06", 16761 "highPrice": "52.23", 16762 "offerCount": 7, 16763 "availability": "https://schema.org/InStock", 16764 "url": "https://www.voltimum.co.uk/product-details/P60LinLo/schneider-electric/tesys-lrd-thermal-overload-relays-46-a-class-10a", 16765 "priceSpecification": { 16766 "@type": "PriceSpecification", 16767 "valueAddedTaxIncluded": false 16768 } 16769 } 16770 } 16771 }, 16772 { 16773 "@type": "ListItem", 16774 "position": 23, 16775 "item": { 16776 "@type": "Product", 16777 "name": "TeSys LRD thermal overload relays - 2.5...4 A - class 10A", 16778 "url": "https://www.voltimum.co.uk/product-details/CqhRVvqi/schneider-electric/tesys-lrd-thermal-overload-relays-254-a-class-10a", 16779 "sku": "LRD08", 16780 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd08_image-p_file_type-rendition_1500_jpg.png?width=800", 16781 "brand": { 16782 "@type": "Brand", 16783 "name": "Schneider Electric" 16784 }, 16785 "offers": { 16786 "@type": "AggregateOffer", 16787 "priceCurrency": "GBP", 16788 "lowPrice": "32.06", 16789 "highPrice": "52.23", 16790 "offerCount": 7, 16791 "availability": "https://schema.org/InStock", 16792 "url": "https://www.voltimum.co.uk/product-details/CqhRVvqi/schneider-electric/tesys-lrd-thermal-overload-relays-254-a-class-10a", 16793 "priceSpecification": { 16794 "@type": "PriceSpecification", 16795 "valueAddedTaxIncluded": false 16796 } 16797 } 16798 } 16799 }, 16800 { 16801 "@type": "ListItem", 16802 "position": 24, 16803 "item": { 16804 "@type": "Product", 16805 "name": "TeSys LRD thermal overload relays - 0.4...0.63 A - class 10A", 16806 "url": "https://www.voltimum.co.uk/product-details/TDCmi1ji/schneider-electric/tesys-lrd-thermal-overload-relays-04063-a-class-10a", 16807 "sku": "LRD04", 16808 "image": "https://assets.voltimum.com/assets/catalogue/uk/schneider-electric-bme/f/i/files-p_doc_ref-lrd04_image-p_file_type-rendition_1500_jpg.png?width=800", 16809 "brand": { 16810 "@type": "Brand", 16811 "name": "Schneider Electric" 16812 }, 16813 "offers": { 16814 "@type": "AggregateOffer", 16815 "priceCurrency": "GBP", 16816 "lowPrice": "32.06", 16817 "highPrice": "52.23", 16818 "offerCount": 7, 16819 "availability": "https://schema.org/InStock", 16820 "url": "https://www.voltimum.co.uk/product-details/TDCmi1ji/schneider-electric/tesys-lrd-thermal-overload-relays-04063-a-class-10a", 16821 "priceSpecification": { 16822 "@type": "PriceSpecification", 16823 "valueAddedTaxIncluded": false 16824 } 16825 } 16826 } 16827 } 16828 ] 16829} 16830 </script>
16830 16831<!--[if ENDBLOCK]><![endif]--> 16832<!--[if BLOCK]><![endif]-->
16832<script> 16833 // Merge computed brands into global Jitsu params and signal readiness 16834 try { 16835 window.dispatchEvent( 16836 new CustomEvent('jitsu:merge', { 16837 detail: { brands: ["WAU","SCU"], brand_impressions: [{"brand_code":"WAU","count":2},{"brand_code":"SCU","count":22}] }, 16838 }), 16839 ); 16840 window.dispatchEvent(new Event('jitsu:params-ready')); 16841 } catch (_) {} 16842 </script>
16842 16843<!--[if ENDBLOCK]><![endif]--> </div> 16844</div> </main> 16845 16846 <!-- Footer --> 16847 <footer wire:key="lw-1535712454-2-facet-groups-9" wire:snapshot="{"data":{"footer_navigations":[null,{"keys":[7,8],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Navigation","s":"elcln"}],"legal_navigations":[null,{"keys":[9,10,11],"class":"Illuminate\\Database\\Eloquent\\Collection","modelClass":"App\\Models\\Navigation","s":"elcln"}],"locale":"en-gb"},"memo":{"id":"ZZjKMy1yGiOwCIkkJYnz","name":"footer-navigation","path":"product-search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en-gb","islands":[]},"checksum":"f92ca4338c46431dba1cc53360417f601cd61ceac9712dfd82bc46af63440862"}" wire:effects="{"partials":[]}" wire:id="ZZjKMy1yGiOwCIkkJYnz" wire:name="footer-navigation" class="mt-auto bg-gray-100 px-6 pt-[64px] sm:pt-16 md:px-12 lg:pt-[94px] xl:px-3"> 16848 <div class="mx-auto max-w-7xl"> 16849 <div class="mx-[-12px] flex flex-row flex-wrap"> 16850 <!-- Logo --> 16851 <div class="w-full px-3 max-sm:hidden lg:w-[25%]"> 16852 <a aria-label="footer-logo" href="/"> 16853 <img loading="lazy" src="https://www.voltimum.co.uk/img/voltimum.svg" alt="Voltimum" class="w-[137px]" /> 16854 </a> 16855 <p class="text-dark-900 max-w-[430px] pt-4 text-sm leading-[1.6rem] lg:max-w-[254px]"> 16856 Voltimum is a digital platform and community that provides electrical professionals with industry news, product information, training, and tools for the electrical sector. 16857 </p> 16858 </div> 16859 16860 <!-- Footer navigation --> 16861 <div class="w-full px-3 pt-0 sm:pt-9 lg:w-[74.97%] lg:pt-0"> 16862 <div class="flex flex-row flex-wrap"> 16863 <!--[if BLOCK]><![endif]--> <div class="flex w-full max-sm:mb-8 sm:w-[50%] md:w-[33.33%] lg:justify-center"> 16864 <ul> 16865 <li class="text-dark-900 pb-[23px] text-sm leading-120 font-semibold">Sitemap</li> 16866 <!--[if BLOCK]><![endif]--> <li class="pb-[15px] text-sm leading-120 font-normal"> 16867 <a 16868 aria-label="home" 16869 href="/" 16870 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16871 " 16872 > 16873 Home 16874 </a> 16875 </li> 16876 <li class="pb-[15px] text-sm leading-120 font-normal"> 16877 <a 16878 aria-label="home" 16879 href="/news" 16880 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16881 " 16882 > 16883 News 16884 </a> 16885 </li> 16886 <li class="pb-[15px] text-sm leading-120 font-normal"> 16887 <a 16888 aria-label="home" 16889 href="/academy" 16890 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16891 " 16892 > 16893 Academy 16894 </a> 16895 </li> 16896 <li class="pb-[15px] text-sm leading-120 font-normal"> 16897 <a 16898 aria-label="home" 16899 href="/product-search" 16900 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16901 " 16902 > 16903 Products 16904 </a> 16905 </li> 16906 <li class="pb-[15px] text-sm leading-120 font-normal"> 16907 <a 16908 aria-label="home" 16909 href="/partners" 16910 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16911 " 16912 > 16913 Partners 16914 </a> 16915 </li> 16916 <li class="pb-[15px] text-sm leading-120 font-normal"> 16917 <a 16918 aria-label="home" 16919 href="/plus" 16920 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16921 " 16922 > 16923 Voltimum+ 16924 </a> 16925 </li> 16926 <!--[if ENDBLOCK]><![endif]--> </ul> 16927 </div> 16928 <div class="flex w-full max-sm:mb-8 sm:w-[50%] md:w-[33.33%] lg:justify-center"> 16929 <ul> 16930 <li class="text-dark-900 pb-[23px] text-sm leading-120 font-semibold">Other links</li> 16931 <!--[if BLOCK]><![endif]--> <li class="pb-[15px] text-sm leading-120 font-normal"> 16932 <a 16933 aria-label="home" 16934 href="/about" 16935 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16936 " 16937 > 16938 About 16939 </a> 16940 </li> 16941 <li class="pb-[15px] text-sm leading-120 font-normal"> 16942 <a 16943 aria-label="home" 16944 href="/contact" 16945 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16946 " 16947 > 16948 Contact 16949 </a> 16950 </li> 16951 <li class="pb-[15px] text-sm leading-120 font-normal"> 16952 <a 16953 aria-label="home" 16954 href="/vplus-partner" 16955 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16956 " 16957 > 16958 Partner with us 16959 </a> 16960 </li> 16961 <li class="pb-[15px] text-sm leading-120 font-normal"> 16962 <a 16963 aria-label="home" 16964 href="/pdflibrary" 16965 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16966 " 16967 > 16968 Catalogues 16969 </a> 16970 </li> 16971 <li class="pb-[15px] text-sm leading-120 font-normal"> 16972 <a 16973 aria-label="home" 16974 href="/voltimum-plus-faqs" 16975 class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16976 " 16977 > 16978 Voltimum+ FAQs 16979 </a> 16980 </li> 16981 <li class="pb-[15px] text-sm leading-120 font-normal"> 16982 <a 16983 aria-label="home" 16984 href="https://www.voltimum.com" 16985 target="_blank" class="text-dark-900 relative after:absolute after:left-1/2 after:-translate-x-1/2 after:-bottom-1 after:w-0 hover:after:w-full after:h-[1px] hover:text-dark-orange after:bg-gray-900 after:transition-all after:duration-300 16986 " 16987 > 16988 voltimum.com 16989 </a> 16990 </li> 16991 <!--[if ENDBLOCK]><![endif]--> </ul> 16992 </div> 16993 <!--[if ENDBLOCK]><![endif]--> 16994 <!-- Register --> 16995 <div class="w-full md:w-[33.33%] lg:flex lg:justify-end"> 16996 <div class="xl:w-full"> 16997 <!--[if BLOCK]><![endif]--> <p class="text-dark-900 pb-4 text-sm leading-120 font-semibold"> 16998 Register with Voltimum 16999 </p> 17000 <p class="text-dark-900 max-w-[254px] min-w-full pb-[18px] text-sm leading-[1.6rem] lg:flex lg:justify-center"> 17001 Keep up with the latest industry news, and earn rewards for your electrical purchases! 17002 </p> 17003 <a 17004 href="https://www.voltimum.co.uk/register" 17005 class="flex justify-center rounded-md bg-pilot-blue px-12 py-[13px] text-sm leading-120 font-semibold text-white hover:bg-dark-pilot-blue max-sm:px-[96px] lg:min-w-full xl:px-[76px]" 17006 > 17007 Sign up here 17008 </a> 17009 <!--[if ENDBLOCK]><![endif]--> </div> 17010 </div> 17011 </div> 17012 </div> 17013 </div> 17014 17015 <div class="mt-9 border-b border-gray-600 md:mt-[53px]"></div> 17016 17017 <div class="flex flex-col flex-wrap justify-between gap-6 pt-6 pb-[67px] sm:flex-row sm:gap-[42px] md:!py-9"> 17018 <!-- Legal --> 17019 <div class="flex flex-col gap-4 sm:flex-row sm:items-center"> 17020 <p class="text-sm leading-120 font-normal text-nowrap">© 2002-<span id="current-year">2026</span> Voltimum</p> 17021 <!--[if BLOCK]><![endif]--> <a 17022 href="/terms-and-conditions" 17023 class="text-dark-900 hover:text-dark-orange relative text-sm leading-120 font-normal after:absolute after:-bottom-1 after:left-1/2 after:h-[1px] after:w-0 after:-translate-x-1/2 after:bg-gray-900 after:transition-all after:duration-300 hover:after:w-full" 17024 > 17025 Terms & Conditions 17026 </a> 17027 <a 17028 href="/privacy-policy" 17029 class="text-dark-900 hover:text-dark-orange relative text-sm leading-120 font-normal after:absolute after:-bottom-1 after:left-1/2 after:h-[1px] after:w-0 after:-translate-x-1/2 after:bg-gray-900 after:transition-all after:duration-300 hover:after:w-full" 17030 > 17031 Privacy Policy 17032 </a> 17033 <a 17034 href="/imprint" 17035 class="text-dark-900 hover:text-dark-orange relative text-sm leading-120 font-normal after:absolute after:-bottom-1 after:left-1/2 after:h-[1px] after:w-0 after:-translate-x-1/2 after:bg-gray-900 after:transition-all after:duration-300 hover:after:w-full" 17036 > 17037 Imprint 17038 </a> 17039 <!--[if ENDBLOCK]><![endif]--> </div> 17040 17041 <!-- Social Links --> 17042 <div class="flex items-center gap-6"> 17043 <!--[if BLOCK]><![endif]--> <a aria-label="facebook" href="https://www.facebook.com/Voltimumuk" target="_blank"> 17044 <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 17045 <g clip-path="url(#clip0_382_1120)"> 17046 <path 17047 d="M9.101 23.6909V15.7109H6.627V12.0439H9.101V10.4639C9.101 6.37895 10.949 4.48595 14.959 4.48595C15.36 4.48595 15.914 4.52795 16.427 4.58895C16.8112 4.62848 17.1924 4.69363 17.568 4.78395V8.10895C17.3509 8.08869 17.133 8.07668 16.915 8.07295C16.6707 8.0666 16.4264 8.0636 16.182 8.06395C15.475 8.06395 14.923 8.15995 14.507 8.37295C14.2273 8.51326 13.9922 8.72862 13.828 8.99495C13.57 9.41495 13.454 9.98995 13.454 10.7469V12.0439H17.373L16.987 14.1469L16.7 15.7109H13.454V23.9559C19.396 23.2379 24 18.1789 24 12.0439C24 5.41695 18.627 0.0439453 12 0.0439453C5.373 0.0439453 0 5.41695 0 12.0439C0 17.6719 3.874 22.3939 9.101 23.6909Z" 17048 fill="currentColor" 17049 /> 17050 </g>
17051 <defs> 17052 <clipPath id="clip0_382_1120"> 17053 <rect width="24" height="24" fill="currentColor" /> 17054 </clipPath> 17055 </defs> 17056</svg> 17057 </a> 17058 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a aria-label="twitter" href="https://www.twitter.com/voltimumuk" target="_blank"> 17059 <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 17060 <path 17061 d="M18.901 1.15295H22.581L14.541 10.343L24 22.846H16.594L10.794 15.262L4.156 22.846H0.474L9.074 13.016L0 1.15395H7.594L12.837 8.08595L18.901 1.15295ZM17.61 20.644H19.649L6.486 3.23995H4.298L17.61 20.644Z" 17062 fill="currentColor" 17063 /> 17064</svg> 17065 </a> 17066 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a aria-label="u-tube" href="https://www.youtube.com/user/VoltimumUK" target="_blank"> 17067 <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 17068 <path 17069 d="M23.498 6.18604C23.3624 5.67532 23.095 5.20918 22.7226 4.83431C22.3502 4.45943 21.8858 4.18899 21.376 4.05004C19.505 3.54504 12 3.54504 12 3.54504C12 3.54504 4.495 3.54504 2.623 4.05004C2.11341 4.18923 1.64929 4.45978 1.27708 4.83463C0.904861 5.20947 0.637591 5.67548 0.502 6.18604C0 8.07004 0 12 0 12C0 12 0 15.93 0.502 17.814C0.637586 18.3248 0.904975 18.7909 1.27739 19.1658C1.64981 19.5407 2.11418 19.8111 2.624 19.95C4.495 20.455 12 20.455 12 20.455C12 20.455 19.505 20.455 21.377 19.95C21.8869 19.8112 22.3513 19.5408 22.7237 19.1659C23.0961 18.791 23.3635 18.3248 23.499 17.814C24 15.93 24 12 24 12C24 12 24 8.07004 23.498 6.18604ZM9.545 15.568V8.43204L15.818 12L9.545 15.568Z" 17070 fill="currentColor" 17071 /> 17072</svg> 17073 </a> 17074 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a aria-label="linkedin" href="https://www.linkedin.com/company/voltimum" target="_blank"> 17075 <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 17076 <g clip-path="url(#clip0_382_1124)"> 17077 <path 17078 d="M20.447 20.452H16.893V14.883C16.893 13.555 16.866 11.846 15.041 11.846C13.188 11.846 12.905 13.291 12.905 14.785V20.452H9.351V9H12.765V10.561H12.811C13.288 9.661 14.448 8.711 16.181 8.711C19.782 8.711 20.448 11.081 20.448 14.166L20.447 20.452ZM5.337 7.433C4.193 7.433 3.274 6.507 3.274 5.368C3.274 4.23 4.194 3.305 5.337 3.305C6.477 3.305 7.401 4.23 7.401 5.368C7.401 6.507 6.476 7.433 5.337 7.433ZM7.119 20.452H3.555V9H7.119V20.452ZM22.225 0H1.771C0.792 0 0 0.774 0 1.729V22.271C0 23.227 0.792 24 1.771 24H22.222C23.2 24 24 23.227 24 22.271V1.729C24 0.774 23.2 0 22.222 0H22.225Z" 17079 fill="currentColor" 17080 /> 17081 </g> 17082 <defs> 17083 <clipPath id="clip0_382_1125"> 17084 <rect width="24" height="24" fill="currentColor" /> 17085 </clipPath> 17086 </defs> 17087</svg> 17088 </a> 17089 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a aria-label="instagram" href="https://www.instagram.com/voltimumuk/" target="_blank"> 17090 <svg class="h-6 w-6 transition-all duration-300 ease-linear hover:scale-[1.1]" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 17091 <path 17092 d="M13.0281 2.00073C14.1535 2.00259 14.7238 2.00855 15.2166 2.02322L15.4107 2.02956C15.6349 2.03753 15.8561 2.04753 16.1228 2.06003C17.1869 2.1092 17.9128 2.27753 18.5503 2.52503C19.2094 2.7792 19.7661 3.12253 20.3219 3.67837C20.8769 4.2342 21.2203 4.79253 21.4753 5.45003C21.7219 6.0867 21.8903 6.81337 21.9403 7.87753C21.9522 8.1442 21.9618 8.3654 21.9697 8.58964L21.976 8.78373C21.9906 9.27647 21.9973 9.84686 21.9994 10.9723L22.0002 11.7179C22.0003 11.809 22.0003 11.903 22.0003 12L22.0002 12.2821L21.9996 13.0278C21.9977 14.1532 21.9918 14.7236 21.9771 15.2163L21.9707 15.4104C21.9628 15.6347 21.9528 15.8559 21.9403 16.1225C21.8911 17.1867 21.7219 17.9125 21.4753 18.55C21.2211 19.2092 20.8769 19.7659 20.3219 20.3217C19.7661 20.8767 19.2069 21.22 18.5503 21.475C17.9128 21.7217 17.1869 21.89 16.1228 21.94C15.8561 21.9519 15.6349 21.9
17092616 15.4107 21.9694L15.2166 21.9757C14.7238 21.9904 14.1535 21.997 13.0281 21.9992L12.2824 22C12.1913 22 12.0973 22 12.0003 22L11.7182 22L10.9725 21.9993C9.8471 21.9975 9.27672 21.9915 8.78397 21.9768L8.58989 21.9705C8.36564 21.9625 8.14444 21.9525 7.87778 21.94C6.81361 21.8909 6.08861 21.7217 5.45028 21.475C4.79194 21.2209 4.23444 20.8767 3.67861 20.3217C3.12278 19.7659 2.78028 19.2067 2.52528 18.55C2.27778 17.9125 2.11028 17.1867 2.06028 16.1225C2.0484 15.8559 2.03871 15.6347 2.03086 15.4104L2.02457 15.2163C2.00994 14.7236 2.00327 14.1532 2.00111 13.0278L2.00098 10.9723C2.00284 9.84686 2.00879 9.27647 2.02346 8.78373L2.02981 8.58964C2.03778 8.3654 2.04778 8.1442 2.06028 7.87753C2.10944 6.81253 2.27778 6.08753 2.52528 5.45003C2.77944 4.7917 3.12278 4.2342 3.67861 3.67837C4.23444 3.12253 4.79278 2.78003 5.45028 2.52503C6.08778 2.27753 6.81278 2.11003 7.87778 2.06003C8.14444 2.04816 8.36564 2.03847 8.58989 2.03062L8.78397 2.02433C9.27672 2.00969 9.8471 2.00302 10.9725 2.00086L13.0281 2.00073ZM12.0003 7.00003C9.23738 7.00003 7.00028 9.23956 7.00028 12C7.00028 14.7629 9.23981 17 12.0003 17C14.7632 17 17.0003 14.7605 17.0003 12C17.0003 9.23713 14.7607 7.00003 12.0003 7.00003ZM12.0003 9.00003C13.6572 9.00003 15.0003 10.3427 15.0003 12C15.0003 13.6569 13.6576 15 12.0003 15C10.3434 15 9.00028 13.6574 9.00028 12C9.00028 10.3431 10.3429 9.00003 12.0003 9.00003ZM17.2503 5.50003C16.561 5.50003 16.0003 6.05994 16.0003 6.74918C16.0003 7.43843 16.5602 7.9992 17.2503 7.9992C17.9395 7.9992 18.5003 7.4393 18.5003 6.74918C18.5003 6.05994 17.9386 5.49917 17.2503 5.50003Z" 17093 fill="currentColor" 17094 /> 17095</svg> 17096 </a> 17097 <!--[if ENDBLOCK]><![endif]--> </div> 17098 </div> 17099 </div> 17100</footer> 17101 <!-- Product distributors modal --> 17102 <div wire:key="lw-1535712454-3-facet-groups-11" wire:snapshot="{"data":{"product":null,"items":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}],"show_stock_for":[[["InStock",{"class":"App\\Enums\\AvailabilityType","s":"enm"}],["LimitedAvailability",{"class":"App\\Enums\\AvailabilityType","s":"enm"}]],{"s":"arr"}],"hide_add_to_cart_for":[[["OutOfStock",{"class":"App\\Enums\\AvailabilityType","s":"enm"}],["Discontinued",{"class":"App\\Enums\\AvailabilityType","s":"enm"}]],{"s":"arr"}],"elbridge_distributors":[[],{"class":"Illuminate\\Support\\Collection","s":"clctn"}]},"memo":{"id":"HcpTbths9zfgw42mBFwi","name":"product-distributors-modal","path":"product-search","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"en-gb","islands":[]},"checksum":"660dde305c5a991355c9b4a972b0578114e56106674ac5db64cb66a67fd10d2b"}" wire:effects="{"partials":[],"listeners":["setProductDistributorsModal"]}" wire:id="HcpTbths9zfgw42mBFwi" wire:name="product-distributors-modal" x-cloak> 17103 <div 17104 x-show="productDistributorsModalOpen" 17105 class="fixed inset-0 z-[1001] bg-black/50" 17106 @click=" 17107 closeProductDistributorsModal(); 17108 $wire.resetModal(); 17109 " 17110 ></div> 17111 17112 <div 17113 x-show="productDistributorsModalOpen" 17114 x-transition:enter="transition ease-out duration-300" 17115 x-transition:enter-start="opacity-0 scale-95" 17116 x-transition:enter-end="opacity-100 scale-100" 17117 x-transition:leave="transition ease-in duration-200" 17118 x-transition:leave-start="opacity-100 scale-100" 17119 x-transition:leave-end="opacity-0 scale-95" 17120 class="fixed top-1/2 left-1/2 z-[10000] max-h-[90vh] w-full max-w-6xl -translate-x-1/2 -translate-y-1/2 transform overflow-y-auto rounded-xl bg-white p-6 shadow-xl" 17121 > 17122 <div class="flex min-h-[400px] w-full items-center justify-center"> 17123 <div wire:loading class="w-full"> 17124 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="mx-auto
17124size-4 animate-spin"> 17125 <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" /> 17126 </svg> 17127</div> 17128 17129 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 17130 </div> 17131</div> 17132 <div 17133 x-data="{ 17134 init() { 17135 window.addEventListener('scroll', function () { 17136 let backToTop = document.getElementById('back-to-top'), 17137 scrollThreshold = 100; 17138 document.body.scrollTop > scrollThreshold || document.documentElement.scrollTop > scrollThreshold 17139 ? backToTop.classList.remove('hidden') 17140 : backToTop.classList.add('hidden'); 17141 }); 17142 }, 17143 17144 backToTop() { 17145 window.scrollTo({ top: 0, behavior: 'smooth' }); 17146 }, 17147 }" 17148> 17149 <button 17150 type="button" 17151 id="back-to-top" 17152 class="!fixed end-5 bottom-5 z-[1001] hidden rounded-full bg-red-600 p-3 text-xs leading-tight font-medium text-white uppercase shadow-md transition duration-150 ease-in-out hover:bg-red-700 hover:shadow-lg focus:shadow-lg focus:ring-0 focus:outline-hidden active:bg-red-800 active:shadow-lg" 17153 @click="backToTop()" 17154 > 17155 <span class="[&>svg]:w-4"> 17156 <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="3" stroke="currentColor"> 17157 <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 10.5 12 3m0 0 7.5 7.5M12 3v18" /> 17158 </svg> 17159 </span> 17160 </button> 17161</div> 17162 17163 <!-- Google Tag Manager (noscript) -->
vendor: 81 bytes, lines 17163-17166
17163 17164 <noscript 17165 ><iframe 17166 src="https://www.googletagmanager.com/ns.html?id=
17166GTM-P99PFCDN
vendor: 114 bytes, lines 17166-17172
17166" 17167 height="0" 17168 width="0" 17169 style="display: none; visibility: hidden" 17170 ></iframe 17171 ></noscript> 17172
17172<!-- End Google Tag Manager (noscript) --> 17173
17174<script data-navigate-once="true">window.livewireScriptConfig = {"csrf":"iUskPx9kgYrZbCmXFiyZeK3hoHhh412pLP3VQUUM","uri":"https:\/\/www.voltimum.co.uk\/livewire-3a448f85\/update","moduleUrl":"https:\/\/www.voltimum.co.uk\/livewire-3a448f85","progressBar":"","nonce":""};</script>
17174 17175 17176
17176<script> 17177 document.addEventListener('alpine:init', () => { 17178 Alpine.data('cartQty', ({ id, initial, min, step, save }) => ({ 17179 id, 17180 qty: initial, 17181 qtyInput: initial, 17182 min, 17183 step, 17184 busy: false, 17185 t: null, 17186 reqId: 0, // for out-of-order guard 17187 17188 // Adopt a quantity the server changed for this row without a user edit. 17189 syncFromServer(detail) { 17190 const next = Number(detail?.quantities?.[this.id]); 17191 17192 if (!Number.isFinite(next) || next === this.qty) { 17193 return; 17194 } 17195 17196 clearTimeout(this.t); 17197 this.reqId++; // drop any in-flight save's late completion 17198 this.busy = false; 17199 this.qty = next; 17200 this.qtyInput = next; 17201 }, 17202 17203 normalize(v) { 17204 v = Number(v || this.min); 17205 v = Math.max(this.min, v); 17206 const remainder = (v - this.min) % this.step; 17207 if (remainder !== 0) v += this.step - remainder; 17208 return v; 17209 }, 17210 17211 set(v) { 17212 const normalized = this.normalize(v); 17213 if (normalized === this.qty) { 17214 // no change => no network 17215 this.qtyInput = normalized; 17216 return; 17217 } 17218 this.qty = normalized; 17219 this.qtyInput = normalized; 17220 this.debouncedSave(); 17221 }, 17222 17223 inc() { 17224 this.set(this.qty + this.step); 17225 }, 17226 dec() { 17227 this.set(this.qty - this.step); 17228 }, 17229 applyInput() { 17230 this.set(this.qtyInput); 17231 }, 17232 17233 debouncedSave() { 17234 clearTimeout(this.t); 17235 const myReq = ++this.reqId; 17236 this.t = setTimeout(async () => { 17237 this.busy = true; // <= move busy here 17238 try { 17239 await save(this.qty); 17240 } finally { 17241 if (myReq === this.reqId) this.busy = false; // ignore late completions 17242 } 17243 }, 250); // faster debounce 17244 }, 17245 17246 // Normalize once on init; only save if it actually changed 17247 init() { 17248 const n = this.normalize(this.qty); 17249 this.qty = this.qtyInput = n; 17250 if (n !== initial) { 17251 this.debouncedSave(); 17252 } 17253 }, 17254 })); 17255 }); 17256 </script>
vendor: 1 bytes, line 17256
17256
17257<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"00a3fbf53f254b8fb485e599a4bb5e63","r":1,"spa":2}' crossorigin="anonymous"></script>
17257 17258</body> 17259</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.