1<!doctype html> 2<html lang="en" class="motion-safe:scroll-smooth h-full"> 3<head> 4 <meta charset="UTF-8"> 5 <meta name="viewport" 6 content="width=device-width, user-scalable=yes, initial-scale=1.0, maximum-scale=5.0, minimum-scale=1.0"> 7 <meta http-equiv="X-UA-Compatible" content="ie=edge"> 8 9
9<script defer src="https://unpkg.com/[email protected]/dist/smoothscroll.js"></script>
9 10 11 <link href="https://api.mapbox.com/mapbox-gl-js/v2.10.0/mapbox-gl.css" rel="stylesheet"> 12
12<script src="https://api.mapbox.com/mapbox-gl-js/v2.10.0/mapbox-gl.js"></script>
12 13
13<script src=https://www.google.com/recaptcha/api.js></script>
13 14
14<script> 15 16 function timestamp() { var response = document.getElementById("g-recaptcha-response"); if (response == null || response.value.trim() == "") {var elems = JSON.parse(document.getElementsByName("captcha_settings")[0].value);elems["ts"] = JSON.stringify(new Date().getTime());document.getElementsByName("captcha_settings")[0].value = JSON.stringify(elems); } } setInterval(timestamp, 500); 17 18 </script>
18 19 <title>Contact Us | Dale Power Solutions</title> 20 21 22 <meta name="description" content="Dale Power Solutions is the UK's industry leader in uninterruptible power supply (UPS), generators, backup batteries and emergency power solutions."> 23 24 25 <link rel="canonical" href="https://www.dalepowersolutions.com/contact"> 26 27 28 <meta property="og:type" content="website"> 29 30 31 32 33 <meta property="og:site_name" content="Dale Power Solutions"> 34 35 36 37 <meta property="og:title" content="Contact Us"> 38 39 40 41 <meta property="og:description" content="Dale Power Solutions is the UK's industry leader in uninterruptible power supply (UPS), generators, backup batteries and emergency power solutions."> 42 43 44 45 46 47 48 49 50 <meta name="keywords" content="secure power solutions, critical power solutions, critical power systems, high-quality, power systems, best solutions, UPS systems, UPS solutions, secure power systems, backup power systems, BESS systems, battery storage solutions, reduce emissions, cost-effective energy use, power infrastructure, generator maintenance services, best solution, energy system case studies, data centres, healthcare, Battery Energy Storage Solution">
vendor: 70 bytes, lines 50-52
50 51 52 <script src="https://www.google.com/recaptcha/api.js?hl=&render=
526LeMbvgkAAAAACcnyynqfXZyf1WwtmwJ6yG0eDUV
vendor: 15 bytes, lines 52-54
52"></script> 53 54
54<!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 55 <link rel="preload" as="style" href="https://www.dalepowersolutions.com/build/assets/main-m0ne_8EU.css" /><link rel="stylesheet" href="https://www.dalepowersolutions.com/build/assets/main-m0ne_8EU.css" data-navigate-track="reload" /> 56 <style> 57 .preload * { 58 -webkit-transition: none !important; 59 -moz-transition: none !important; 60 -ms-transition: none !important; 61 -o-transition: none !important; 62 } 63 [x-cloak] { display: none; } 64 </style> 65 66 <!-- Cookie Consent by TermsFeed --> 67
67<script src="//www.termsfeed.com/public/cookie-consent/4.2.0/cookie-consent.js" charset="UTF-8"></script>
67 68 69 <!-- Consent Mode v2 defaults (deny until user acts) --> 70
70<script> 71 window.dataLayer = window.dataLayer || []; 72 function gtag(){ dataLayer.push(arguments); } 73 gtag('consent','default',{ 74 ad_storage:'denied', 75 analytics_storage:'denied', 76 ad_user_data:'denied', 77 ad_personalization:'denied' 78 }); 79 </script>
79 80 81 <!-- Google Tag Manager (load immediately, NOT type="text/plain") --> 82
82<script>
vendor: 351 bytes, lines 82-86
82 83 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':new Date().getTime(),event:'gtm.js'}); 84 var f=d.getElementsByTagName(s)[0], j=d.createElement(s), dl=l!='dataLayer'?'&l='+l:''; 85 j.async=true; j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl; f.parentNode.insertBefore(j,f); 86 })(window,document,'script','dataLayer','
86GTM-NZ2DV3F
vendor: 6 bytes, lines 86-87
86'); 87
87</script>
87 88 89 <!-- TermsFeed init + consent mapping --> 90
90<script charset="UTF-8"> 91 document.addEventListener('DOMContentLoaded', function () { 92 cookieconsent.run({ 93 notice_banner_type: "interstitial", 94 consent_type: "express", 95 palette: "light", 96 language: "en", 97 98 // Only essential on initial load 99 page_load_consent_levels: ["strictly-necessary"], 100 101 102 notice_banner_reject_button_hide: true, 103 preferences_center_close_button_hide: false, 104 page_refresh_confirmation_buttons: false, 105 website_name: "Dale Power Solutions", 106 website_privacy_policy_url: "https://www.dalepowersolutions.com/privacy-policy", 107 108 // Keep GTM Consent Mode in sync with TermsFeed categories 109 callbacks_force: true, 110 callbacks: { 111 // Fired when a specific category is enabled (e.g. "tracking", "targeting") 112 scripts_specific_loaded: function(level){ 113 // Tell GTM a category was granted 114 window.dataLayer = window.dataLayer || []; 115 dataLayer.push({ 116 event: 'consent_update', 117 level: level, // "tracking" or "targeting" (TermsFeed categories) - requested by seo team for triggrexx 118 granted: true 119 }); 120 121 // "tracking" == analytics 122 if (level === 'tracking') { 123 gtag('consent','update',{ analytics_storage:'granted' }); 124 } 125 // Ads/marketing ONLY when "targeting" (or "marketing") is granted 126 if (level === 'targeting' || level === 'marketing') { 127 gtag('consent','update',{ 128 ad_storage:'granted', 129 ad_user_data:'granted', 130 ad_personalization:'granted' 131 }); 132 // Optional convenience event for ads-only logic 133 dataLayer.push({ event: 'consent_marketing_granted' }); 134 } 135 }, 136 consent_withdrawn: function(){ 137 window.dataLayer = window.dataLayer || []; 138 dataLayer.push({ 139 event: 'consent_update', 140 level: 'all', 141 granted: false 142 }); 143 gtag('consent','update',{ 144 ad_storage:'denied', 145 analytics_storage:'denied', 146 ad_user_data:'denied', 147 ad_personalization:'denied' 148 }); 149 } 150 } 151 }); 152 }); 153 </script>
153 154 155 <!-- Tawk (functional; always on) --> 156
156<script> 157 var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date(); 158 (function(){ 159 var s1=document.createElement("script"), s0=document.getElementsByTagName("script")[0]; 160 s1.async=true; 161 s1.src='https://embed.tawk.to/5f606dfb4704467e89ef04df/1gdg7363n'; 162 s1.charset='UTF-8'; 163 s1.setAttribute('crossorigin','*'); 164 s0.parentNode.insertBefore(s1,s0); 165 })(); 166 </script>
166 167 168 <!-- plausible.io (gate with TermsFeed "tracking") --> 169
169<script type="text/plain" data-cookie-consent="tracking" defer 170 data-domain="dalepowersolutions.com" 171 src="https://plausible.io/js/script.file-downloads.outbound-links.tagged-events.js"></script>
171 172
172<script> 173 window.plausible = window.plausible || function(){ (window.plausible.q = window.plausible.q || []).push(arguments) } 174 </script>
174 175 176 <noscript>Free cookie consent management tool by <a href="https://www.termsfeed.com/">TermsFeed Generator</a></noscript> 177 178 <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 178-179
178 179 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
179GTM-NZ2DV3F
vendor: 103 bytes, lines 179-180
179" 180 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
181</head> 182 183<body class="preload antialiased h-full flex flex-col"> 184 <header> 185 <div class="bg-dark-blue flex justify-end"> 186 <a 187 class="1 bg-red hover:bg-red-400 transition-[background-color] flex justify-center items-center p-3 gap-2" href="/contact" 188><span class="inline-block bg-white rounded-full p-1"> 189 <svg class="fill-current w-2 h-2 text-dark-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> </span> 190 <span class="uppercase text-white text-xs font-bold">24/7 Emergency contact</span></a> 191 <a 192 class="1 bg-green hover:bg-green-400 transition-[background-color] flex justify-center items-center p-3 gap-2" href="/help-centre" 193><span class="inline-block bg-white rounded-full p-1"> 194 <svg class="fill-current w-2 h-2 text-dark-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> </span> 195 <span class="uppercase text-white text-xs font-bold">Help centre</span></a> 196 </div> 197 198 <div class="pt-4 px-4 bg-white"> 199 <div class="container" x-data="{expanded:false}"> 200 <div class="flex justify-between"> 201 <a href="/" class="pb-4"> 202 <img src="https://www.dalepowersolutions.com/storage/assets/images/dale-logo.svg" alt="Dale Power Solutions" class="w-full max-w-[130px]"> 203 </a> 204 205 <nav x-data="{mobile: false}"> 206 <ul class="hidden lg:flex uppercase text-dark-blue text-xs h-full justify-start items-center gap-4"> 207 <li x-data="{open:false}" 208 x-on:click.outside="open = false" 209 x-on:mouseover="open = true" 210 x-on:mouseleave="open = false" 211 class="relative h-full border-b-4 border-transparent"> 212 <a class=" 213 flex justify-center cursor-default font-bold 214 gap-px 215 items-center h-full pb-4 px-2 hover:bg-blue-gray 216 transition-[background-color] rounded-t" 217 :class="{'bg-dark-blue/5': open}" > 218 <span>Products</span> 219 <svg :class="{'rotate-180': open}" class="fill-current w-5 h-5 transition-transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 220 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 221</svg> </a> 222 <div x-show="open" 223 x-transition.opacity 224 x-cloak 225 x-data="{oob: false}" 226 x-ref="elem_one" 227 class="absolute top-full bg-blue-gray rounded-bl-lg z-30 flex transition-[right] py-1" 228 :class="{'right-0': oob, 'left-0': !oob}"> 229 <div class="p-4 flex flex-wrap min-w-[300px]"> 230 <div class="flex flex-col min-w-[150px]"> 231 <a href="/products/ups" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 232 Uninterruptible Power Supply (UPS) Solutions 233 </a> 234 <div class="flex flex-col gap-1"> 235 <a href="/products/ups/industrial-ups" 236 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 237 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <sp
237an>Erskine Industrial UPS</span> 238 </a> 239 <a href="/products/ups/commercial-ups" 240 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 241 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Commercial UPS</span> 242 </a> 243 <a href="/products/ups/commercial-ups/en50171_central_safety_power_supply_systems" 244 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 245 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>EN50171 Central Safety Power Supply Systems</span> 246 </a> 247 <a href="/products/ups/commercial-ups/motor-back-up-uninterrupted-power-supply-ups-1-1" 248 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 249 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Motor Backup UPS</span> 250 </a> 251 <a href="/products/ups/commercial-ups/lift-back-up-uninterrupted-power-supply-ups-1-1-1" 252 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 253 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Lift Backup UPS</span> 254 </a> 255 <a href="/services/wimes-and-harsh-environment-ups-solutions" 256 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 257 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>WIMES & Harsh Environment UPS</span> 258 </a> 259 </div> 260 <div class="mb-3"></div> 261 262 </div> 263 <div class="flex flex-col min-w-[150px]"> 264 <a href="/products/generators" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 265 Generator Solutions 266 </a> 267 <div class="flex flex-col gap-1"> 268 <a href="/products/generators/open-set-generators" 269 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 270 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <sp
270an>Open Set Generators</span> 271 </a> 272 <a href="/products/generators/canopy-generators" 273 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 274 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Canopy Generators</span> 275 </a> 276 <a href="/products/generators/containerised-generators" 277 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 278 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Containerised Generators</span> 279 </a> 280 </div> 281 <div class="mb-3"></div> 282 283 </div> 284 <div class="flex flex-col min-w-[150px]"> 285 <a href="/products/battery-energy-storage-systems" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 286 Battery Energy Storage Systems (BESS) 287 </a> 288 <div class="flex flex-col gap-1"> 289 <a href="/products/battery-energy-storage-systems/what-is-a-battery-energy-storage-system" 290 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 291 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>What is a Battery Energy Storage System?</span> 292 </a> 293 <a href="/products/battery-energy-storage-systems/bess-projects" 294 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 295 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>BESS Projects and Case Studies</span> 296 </a> 297 <a href="/products/battery-energy-storage-systems/advantages-of-battery-energy-storage-systems" 298 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 299 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <sp
299an>Advantages of Battery Energy Storage Systems</span> 300 </a> 301 <a href="/products/dale-bess-nbn" 302 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 303 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Dale BESS NBN</span> 304 </a> 305 </div> 306 <div class="mb-3"></div> 307 308 </div> 309 </div> 310 <div id="sub_menu_0"></div> 311 </div> 312 </li> 313 <li x-data="{open:false}" 314 x-on:click.outside="open = false" 315 x-on:mouseover="open = true" 316 x-on:mouseleave="open = false" 317 class="relative h-full border-b-4 border-transparent"> 318 <a href="/services" class=" 319 flex justify-center cursor-pointer font-bold 320 gap-px 321 items-center h-full pb-4 px-2 hover:bg-blue-gray 322 transition-[background-color] rounded-t" 323 :class="{'bg-dark-blue/5': open}" > 324 <span>Services</span> 325 <svg :class="{'rotate-180': open}" class="fill-current w-5 h-5 transition-transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 326 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 327</svg> </a> 328 <div x-show="open" 329 x-transition.opacity 330 x-cloak 331 x-data="{oob: false}" 332 x-ref="elem_one" 333 class="absolute top-full bg-blue-gray rounded-bl-lg z-30 flex transition-[right] py-1" 334 :class="{'right-0': oob, 'left-0': !oob}"> 335 <div class="p-4 flex flex-wrap min-w-[300px]"> 336 <div class="flex flex-col min-w-[150px]"> 337 <a href="/services/calibre-power-electronics" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 338 Calibre by Dale Power Solutions 339 </a> 340 341 </div> 342 <div class="flex flex-col min-w-[150px]"> 343 <a href="/services" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 344 Services overview 345 </a> 346 347 </div> 348 <div class="flex flex-col min-w-[150px]"> 349 <a href="/services/ups-servicing" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 350 UPS (Uninterruptible Power Supply) Servicing 351 </a> 352 353 </div> 354 <div class="flex flex-col min-w-[150px]"> 355 <a href="/ups-sizing-tool" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 356 UPS sizing tool 357 </a> 358 359 </div> 360 <div class="flex flex-col min-w-[150px]"> 361 <a href="/services/generator-servicing" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 362 Generator Servicing 363 </a> 364 365 </div> 366 <div class="flex flex-col min-w-[150px]"> 367 <a href="" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 368 Design, Manufacture & Installation 369 </a> 370 <div class="flex flex-col gap-1"> 371 <a href="/services/design-and-site-surveys" 372 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 373 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <sp
373an>Design & Site Surveys</span> 374 </a> 375 <a href="/services/oftec-inspections" 376 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 377 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>OFTEC Inspections</span> 378 </a> 379 <a href="/services/manufacturing" 380 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 381 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>UPS Design and Manufacturing</span> 382 </a> 383 <a href="/services/ups-installation-and-commissioning" 384 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 385 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>UPS Installation & Commissioning</span> 386 </a> 387 <a href="/services/generator-installation-and-commissioning" 388 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 389 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Generator Installation & Commissioning</span> 390 </a> 391 </div> 392 <div class="mb-3"></div> 393 394 </div> 395 <div class="flex flex-col min-w-[150px]"> 396 <a href="" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 397 Servicing, Refurbishment & Replacements 398 </a> 399 <div class="flex flex-col gap-1"> 400 <a href="/services/battery-management" 401 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 402 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <sp
402an>Battery management</span> 403 </a> 404 <a href="/services/generator-control-panel-upgrades" 405 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 406 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Generator Control Panel Upgrades</span> 407 </a> 408 <a href="/services/load-bank-testing" 409 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 410 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Load Bank Testing</span> 411 </a> 412 <a href="/services/fuel-management-services" 413 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 414 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Fuel Management</span> 415 </a> 416 <a href="/services/refurbishment-and-repairs" 417 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 418 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Refurbishment & repairs</span> 419 </a> 420 <a href="/services/remote-monitoring" 421 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 422 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Remote Monitoring</span> 423 </a> 424 <a href="/services/spare-parts" 425 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 426 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <sp
426an>Spare Parts</span> 427 </a> 428 <a href="/services/decommissioning-and-disposal" 429 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 430 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <span>Decommissioning & Disposal</span> 431 </a> 432 </div> 433 <div class="mb-3"></div> 434 435 </div> 436 <div class="flex flex-col min-w-[150px]"> 437 <a href="https://www.dalepowersolutions.com/services/manufacturing" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 438 Custom Capabilities 439 </a> 440 441 </div> 442 </div> 443 <div id="sub_menu_1"></div> 444 </div> 445 </li> 446 <li x-data="{open:false}" 447 x-on:click.outside="open = false" 448 x-on:mouseover="open = true" 449 x-on:mouseleave="open = false" 450 class="relative h-full border-b-4 border-transparent"> 451 <a href="/sectors" class=" 452 flex justify-center cursor-pointer font-bold 453 gap-px 454 items-center h-full pb-4 px-2 hover:bg-blue-gray 455 transition-[background-color] rounded-t" 456 :class="{'bg-dark-blue/5': open}" > 457 <span>Sectors</span> 458 <svg :class="{'rotate-180': open}" class="fill-current w-5 h-5 transition-transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 459 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 460</svg> </a> 461 <div x-show="open" 462 x-transition.opacity 463 x-cloak 464 x-data="{oob: false}" 465 x-ref="elem_one" 466 class="absolute top-full bg-blue-gray rounded-bl-lg z-30 flex transition-[right] py-1" 467 :class="{'right-0': oob, 'left-0': !oob}"> 468 <div class="p-4 flex flex-wrap min-w-[300px]"> 469 <div class="flex flex-col min-w-[150px]"> 470 <a href="/sectors/marine-oil-and-gas" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 471 Marine Oil & Gas 472 </a> 473 474 </div> 475 <div class="flex flex-col min-w-[150px]"> 476 <a href="/sectors/defence" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 477 Defence 478 </a> 479 480 </div> 481 <div class="flex flex-col min-w-[150px]"> 482 <a href="/sectors/healthcare" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 483 Healthcare 484 </a> 485 486 </div> 487 <div class="flex flex-col min-w-[150px]"> 488 <a href="/sectors/utilities-and-renewables" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 489 Utilities & Renewables 490 </a> 491 492 </div> 493 <div class="flex flex-col min-w-[150px]"> 494 <a href="/sectors/emergency-services" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 495 Emergency Services 496 </a> 497 498 </div> 499 <div class="flex flex-col min-w-[150px]"> 500 <a href="/sectors/construction" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 501 Construction 502 </a> 503 504 </div> 505 <div class="flex flex-col min-w-[150px]"> 506 <a href="/sectors/telecommunications" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 507 Telecommunications 508 </a> 509 510 </div> 511 <div class="flex flex-col min-w-[150px]"> 512 <a href="/sectors/data-centres" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 513 Data Centres 514 </a> 515 516 </div> 517 <div class="flex flex-col min-w-[150px]"> 518 <a href="/sectors/transport-and-travel" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 519 Transport & Travel 520 </a> 521 522 </div> 523 <div class="flex flex-col min-w-[150px]"> 524 <a href="/sectors/manufacturing" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 525 Manufacturing 526 </a> 527 528 </div> 529 <div class="flex flex-col min-w-[150px]"> 530 <a href="/sectors/finance-and-government" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 531 Finance & Government 532 </a> 533 534 </div> 535 <div class="flex flex-col min-w-[150px]"> 536 <a href="/sectors/facilities-management" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 537 Facilities Management 538 </a> 539 540 </div> 541 </div> 542 <div id="sub_menu_2"></div> 543 </div> 544 </li> 545 <li x-data="{open:false}" 546 x-on:click.outside="open = false" 547 x-on:mouseover="open = true" 548 x-on:mouseleave="open = false" 549 class="relative h-full border-b-4 border-transparent"> 550 <a href="/about" class=" 551 flex justify-center cursor-pointer font-bold 552 gap-px 553 items-center h-full pb-4 px-2 hover:bg-blue-gray 554 transition-[background-color] rounded-t" 555 :class="{'bg-dark-blue/5': open}" >
556 <span>About</span> 557 <svg :class="{'rotate-180': open}" class="fill-current w-5 h-5 transition-transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 558 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 559</svg> </a> 560 <div x-show="open" 561 x-transition.opacity 562 x-cloak 563 x-data="{oob: false}" 564 x-ref="elem_one" 565 class="absolute top-full bg-blue-gray rounded-bl-lg z-30 flex transition-[right] py-1" 566 :class="{'right-0': oob, 'left-0': !oob}"> 567 <div class="p-4 flex flex-wrap min-w-[300px]"> 568 <div class="flex flex-col min-w-[150px]"> 569 <a href="/about" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 570 About us 571 </a> 572 573 </div> 574 <div class="flex flex-col min-w-[150px]"> 575 <a href="/erskine-industrial-ups" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 576 The Relaunch of Erskine Industrial UPS 577 </a> 578 579 </div> 580 <div class="flex flex-col min-w-[150px]"> 581 <a href="/3d-tour-of-our-scarborough-factories" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 582 3D Tour of our Scarborough Factories 583 </a> 584 585 </div> 586 <div class="flex flex-col min-w-[150px]"> 587 <a href="/about/sustainability" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 588 Sustainability 589 </a> 590 591 </div> 592 <div class="flex flex-col min-w-[150px]"> 593 <a href="/about/careers" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 594 Careers 595 </a> 596 <div class="flex flex-col gap-1"> 597 <a href="/about/careers/vacancies" 598 class="text-xs text-dark-blue hover:underline flex items-center gap-2"> 599 <svg class="fill-current w-2 h-2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg> <sp
599an>Vacancies</span> 600 </a> 601 </div> 602 <div class="mb-3"></div> 603 604 </div> 605 <div class="flex flex-col min-w-[150px]"> 606 <a href="/about/apprenticeships" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 607 Apprenticeships 608 </a> 609 610 </div> 611 <div class="flex flex-col min-w-[150px]"> 612 <a href="/about/certifications" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 613 Certifications & Accreditations 614 </a> 615 616 </div> 617 <div class="flex flex-col min-w-[150px]"> 618 <a href="/about/policies" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 619 Policies 620 </a> 621 622 </div> 623 </div> 624 <div id="sub_menu_3"></div> 625 </div> 626 </li> 627 <li x-data="{open:false}" 628 x-on:click.outside="open = false" 629 x-on:mouseover="open = true" 630 x-on:mouseleave="open = false" 631 class="relative h-full border-b-4 border-transparent"> 632 <a href="/knowledge-base" class=" 633 flex justify-center cursor-pointer font-bold 634 gap-px 635 items-center h-full pb-4 px-2 hover:bg-blue-gray 636 transition-[background-color] rounded-t" 637 :class="{'bg-dark-blue/5': open}" > 638 <span>Knowledge Base</span> 639 <svg :class="{'rotate-180': open}" class="fill-current w-5 h-5 transition-transform" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 640 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 641</svg> </a> 642 <div x-show="open" 643 x-transition.opacity 644 x-cloak 645 x-data="{oob: false}" 646 x-ref="elem_one" 647 class="absolute top-full bg-blue-gray rounded-bl-lg z-30 flex transition-[right] py-1" 648 :class="{'right-0': oob, 'left-0': !oob}"> 649 <div class="p-4 flex flex-wrap min-w-[300px]"> 650 <div class="flex flex-col min-w-[150px]"> 651 <a href="/energy-calculator" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 652 Energy Calculator 653 </a> 654 655 </div> 656 <div class="flex flex-col min-w-[150px]"> 657 <a href="/knowledge-base?type=podcasts" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 658 Podcasts 659 </a> 660 661 </div> 662 <div class="flex flex-col min-w-[150px]"> 663 <a href="/knowledge-base?type=case-study" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 664 Case studies 665 </a> 666 667 </div> 668 <div class="flex flex-col min-w-[150px]"> 669 <a href="/knowledge-base?type=blog" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 670 Blogs 671 </a> 672 673 </div> 674 <div class="flex flex-col min-w-[150px]"> 675 <a href="/knowledge-base?type=whitepaper" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 676 Whitepapers 677 </a> 678 679 </div> 680 <div class="flex flex-col min-w-[150px]"> 681 <a href="/knowledge-base?type=news" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 682 News 683 </a> 684 685 </div> 686 <div class="flex flex-col min-w-[150px]"> 687 <a href="/knowledge-base/faqs" class="font-bold text-dark-blue text-sm mb-2 hover:underline"> 688 FAQs 689 </a> 690 691 </div> 692 </div> 693 <div id="sub_menu_4"></div> 694 </div> 695 </li> 696 <li class="relative h-full border-b-4 border-transparent"> 697 <a href="/contact" class=" 698 flex justify-center cursor-pointer font-bold 699 gap-px 700 items-center h-full pb-4 px-2 hover:bg-blue-gray 701 transition-[background-color] rounded-t" 702 >
703 <span>Contact Us</span> 704 </a> 705 </li> 706 <li class="pb-4 px-4"> 707 <div> 708 <button type="button" name="search" aria-label="search site" x-on:click="open = ! open; expanded = ! expanded; $focus.focus($refs.search_input)"> 709 <svg class="fill-current w-6 h-6 md:w-4 md:h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/></svg> </button> 710 711 <!-- commenting out search modal --> 712 <!-- <div 713 x-dialog 714 x-model="open" 715 style="display: none" 716 class="fixed inset-0 overflow-y-auto z-20" 717 > --> 718 <!-- Overlay --> 719 <!-- <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> --> 720 721 <!-- Panel --> 722 <!-- <div 723 class="relative min-h-screen flex items-start justify-center p-4" 724 > 725 <div 726 x-dialog:panel 727 x-transition 728 class="relative max-w-xl w-full bg-white rounded-xl shadow-lg overflow-y-auto" 729 > --> 730 <!-- Close Button --> 731 <!-- <div class="absolute top-0 right-0 pt-4 pr-4"> 732 <button type="button" name="Search" @click="$dialog.close()" class="bg-blue-gray rounded-lg p-2 text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"> 733 <span class="sr-only">Close modal</span> 734 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"> 735 <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /> 736 </svg> 737 </button> 738 </div> --> 739 740 <!-- Body --> 741 <!-- <div class="p-2 md:p-8 md:pr-20 pt-16 md:pt-8"> 742 <form action="/search" class="flex gap-5"> 743 <label for="search" class="sr-only">Search</label> 744 <input type="search" x-ref="search_input" name="q" id="search" placeholder="Search" class="rounded-lg bg-blue-gray px-3 py-2 md:text-lg text-dark-blue outline-blue placeholder:text-dark-blue flex-1"> 745 <button 746 class="bg-blue text-white transition-colors hover:bg-blue-600 active:bg-blue-400 rounded-lg py-3 px-4 md:text-lg" type="submit" 747>Submit</button> 748 </form> 749 </div> 750 </div> 751 </div> 752 </div> --> 753</div> 754 </li> 755 </ul> 756 <div class="block lg:hidden"> 757 <div x-data="{ open: false }" class="flex justify-center"> 758 <!-- Trigger --> 759 760 <button x-on:click="open = true" class="group mt-1"> 761 <svg class="fill-current w-10 h-10 text-dark-blue group-hover:text-blue transition-colors" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M0 3h20v2H0V3zm0 6h20v2H0V9zm0 6h20v2H0v-2z"/></svg> </button> 762 763 <!-- Slideover --> 764 <div 765 x-dialog 766 x-model="open" 767 style="display: none" 768 class="fixed inset-0 z-20 overflow-hidden" 769 > 770 <!-- Overlay --> 771 <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> 772 773 <!-- Panel --> 774 <div class="fixed inset-y-0 right-0 w-full max-w-md"> 775 <div 776 x-dialog:panel 777 x-transition:enter="transition ease-out duration-200" 778 x-transition:enter-start="translate-x-full" 779 x-transition:enter-end="translate-x-0" 780 x-transition:leave="transition ease-in duration-200" 781 x-transition:leave-start="translate-x-0" 782 x-transition:leave-end="translate-x-full" 783 class="h-full w-full" 784 > 785 <div class="flex h-full flex-col justify-between overflow-y-auto bg-dark-blue text-white shadow-lg"> 786 <!-- Close Button --> 787 <div class="absolute top-0 right-0 pt-4 pr-4"> 788 <button type="button" 789 @click.prevent="$nextTick(() => $dialog.close());" 790 class="rounded-lg bg-dark-blue-400 p-2 text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2">
791 <span class="sr-only">Close slideover</span> 792 793 <svg xmlns="http://www.w3.org/2000/svg" 794 class="h-4 w-4" 795 viewBox="0 0 20 20" 796 fill="currentColor"> 797 <path fill-rule="evenodd" 798 d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" 799 clip-rule="evenodd"/> 800 </svg> 801 </button> 802 </div> 803 804 805 <div class="p-8"> 806 <a href="/"> 807 <img x-dialog:title 808 src="https://www.dalepowersolutions.com/storage/assets/images/dale-logo-reverse.svg" 809 class="max-w-[130px]" 810 alt="Dale Power Solutions logo"/> 811 </a> 812 <ul class="mt-10 text-lg space-y-4"> 813 <li 814 x-data="{open:false}" > 815 <div class="flex justify-between items-center gap-4"> 816 <span :class="{'cursor-s-resize':!open,'cursor-n-resize':open}" x-on:click="open = !open">Products</span> 817 <button :class="{'rotate-180': open}" 818 class="rounded-lg bg-dark-blue-400 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 819 x-on:click="open = !open"> 820 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 821 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 822</svg> </button> 823 </div> 824 825 826 <div x-show="open" x-collapse x-on:click.outside="open = false"> 827 <ul class="space-y-2 bg-dark-blue-400 p-4 rounded-md mt-2"> 828 <li x-data="{open:false}" > 829 <div class="flex justify-between items-center gap-4"> 830 <a href="/products/ups">Uninterruptible Power Supply (UPS) Solutions</a> 831 <button :class="{'rotate-180': open}" 832 class="rounded-lg bg-dark-blue-500 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 833 x-on:click="open = !open"> 834 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 835 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 836</svg> </button> 837 </div> 838 839 <div x-show="open" 840 x-collapse 841 x-on:click.outside="open = false"> 842 <ul class="space-y-2 bg-dark-blue-200 p-2 rounded mt-2"> 843 <li> 844 <a href="/products/ups/industrial-ups">Erskine Industrial UPS</a> 845 </li> 846 <li> 847 <a href="/products/ups/commercial-ups">Commercial UPS</a> 848 </li> 849 <li> 850 <a href="/products/ups/commercial-ups/en50171_central_safety_power_supply_systems">EN50171 Central Safety Power Supply Systems</a> 851 </li> 852 <li> 853 <a href="/products/ups/commercial-ups/motor-back-up-uninterrupted-power-supply-ups-1-1">Motor Backup UPS</a> 854 </li> 855 <li> 856 <a href="/products/ups/commercial-ups/lift-back-up-uninterrupted-power-supply-ups-1-1-1">Lift Backup UPS</a> 857 </li> 858 <li> 859 <a href="/services/wimes-and-harsh-environment-ups-solutions">WIMES & Harsh Environment UPS</a> 860 </li> 861 </ul> 862 </div> 863 </li> 864 <li x-data="{open:false}" > 865 <div class="flex justify-between items-center gap-4"> 866 <a href="/products/generators">Generator Solutions</a> 867 <button :class="{'rotate-180': open}" 868 class="rounded-lg bg-dark-blue-500 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 869 x-on:click="open = !open"> 870 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 871 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 872</svg> </button> 873 </div> 874 875 <div x-show="open" 876 x-collapse 877 x-on:click.outside="open = false"> 878 <ul class="space-y-2 bg-dark-blue-200 p-2 rounded mt-2"> 879 <li> 880 <a href="/products/generators/open-set-generators">Open Set Generators</a> 881 </li> 882 <li> 883 <a href="/products/generators/canopy-generators">Canopy Generators</a> 884 </li> 885 <li> 886 <a href="/products/generators/containerised-generators">Containerised Generators</a> 887 </li> 888 </ul> 889 </div> 890 </li> 891 <li x-data="{open:false}" > 892 <div class="flex justify-between items-center gap-4"> 893 <a href="/products/battery-energy-storage-systems">Battery Energy Storage Systems (BESS)</a> 894 <button :class="{'rotate-180': open}" 895 class="rounded-lg bg-dark-blue-500 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 896 x-on:click="open = !open"> 897 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 898 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 899</svg> </button> 900 </div> 901 902 <div x-show="open" 903 x-collapse 904 x-on:click.outside="open = false"> 905 <ul class="space-y-2 bg-dark-blue-200 p-2 rounded mt-2"> 906 <li> 907 <a href="/products/battery-energy-storage-systems/what-is-a-battery-energy-storage-system">What is a Battery Energy Storage System?</a> 908 </li> 909 <li> 910 <a href="/products/battery-energy-storage-systems/bess-projects">BESS Projects and Case Studies</a> 911 </li> 912 <li> 913 <a href="/products/battery-energy-storage-systems/advantages-of-battery-energy-storage-systems">Advantages of Battery Energy Storage Systems</a> 914 </li> 915 <li> 916 <a href="/products/dale-bess-nbn">Dale BESS NBN</a> 917 </li> 918 </ul> 919 </div> 920 </li> 921 </ul> 922 </div> 923 924 </li> 925 <li 926 x-data="{open:false}" > 927 <div class="flex justify-between items-center gap-4"> 928 <a href="/services">Services</a> 929 <button :class="{'rotate-180': open}" 930 class="rounded-lg bg-dark-blue-400 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 931 x-on:click="open = !open"> 932 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 933 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 934</svg> </button> 935
935 </div> 936 937 938 <div x-show="open" x-collapse x-on:click.outside="open = false"> 939 <ul class="space-y-2 bg-dark-blue-400 p-4 rounded-md mt-2"> 940 <li > 941 <div class="flex justify-between items-center gap-4"> 942 <a href="/services/calibre-power-electronics">Calibre by Dale Power Solutions</a> 943 </div> 944 945 </li> 946 <li > 947 <div class="flex justify-between items-center gap-4"> 948 <a href="/services">Services overview</a> 949 </div> 950 951 </li> 952 <li > 953 <div class="flex justify-between items-center gap-4"> 954 <a href="/services/ups-servicing">UPS (Uninterruptible Power Supply) Servicing</a> 955 </div> 956 957 </li> 958 <li > 959 <div class="flex justify-between items-center gap-4"> 960 <a href="/ups-sizing-tool">UPS sizing tool</a> 961 </div> 962 963 </li> 964 <li > 965 <div class="flex justify-between items-center gap-4"> 966 <a href="/services/generator-servicing">Generator Servicing</a> 967 </div> 968 969 </li> 970 <li x-data="{open:false}" > 971 <div class="flex justify-between items-center gap-4"> 972 <sp
972an x-on:click="open = !open">Design, Manufacture & Installation</span> 973 <button :class="{'rotate-180': open}" 974 class="rounded-lg bg-dark-blue-500 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 975 x-on:click="open = !open"> 976 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 977 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 978</svg> </button> 979 </div> 980 981 <div x-show="open" 982 x-collapse 983 x-on:click.outside="open = false"> 984 <ul class="space-y-2 bg-dark-blue-200 p-2 rounded mt-2"> 985 <li> 986 <a href="/services/design-and-site-surveys">Design & Site Surveys</a> 987 </li> 988 <li> 989 <a href="/services/oftec-inspections">OFTEC Inspections</a> 990 </li> 991 <li> 992 <a href="/services/manufacturing">UPS Design and Manufacturing</a> 993 </li> 994 <li> 995 <a href="/services/ups-installation-and-commissioning">UPS Installation & Commissioning</a> 996 </li> 997 <li> 998 <a href="/services/generator-installation-and-commissioning">Generator Installation & Commissioning</a> 999 </li> 1000 </ul> 1001 </div> 1002 </li> 1003 <li x-data="{open:false}" > 1004 <div class="flex justify-between items-center gap-4"> 1005 <sp
1005an x-on:click="open = !open">Servicing, Refurbishment & Replacements</span> 1006 <button :class="{'rotate-180': open}" 1007 class="rounded-lg bg-dark-blue-500 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 1008 x-on:click="open = !open"> 1009 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 1010 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 1011</svg> </button> 1012 </div> 1013 1014 <div x-show="open" 1015 x-collapse 1016 x-on:click.outside="open = false"> 1017 <ul class="space-y-2 bg-dark-blue-200 p-2 rounded mt-2"> 1018 <li> 1019 <a href="/services/battery-management">Battery management</a> 1020 </li> 1021 <li> 1022 <a href="/services/generator-control-panel-upgrades">Generator Control Panel Upgrades</a> 1023 </li> 1024 <li> 1025 <a href="/services/load-bank-testing">Load Bank Testing</a> 1026 </li> 1027 <li> 1028 <a href="/services/fuel-management-services">Fuel Management</a> 1029 </li> 1030 <li> 1031 <a href="/services/refurbishment-and-repairs">Refurbishment & repairs</a> 1032 </li> 1033 <li> 1034 <a href="/services/remote-monitoring">Remote Monitoring</a> 1035 </li> 1036 <li> 1037 <a href="/services/spare-parts">Spare Parts</a> 1038 </li> 1039 <li> 1040 <a href="/services/decommissioning-and-disposal">Decommissioning & Disposal</a> 1041 </li> 1042 </ul> 1043 </div> 1044 </li> 1045 <li > 1046 <div class="flex justify-between items-center gap-4"> 1047 <a href="https://www.dalepowersolutions.
1047com/services/manufacturing">Custom Capabilities</a> 1048 </div> 1049 1050 </li> 1051 </ul> 1052 </div> 1053 1054 </li> 1055 <li 1056 x-data="{open:false}" > 1057 <div class="flex justify-between items-center gap-4"> 1058 <a href="/sectors">Sectors</a> 1059 <button :class="{'rotate-180': open}" 1060 class="rounded-lg bg-dark-blue-400 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 1061 x-on:click="open = !open"> 1062 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 1063 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 1064</svg> </button> 1065 </div> 1066 1067 1068 <div x-show="open" x-collapse x-on:click.outside="open = false"> 1069 <ul class="space-y-2 bg-dark-blue-400 p-4 rounded-md mt-2"> 1070 <li > 1071 <div class="flex justify-between items-center gap-4"> 1072 <a href="/sectors/marine-oil-and-gas">Marine Oil & Gas</a> 1073 </div> 1074 1075 </li> 1076 <li > 1077 <div class="flex justify-between items-center gap-4"> 1078 <a href="/sectors/defence">Defence</a> 1079 </div> 1080 1081 </li> 1082 <li > 1083 <div class="flex justify-between items-center gap-4"> 1084 <a href="/sectors/healthcare">Healthcare</a> 1085 </div> 1086 1087 </li> 1088 <li > 1089 <div class="flex justify-between items-center gap-4"> 1090 <a href="/sectors/utilities-and-renewables">Utilities & Renewables</a> 1091 </div> 1092 1093 </li> 1094 <li > 1095 <div class="flex justify-between items-center gap-4"> 1096 <a href="/sectors/emergency-services">Emergency Services</a> 1097 </div> 1098 1099 </li> 1100 <li > 1101 <div class="flex justify-between items-center gap-4"> 1102 <a href="/sectors/construction">Construction</a> 1103 </div> 1104 1105 </li> 1106 <li > 1107 <div class="flex justify-between items-center gap-4"> 1108 <a href="/sectors/telecommunications">Telecommunications</a> 1109 </div> 1110 1111 </li> 1112 <li > 1113 <div class="flex justify-between items-center gap-4"> 1114 <a href="/sectors/data-centres">Data Centres</a> 1115 </div> 1116 1117 </li> 1118 <li > 1119 <div class="flex justify-between items-center gap-4"> 1120 <a href="/sectors/transport-and-travel">Transport & Travel</a> 1121 </div> 1122 1123 </li> 1124 <li > 1125 <div class="flex justify-between items-center gap-4"> 1126 <a href="/sectors/manufacturing">Manufacturing</a> 1127 </div> 1128 1129 </li> 1130 <li > 1131 <div class="flex justify-between items-center gap-4"> 1132 <a href="/sectors/finance-and-government">Finance & Government</a> 1133 </div> 1134 1135 </li> 1136 <li > 1137 <div class="flex justify-between items-center gap-4"> 1138 <a href="/sectors/facilities-management">Facilities Management</a> 1139 </div> 1140 1141 </li> 1142 </ul> 1143 </div> 1144 1145 </li> 1146 <li 1147 x-data="{open:false}" > 1148 <div class="flex justify-between items-center gap-4"> 1149 <a href="/about">About</a> 1150 <button :class="{'rotate-180': open}" 1151 class="rounded-lg bg-dark-blue-400 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 1152 x-on:click="open = !open"> 1153 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 1154 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 1155</svg> </button> 1156 </div> 1157 1158 1159 <div x-show="open" x-collapse x-on:click.outside="open = false"> 1160 <ul class="space-y-2 bg-dark-blue-400 p-4 rounded-md mt-2"> 1161 <li > 1162 <div class="flex justify-between items-center gap-4"> 1163 <a href="/about">About us</a> 1164 </div> 1165 1166 </li> 1167 <li > 1168 <div class="flex justify-between items-center gap-4"> 1169 <a href="/erskine-industrial-ups">The Relaunch of Erskine Industrial UPS</a> 1170 </div> 1171 1172 </li> 1173 <li > 1174 <div class="flex justify-between items-center gap-4"> 1175 <a href="/3d-tour-of-our-scarborough-factories">3D Tour of our Scarborough Factories</a> 1176 </div> 1177 1178 </li> 1179 <li > 1180 <div class="flex justify-between items-center gap-4"> 1181 <a href="/about/sustainability">Sustainability</a> 1182 </div> 1183 1184 </li> 1185 <li x-data="{open:false}" > 1186 <div class="flex justify-between items-center gap-4"> 1187 <a href="/about/careers">Careers</a> 1188 <button :class="{'rotate-180': open}" 1189 class="rounded-lg bg-dark-blue-500 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 1190 x-on:click="open = !open"> 1191 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 1192 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip
1192-rule="evenodd" /> 1193</svg> </button> 1194 </div> 1195 1196 <div x-show="open" 1197 x-collapse 1198 x-on:click.outside="open = false"> 1199 <ul class="space-y-2 bg-dark-blue-200 p-2 rounded mt-2"> 1200 <li> 1201 <a href="/about/careers/vacancies">Vacancies</a> 1202 </li> 1203 </ul> 1204 </div> 1205 </li> 1206 <li > 1207 <div class="flex justify-between items-center gap-4"> 1208 <a href="/about/apprenticeships">Apprenticeships</a> 1209 </div> 1210 1211 </li> 1212 <li > 1213 <div class="flex justify-between items-center gap-4"> 1214 <a href="/about/certifications">Certifications & Accreditations</a> 1215 </div> 1216 1217 </li> 1218 <li > 1219 <div class="flex justify-between items-center gap-4"> 1220 <a href="/about/policies">Policies</a> 1221 </div> 1222 1223 </li> 1224 </ul> 1225 </div> 1226 1227 </li> 1228 <li 1229 x-data="{open:false}" > 1230 <div class="flex justify-between items-center gap-4"> 1231 <a href="/knowledge-base">Knowledge Base</a> 1232 <button :class="{'rotate-180': open}" 1233 class="rounded-lg bg-dark-blue-400 p-px text-blue-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 transition-transform" 1234 x-on:click="open = !open"> 1235 <svg class="fill-current w-7 h-7" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 1236 <path fill-rule="evenodd" d="M12.53 16.28a.75.75 0 01-1.06 0l-7.5-7.5a.75.75 0 011.06-1.06L12 14.69l6.97-6.97a.75.75 0 111.06 1.06l-7.5 7.5z" clip-rule="evenodd" /> 1237</svg> </button> 1238 </div> 1239 1240 1241 <div x-show="open" x-collapse x-on:click.outside="open = false"> 1242 <ul class="space-y-2 bg-dark-blue-400 p-4 rounded-md mt-2"> 1243 <li > 1244 <div class="flex justify-between items-center gap-4"> 1245 <a href="/energy-calculator">Energy Calculator</a> 1246 </div> 1247 1248 </li> 1249 <li > 1250 <div class="flex justify-between items-center gap-4"> 1251 <a href="/knowledge-base?type=podcasts">Podcasts</a> 1252 </div> 1253 1254 </li> 1255 <li > 1256 <div class="flex justify-between items-center gap-4"> 1257 <a href="/knowledge-base?type=case-study">Case studies</a> 1258 </div> 1259 1260 </li> 1261 <li > 1262 <div class="flex justify-between items-center gap-4"> 1263 <a href="/knowledge-base?type=blog">Blogs</a> 1264 </div> 1265 1266 </li> 1267 <li > 1268 <div class="flex justify-between items-center gap-4"> 1269 <a href="/knowledge-base?type=whitepaper">Whitepapers</a> 1270 </div> 1271 1272 </li> 1273 <li > 1274 <div class="flex justify-between items-center gap-4"> 1275 <a href="/knowledge-base?type=news">News</a> 1276 </div> 1277 1278 </li> 1279 <li > 1280 <div class="flex justify-between items-center gap-4"> 1281 <a href="/knowledge-base/faqs">FAQs</a> 1282 </div> 1283 1284 </li> 1285 </ul> 1286 </div> 1287 1288 </li> 1289 <li 1290 > 1291 <div class="flex justify-between items-center gap-4"> 1292 <a href="/contact">Contact Us</a> 1293 </div> 1294 1295 1296 </li> 1297 <li class=""> 1298 <div> 1299 <button type="button" name="search" aria-label="search site" x-on:click="open = ! open; expanded = ! expanded; $focus.focus($refs.search_input)"> 1300 <svg class="fill-current w-6 h-6 md:w-4 md:h-4" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M12.9 14.32a8 8 0 1 1 1.41-1.41l5.35 5.33-1.42 1.42-5.33-5.34zM8 14A6 6 0 1 0 8 2a6 6 0 0 0 0 12z"/></svg> </button> 1301 1302 <!-- commenting out search modal --> 1303 <!-- <div 1304 x-dialog 1305 x-model="open" 1306 style="display: none" 1307 class="fixed inset-0 overflow-y-auto z-20" 1308 > --> 1309 <!-- Overlay --> 1310 <!-- <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> --> 1311 1312 <!-- Panel --> 1313 <!-- <div 1314 class="relative min-h-screen flex items-start justify-center p-4" 1315 > 1316 <div 1317 x-dialog:panel 1318 x-transition 1319 class="relative max-w-xl w-full bg-white rounded-xl shadow-lg overflow-y-auto" 1320 > --> 1321 <!-- Close Button --> 1322 <!-- <div class="absolute top-0 right-0 pt-4 pr-4"> 1323 <button type="button" name="Search" @click="$dialog.close()" class="bg-blue-gray rounded-lg p-2 text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2">
1324 <span class="sr-only">Close modal</span> 1325 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"> 1326 <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" /> 1327 </svg> 1328 </button> 1329 </div> --> 1330 1331 <!-- Body --> 1332 <!-- <div class="p-2 md:p-8 md:pr-20 pt-16 md:pt-8"> 1333 <form action="/search" class="flex gap-5"> 1334 <label for="search" class="sr-only">Search</label> 1335 <input type="search" x-ref="search_input" name="q" id="search" placeholder="Search" class="rounded-lg bg-blue-gray px-3 py-2 md:text-lg text-dark-blue outline-blue placeholder:text-dark-blue flex-1"> 1336 <button 1337 class="bg-blue text-white transition-colors hover:bg-blue-600 active:bg-blue-400 rounded-lg py-3 px-4 md:text-lg" type="submit" 1338>Submit</button> 1339 </form> 1340 </div> 1341 </div> 1342 </div> 1343 </div> --> 1344</div> 1345 </li> 1346 </ul> 1347 </div> 1348 </div> 1349 </div> 1350 </div> 1351 </div> 1352</div> 1353 </div> 1354 </nav> 1355 1356 </div> 1357 <div x-cloak x-show="expanded" x-collapse class="pt-2 pb-4"> 1358 <form action="/search" class="flex gap-5"> 1359 <label for="search" class="sr-only">Search</label> 1360 <input type="search" x-ref="search_input" name="q" id="search" placeholder="Search" class="rounded-lg bg-blue-gray px-3 py-2 md:text-lg text-dark-blue outline-blue placeholder:text-dark-blue flex-1"> 1361 <button 1362 class="bg-blue text-white transition-colors hover:bg-blue-600 active:bg-blue-400 rounded-lg py-3 px-4 md:text-lg" type="submit" 1363>Submit</button> 1364 </form> 1365 </div> 1366</div> 1367 </div> 1368</header> 1369 <div class="relative flex h-[calc(100vh-300px)] max-h-[600px] min-h-[300px] items-end justify-center bg-dark-blue bg-cover bg-center" style="background-image: url('/img_c/containers/assets/images/hero/contact-banner.jpg/60305e0f28ac4f8fd3a2e514ade943d8/contact-banner.jpg'); background-position: 50% 50% "> 1370 <div class="pointer-events-none absolute inset-0 bg-black/10"></div> 1371 1372 <h1 class="container relative bottom-0 z-10 mx-auto mb-20 w-full text-center text-4xl md:text-5xl font-bold text-white">Contact Us</h1> 1373</div> 1374 1375 <div class="container mx-auto my-10"> 1376 <h2 class="text-center text-2xl font-extrabold text-dark-blue md:text-4xl">Contact the Team at Dale</h2> 1377 </div> 1378 <div class="my-10 grid lg:grid-cols-2 gap-10 lg:gap-20"> 1379 <div class="px-4 mx-auto sm:flex flex-col items-baseline gap-10"> 1380 <div class="sm:flex items-start gap-4 w-full mb-10 sm:mb-0"> 1381 <img src="https://www.dalepowersolutions.com/storage/assets/images/contact/DALE_IconSet_208px-29.svg" 1382 class="w-[80px] aspect-square mb-4 sm:mb-0" 1383 alt="Email icon"> 1384 <div class="flex-1 max-w-full"> 1385 <p class="text-xl md:text-2xl font-bold text-dark-blue">Email us</p> 1386 <p class="font-light text-dark-blue max-w-[400px] my-1 w-full">You can email us and one of our sales team will be in touch the next working day to discuss your needs.</p> 1387 <a class="text-lg md:text-2xl font-bold text-dark-blue" href="/cdn-cgi/l/email-protection#3f575a5353507f5b5e535a4f50485a4d4c50534a4b5650514c115c5052" onclick="gtag('event', 'mail_link_clicked');"><span class="__cf_email__" data-cfemail="19717c757576597d78757c69766e7c6b6a76756c6d7076776a377a7674">[email protected]</span></a> 1388 </div> 1389 </div> 1390 <div class="sm:flex items-start gap-4 w-full mb-10 sm:mb-0">
1391 <img src="https://www.dalepowersolutions.com/storage/assets/images/contact/DALE_IconSet_208px-26.svg" 1392 class="w-[80px] aspect-square mb-4 sm:mb-0" 1393 alt="Call icon"> 1394 <div class="flex-1"> 1395 <p class="font-bold text-lg md:text-2xl text-dark-blue w-full">Call us <a onclick="gtag('event', 'tel_link_clicked');" href="tel:03309993000" class="hover:underline rulertel">0330 999 3000</a> 1396 </p> 1397 <p class="font-light text-dark-blue max-w-[400px] my-1">Give us a call. Our team is available to help Monday to Friday between 9.00am - 5.00pm and we have an emergency out of hours support service.</p> 1398 </div> 1399 </div> 1400 <div class="sm:flex items-start gap-4"> 1401 <img src="https://www.dalepowersolutions.com/storage/assets/images/contact/DALE_IconSet_208px-30.svg" 1402 class="w-[80px] aspect-square mb-4 sm:mb-0" 1403 alt="Call icon"> 1404 <div class="flex-1"> 1405 <p class="font-bold text-lg md:text-2xl text-dark-blue">
1405Emergency support call <a onclick="gtag('event', 'tel_link_clicked');" href="tel:03333550999" class="hover:underline rulertel">0333 355 0999</a> 1406 </p> 1407 <p class="font-light text-dark-blue max-w-[400px] my-1">24/7 emergency support is available should you need an engineer urgently.</p> 1408 </div> 1409 </div> 1410 </div> 1411 <div> 1412 <div class="lg:rounded-l-xl bg-blue-gray px-2 sm:px-10 py-8"> 1413 1414 <div class="w-full max-w-lg mx-auto lg:mx-0"> 1415 <form action="https://www.dalepowersolutions.com/contact" method="POST" class="w-full"> 1416 <input type="hidden" name="_token" value="BAINKJ1zmTxe3QCaXQ9WNwfXABPYMKT0wbt6F8gD" autocomplete="off"> <h3 class="mb-1 text-2xl font-bold text-dark-blue">Get in Touch</h3> 1417 <p class="font-thin">Looking to reach our teams? We would love to hear from you. Here is how you can reach us.</p> 1418 1419 <div class="mt-8 space-y-5"> 1420 <div class="grid"> 1421 <label for="first_name" class="sr-only">First name</label> 1422 <input id="first_name" 1423 name="first_name" 1424 required 1425 type="text" 1426 value="" 1427 placeholder="First Name*" 1428 class="rounded-lg px-2 py-1 font-thin text-dark-blue outline-blue placeholder:text-dark-blue" 1429 autocomplete="given-name"> 1430 </div> 1431 1432 1433 <div class="grid"> 1434 <label for="last_name" class="sr-only">Last name</label> 1435 <input id="last_name" 1436 name="last_name" 1437 required 1438 type="text" 1439 value="" 1440 placeholder="Last Name*" 1441 class="rounded-lg px-2 py-1 font-thin text-dark-blue outline-blue placeholder:text-dark-blue" 1442 autocomplete="family-name"> 1443 </div> 1444 1445 <div class="grid"> 1446 <label for="email" class="sr-only">Email</label> 1447 <input id="email" 1448 name="email" 1449 required 1450 type="email" 1451 value="" 1452 placeholder="Email*" 1453 class="rounded-lg px-2 py-1 font-thin text-dark-blue outline-blue placeholder:text-dark-blue" 1454 autocomplete="email"> 1455 </div> 1456 1457 <div class="grid"> 1458 <label for="company" class="sr-only">Company</label> 1459 <input id="company" 1460 name="company" 1461 required 1462 type="text" 1463 value="" 1464 placeholder="Company*" 1465 class="rounded-lg px-2 py-1 font-thin text-dark-blue outline-blue placeholder:text-dark-blue" 1466 autocomplete="organization"> 1467 </div> 1468 1469 <div class="grid"> 1470 <label for="telephone" class="sr-only">Telephone</label> 1471 <input id="telephone" 1472 name="telephone" 1473 required 1474 value="" 1475 type="tel" 1476 placeholder="Telephone*" 1477 class="rounded-lg px-2 py-1 font-thin text-dark-blue outline-blue placeholder:text-dark-blue" 1478 autocomplete="tel"> 1479 </div> 1480 1481 1482 <div> 1483 <div class=""> 1484 <p class="font-thin">Is there a product or service youâd like to talk to us about?*</p> 1485 </div> 1486 1487 <div class="mt-2"> 1488 <label> 1489 <input name="product_subjects[]" 1490 type="checkbox" 1491 value="Generators" 1492 >
1493 <span class="text-sm font-light">Generators</span> 1494 </label> 1495 </div> 1496 <div class=""> 1497 <label> 1498 <input name="product_subjects[]" 1499 type="checkbox" 1500 value="Industrial UPS" 1501 > 1502 <span class="text-sm font-light">Industrial UPS</span> 1503 </label> 1504 </div> 1505 <div class=""> 1506 <label> 1507 <input name="product_subjects[]" 1508 type="checkbox" 1509 value="Commercial UPS" 1510 > 1511 <span class="text-sm font-light">Commercial UPS</span> 1512 </label> 1513 </div> 1514 <div class=""> 1515 <label> 1516 <input name="product_subjects[]" 1517 type="checkbox" 1518 value="Service & Maintenance" 1519 > 1520 <span class="text-sm font-light">Service & Maintenance</span> 1521 </label> 1522 </div> 1523 <div class=""> 1524 <label> 1525 <input name="product_subjects[]" 1526 type="checkbox" 1527 value="Fuel Service" 1528 > 1529 <span class="text-sm font-light">Fuel Service</span> 1530 </label> 1531 </div> 1532 <div class=""> 1533 <label> 1534 <input name="product_subjects[]" 1535 type="checkbox" 1536 value="Energy Storage" 1537 > 1538 <span class="text-sm font-light">Energy Storage</span> 1539 </label> 1540 </div> 1541 1542 1543 <div class="grid mt-4"> 1544 <label for="product_other" class="sr-only">Other</label> 1545 <input id="product_other" 1546 name="product_other" 1547 type="text" 1548 value="" 1549 placeholder="Other" 1550 class="rounded-lg px-2 py-1 font-thin text-dark-blue outline-blue placeholder:text-dark-blue" 1551 autocomplete="off"> 1552 </div> 1553 </div> 1554 1555 <div class="grid"> 1556 <label for="notes" class="sr-only">Additional requirements</label> 1557 <textarea id="notes" 1558 name="additional_requirements" 1559 rows="4" 1560 placeholder="Please provide any additional details about your requirements." 1561 class="rounded-lg px-2 py-1 font-thin text-dark-blue outline-blue placeholder:text-dark-blue"></textarea> 1562 </div> 1563 1564 <div> 1565 <h3>Sign up to our newsletter</h3> 1566 <label> 1567 <input name="newsletter_signup" type="checkbox" value="1" >
1568 <span class="text-sm font-light">I would like to sign up for the latest news, blogs and events from Dale.</span> 1569 </label> 1570 </div> 1571 1572 <div> 1573 <label> 1574 <input required name="terms_privacy" type="checkbox" > 1575 <span class="text-sm font-light">You agree to our <a href="about/policies" 1576 target="_blank" 1577 class="text-blue">Terms of use</a> and our 1578 <a href="about/policies" 1579 target="_blank" 1580 class="text-blue">Privacy Policy</a>.</span> 1581 </label> 1582 </div> 1583 1584 <div 1585 data-sitekey="0x4AAAAAAAApH6WzQvVdP9dl" 1586 class="cf-turnstile" 1587 ></div> 1588 1589 1590 <button 1591 class="bg-blue text-white transition-colors hover:bg-blue-600 active:bg-blue-400 rounded-lg py-3 px-4 inline-flex text-sm items-center gap-2" type="submit" 1592><span>Get in Touch</span> 1593 <span class="inline-block bg-white group-hover:bg-blue transition-colors rounded-full p-1"> 1594 <svg class="fill-current w-2 h-2 text-dark-blue group-hover:text-white transition-colors" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon points="16.172 9 10.101 2.929 11.515 1.515 20 10 19.293 10.707 11.515 18.485 10.101 17.071 16.172 11 0 11 0 9"/></svg> </span></button> 1595 1596 <p class="text-xs font-light text-dark-blue">* indicates a required field.</p> 1597 </div> 1598 </form> 1599 </div> 1600 </div> 1601 <p class="text-xs font-light max-w-xl mx-auto lg:mx-0 mt-8 text-center lg:text-left px-4">By submitting this form today, you acknowledge that you will be contacted by a member of Dale Power Solutions and also agree to our Terms of use and our Privacy Policy. We do not share any of your data with 3rd parties.</p> 1602 </div> 1603 </div> 1604 1605 <div class="pt-5" x-data="{map:1}" id="our-locations" style="background-image: linear-gradient(to bottom, #00af73, #00194b);"> 1606 <div class="container mx-auto"> 1607 <h3 class="text-2xl md:text-4xl font-extrabold text-dark-blue text-center">Our locations</h3> 1608 </div> 1609 1610 <div class="flex flex-col md:flex-row gap-5 my-10 justify-center"> 1611 <div @click.prevent="changeMap(-0.41077406575449554, 54.2386081662219, () => {$refs.map_main.scrollIntoView(); map=1})" 1612 class="grid mx-auto md:mx-0 bg-white shadow hover:shadow-xl transition rounded-lg p-1 max-w-xs w-full"> 1613 1614 <div class="px-2 py-2 text-white text-xl rounded-t-md transition-colors cursor-pointer h-12 flex justify-between items-center" 1615 style="background-color:#00194B" > 1616 <p>Head Office</p> 1617 <div :class="{'grid': map===1, 'hidden': map!==1 }" class="text-center items-end"> 1618 <svg class="fill-current w-6 h-6 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M7 10V2h6v8h5l-8 8-8-8h5z"/></svg> </div> 1619 </div> 1620 <div class="p-2 font-thin pb-4"> 1621 <p>Salter Road</p><p>Eastfield Industrial Estate</p><p>Scarborough</p><p>YO11 3DU</p><p>United Kingdom</p> 1622 </div> 1623 1624 </div> 1625 <div @click.prevent="changeMap(-0.3177437432846269, 51.734765084412075, () => {$refs.map_main.scrollIntoView(); map=2})" 1626 class="grid mx-auto md:mx-0 bg-white shadow hover:shadow-xl transition rounded-lg p-1 max-w-xs w-full"> 1627 1628 <div class="px-2 py-2 text-white text-xl rounded-t-md transition-colors cursor-pointer h-12 flex justify-between items-center" 1629 style="background-color:#00AF73" > 1630 <p>South</p> 1631 <div :class="{'grid': map===2, 'hidden': map!==2 }" class="text-center items-end"> 1632 <svg class="fill-current w-6 h-6 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M7 10V2h6v8h5l-8 8-8-8h5z"/></svg> </div> 1633 </div> 1634 <div class="p-2 font-thin pb-4"> 1635 <p>Unit 1</p><p>North Orbital Business Park</p><p>Napsbury Lane</p><p>St Albans</p><p>AL1 1XB</p><p>United Kingdom</p> 1636 </div> 1637 1638 </div> 1639 <div @click.prevent="changeMap(-2.1617669150727887, 57.07263517774039, () => {$refs.map_main.scrollIntoView(); map=3})" 1640 class="grid mx-auto md:mx-0 bg-white shadow hover:shadow-xl transition rounded-lg p-1 max-w-xs w-full"> 1641 1642 <div class="px-2 py-2 text-white text-xl rounded-t-md transition-colors cursor-pointer h-12 flex justify-between items-center" 1643 style="background-color:#00AF73" > 1644 <p>Scotland</p> 1645 <div :class="{'grid': map===3, 'hidden': map!==3 }" class="text-center items-end"> 1646 <svg class="fill-current w-6 h-6 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M7 10V2h6v8h5l-8 8-8-8h5z"/></svg> </div> 1647 </div> 1648 <div class="p-2 font-thin pb-4"> 1649 <p>
1649Badentoy Industrial Estate</p><p>Badentoy Ave </p><p>Portlethen </p><p>Aberdeen </p><p>AB12 4YB</p> 1650 </div> 1651 1652 </div> 1653 </div> 1654 1655 <div id="map-main" x-ref="map_main" class="w-full h-[600px]"></div> 1656 </div> 1657 1658 <div class="py-4" style="background-image: linear-gradient(to right, #e18cd7, #00194b);"> 1659 <div class="container flex justify-center items-center"> 1660 <div x-data="{ open: false, optout: false}"> 1661 <button 1662 class="bg-blue text-white transition-colors hover:bg-blue-600 active:bg-blue-400 rounded-lg py-3 px-4 flex items-center gap-4 font-semibold text-lg tracking-wide" type="button" x-on:click="open = true; $focus.focus($refs.email_input)" 1663><span>Sign up to our newsletter</span><span class="inline-block bg-white rounded-full p-1"><svg class="fill-current w-2 h-2 text-blue" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path d="M16.172 9l-6.071-6.071 1.414-1.414L20 10l-.707.707-7.778 7.778-1.414-1.414L16.172 11H0V9z"/></svg></span></button> 1664 1665 <div 1666 x-dialog 1667 x-model="open" 1668 style="display: none" 1669 class="fixed inset-0 overflow-y-auto z-20" 1670 > 1671 <!-- Overlay --> 1672 <div x-dialog:overlay x-transition.opacity class="fixed inset-0 bg-black bg-opacity-50"></div> 1673 1674 <!-- Panel --> 1675 <div 1676 class="relative min-h-screen flex items-start justify-center p-4" 1677 > 1678 <div 1679 x-dialog:panel 1680 x-transition 1681 class="relative max-w-xl w-full bg-white rounded-xl shadow-lg overflow-y-auto" 1682 > 1683 <!-- Close Button --> 1684 <div class="absolute top-0 right-0 pt-4 pr-4"> 1685 <button type="button" 1686 @click="$dialog.close()" 1687 class="bg-blue-gray rounded-lg p-2 text-gray-600 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"> 1688 <span class="sr-only">Close modal</span> 1689 <svg xmlns="http://www.w3.org/2000/svg" class="h-4 w-4" viewBox="0 0 20 20" fill="currentColor"> 1690 <path fill-rule="evenodd" 1691 d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" 1692 clip-rule="evenodd"/> 1693 </svg> 1694 </button> 1695 </div> 1696 1697 <!-- Body --> 1698 <div class="p-2 md:p-8 md:pr-20 pt-16 md:pt-8"> 1699 <h2 x-dialog:title class="text-2xl font-bold mb-5 text-dark-blue">Newsletter Sign Up</h2> 1700 1701 <p class="font-light text-dark-blue mb-2">Stay in the know with our Quarterly newsletter</p> 1702 1703 <form action=https://webto.salesforce.com/servlet/servlet.WebToLead?encoding=UTF-8 1704 method="POST" 1705 class="flex flex-col gap-5"> 1706 <input type=hidden 1707 name='captcha_settings' 1708 value='{"keyname":"ABv2","fallback":"true","orgId":"00D8d000002bSG6","ts":""}'> 1709 <input type=hidden name="retURL" value="https://www.dalepowersolutions.com/newsletter/success"> 1710 <input type=hidden name="oid" value="00D8d000002bSG6"> 1711 1712 1713 <div class="grid"> 1714 <label for="email" class="sr-only">Email</label> 1715 <input id="email" 1716 name="email" 1717 required 1718 x-ref="email_input" 1719 type="email" 1720 placeholder="Email*" 1721 class="rounded-lg px-2 py-1 font-thin bg-blue-gray text-dark-blue outline-blue placeholder:text-dark-blue" 1722 autocomplete="email"> 1723 </div> 1724 1725 <div class="grid"> 1726 <label for="first_name" class="sr-only">First Name</label> 1727 <input id="first_name" 1728 name="first_name" 1729 required 1730 type="text" 1731 placeholder="First Name*" 1732 class="rounded-lg px-2 py-1 font-thin bg-blue-gray text-dark-blue outline-blue placeholder:text-dark-blue" 1733 autocomplete="given-name"> 1734 </div> 1735 1736 <div class="grid"> 1737 <label for="last_name" class="sr-only">Last Name</label> 1738 <input id="last_name" 1739 name="last_name" 1740 required 1741 type="text" 1742 placeholder="Last Name*" 1743 class="rounded-lg px-2 py-1 font-thin bg-blue-gray text-dark-blue outline-blue placeholder:text-dark-blue" 1744 autocomplete="family-name"> 1745 </div> 1746 1747 <div> 1748 <label> 1749 <input x-bind:disabled="optout" type="hidden" name="00N8d00000T9Ul5" value="1"> 1750 <input name="00N8d00000T9Ul5" type="checkbox" value="
17500" x-model="optout" id="00N8d00000T9Ul5"> 1751 <span class="text-sm font-thin text-dark-blue"> 1752 If you would like details of our latest news, blogs and insights sent directly to your inbox, sign-up to receive our Dale e-newsletters. 1753 </span> 1754 </label> 1755 </div> 1756 1757 <div> 1758 <div class="g-recaptcha" data-sitekey="6Le6pt0hAAAAACik4nFIUsiRZN1TfO3XHtfkFijk"></div> 1759 </div> 1760 1761 <button 1762 class="bg-blue text-white transition-colors hover:bg-blue-600 active:bg-blue-400 rounded-lg py-3 px-4" type="submit" 1763>Submit</button> 1764 </form> 1765 </div> 1766 </div> 1767 </div> 1768 </div> 1769</div> 1770 </div> 1771</div> 1772 <!-- include('partials.newsletter-signup-cta') --> 1773 <footer class="bg-blue-gray py-8"> 1774 <div class="container grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-10"> 1775 <div class="col-span-full md:col-span-2 grid sm:grid-cols-4 md:grid-cols-none"> 1776 <img src="https://www.dalepowersolutions.com/storage/assets/images/dale-logo.svg" class="max-w-[125px] w-full mb-4 mt-2 md:mb-10" alt="Dale Power Solutions logo"> 1777 <div class="flex flex-col items-start text-sm sm:text-base md:text-xl font-bold text-dark-blue mb-2 col-span-3"> 1778 <a onclick="gtag('event', 'tel_link_clicked');" class="rulertel" href="tel:+44 (0)330 999 3000">+44 (0)330 999 3000</a> 1779 <a onclick="gtag('event', 'mail_link_clicked');" href="/cdn-cgi/l/email-protection#442c2128282b0420252821342b332136372b2831302d2b2a376a272b29"><span class="__cf_email__" data-cfemail="543c3138383b1430353831243b233126273b3821203d3b3a277a373b39">[email protected]</span></a> 1780 </div> 1781 1782 <div class="flex items-center gap-1"> 1783 <a href="https://www.linkedin.com/company/dale-power-solutions/" aria-label="Linkedin"><span class="block bg-blue rounded-full p-1"><svg class="fill-current w-3 h-3 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"> 1784 <g> 1785 <path fill="none" d="M0 0h24v24H0z"></path> 1786 <path fill-rule="nonzero" d="M6.94 5a2 2 0 1 1-4-.002 2 2 0 0 1 4 .002zM7 8.48H3V21h4V8.48zm6.32 0H9.34V21h3.94v-6.57c0-3.66 4.77-4 4.77 0V21H22v-7.93c0-6.17-7.06-5.94-8.72-2.91l.04-1.68z"></path> 1787 </g> 1788</svg></span></a> 1789 <a href="https://www.youtube.com/@dale.power.solutions" aria-label="YouTube"><span class="block bg-blue rounded-full p-1"><svg class="fill-current w-3 h-3 text-white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-youtube" viewBox="0 0 16 16"> 1790 <path d="M8.051 1.999h.089c.822.003 4.987.033 6.11.335a2.01 2.01 0 0 1 1.415 1.42c.101.38.172.883.22 1.402l.01.104.022.26.008.104c.065.914.073 1.77.074 1.957v.075c-.001.194-.01 1.108-.082 2.06l-.008.105-.009.104c-.05.572-.124 1.14-.235 1.558a2.01 2.01 0 0 1-1.415 1.42c-1.16.312-5.569.334-6.18.335h-.142c-.309 0-1.587-.006-2.927-.052l-.17-.006-.087-.004-.171-.007-.171-.007c-1.11-.049-2.167-.128-2.654-.26a2.01 2.01 0 0 1-1.415-1.419c-.111-.417-.185-.986-.235-1.558L.09 9.82l-.008-.104A31 31 0 0 1 0 7.68v-.123c.002-.215.01-.958.064-1.778l.007-.103.003-.052.008-.104.022-.26.01-.104c.048-.519.119-1.023.22-1.402a2.01 2.01 0 0 1 1.415-1.42c.487-.13 1.544-.21 2.654-.26l.17-.007.172-.006.086-.003.171-.007A100 100 0 0 1 7.858 2zM6.4 5.209v4.818l4.157-2.408z"/> 1791</svg></span></a> 1792 <a href="" aria-label="Facebook"><svg class="fill-current w-5 h-5 text-blue" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Facebook</title><path d="M24 12.073c0-6.627-5.373-12-12-12s-12 5.373-12 12c0 5.99 4.388 10.954 10.125 11.854v-8.385H7.078v-3.47h3.047V9.43c0-3.007 1.792-4.669 4.533-4.669 1.312 0 2.686.235 2.686.235v2.953H15.83c-1.491 0-1.956.925-1.956 1.874v2.25h3.328l-.532 3.47h-2.796v8.385C19.612 23.027 24 18.062 24 12.073z"/></svg></a> 1793 <a href="https://open.spotify.com/show/1bqvAmSxrfSShusLTmAV8Y" aria-label="Spotify"><span class="block bg-blue rounded-full p-1"><svg class="fill-current w-3 h-3 text-white" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-spotify" viewBox="0 0 16 16"> 1794 <path d="M8 0a8 8 0 1 0 0 16A8 8 0 0 0 8 0m3.669 11.538a.5.5 0 0 1-.686.165c-1.879-1.147-4.243-1.407-7.028-.77a.499.499 0 0 1-.222-.973c3.048-.696 5.662-.397 7.77.892a.5.5 0 0 1 .166.686m.979-2.178a.624.624 0 0 1-.858.205c-2.15-1.321-5.428-1.704-7.972-.932a.625.625 0 0 1-.362-1.194c2.905-.881 6.517-.454 8.986 1.063a.624.624 0 0 1 .206.858m.084-2.268C10.154 5.56 5.9 5.419 3.438 6.166a.748.748 0 1 1-.434-1.432c2.825-.857 7.523-.692 10.492 1.07a.747.747 0 1 1-.764 1.288"/> 1795</svg></span></a> 1796 </div> 1797 </div> 1798 <nav> 1799 <p class="text-blue font-semibold mb-2">Company</p> 1800 <ul class="text-sm grid gap-1 text-dark-blue"> 1801 <li><a href="/about" class="hover:underline">About Dale</a></li> 1802 <li><a href="/contact" class="hover:underline">Contact us</a></li> 1803 <li><a href="/about/careers" class="hover:underline">Careers</a></li> 1804 </ul> 1805 </nav> 1806 <nav> 1807 <p class="text-blue font-semibold mb-2">Solutions</p> 1808 <ul class="text-sm grid gap-1 text-dark-blue"> 1809 <li><a href="/products/ups" class="hover:underline">UPS</a></li> 1810 <li><a href="/products/generators" class="hover:underline">Generator Solutions</a></li> 1811 <li><a href="/services" class="hover:underline">Service & Support</a></li> 1812 <li><a href="/products/battery-energy-storage-systems" class="hover:underline">Battery Energy Storage Systems (BESS)</a></li> 1813 </ul> 1814 </nav> 1815 <nav> 1816 <p class="text-blue font-semibold mb-2">Knowledge base</p> 1817 <ul class="text-sm grid gap-1 text-dark-blue"> 1818 <li><a href="/knowledge-base/faqs" class="hover:underline">FAQs</a></li> 1819 <li><a href="/knowledge-base?t=news" class="hover:underline">News</a></li> 1820 <li><a href="/knowledge-base?c=case_study" class="hover:underline">Case Studies</a></li> 1821 <li><a href="/knowledge-base?c=blog" class="hover:underline">Blog</a></li> 1822 </ul> 1823 </nav> 1824 <div class="col-span-full grid lg:grid-cols-3 gap-5 lg:gap-10 items-end"> 1825 <div class="lg:col-span-2 grid items-center gap-1 text-xs text-dark-blue"> 1826 <p>© Dale Power Solutions 2025</p> 1827 <p>Dale Power Solutions Limited. Salter Road, Eastfield Industrial Estate, Scarborough, YO11 3DU.
1827Company registration number: 00941798. Registered in England and Wales. VAT number: GB 135 555 706</p> 1828 <p><a href="/about/policies">Policies</a></p> 1829 <p><a href="/about/policies/dale-power-solutions-gender-pay-gap">Gender Pay Gap</a></p> 1830 </div> 1831 1832 <div class="flex items-center max-w-sm w-full lg:ml-auto gap-4"> 1833 <img src="https://www.dalepowersolutions.com/storage/assets/certifications/cert.-no.png" class="basis-auto min-w-0 max-h-[50px]" alt="certifications/cert.-no.png accredited"> 1834 <img src="https://www.dalepowersolutions.com/storage/assets/certifications/ssip.png" class="basis-auto min-w-0 max-h-[50px]" alt="certifications/ssip.png accredited"> 1835 <img src="https://www.dalepowersolutions.com/storage/assets/certifications/joscar-logo-180x180-footer.png" class="basis-auto min-w-0 max-h-[50px]" alt="certifications/joscar-logo-180x180-footer.png accredited"> 1836 </div> 1837 </div> 1838 <div class="col-span-full text-xs -mt-8 text-dark-blue"> 1839 <span>Developed by <a href="https://askewbrook.com" target="_blank" class="font-semibold opacity-75 hover:opacity-100 underline decoration-transparent hover:decoration-current transition">Askew / Brook</a></span> 1840 </div> 1841 </div> 1842 </footer>
vendor: 112 bytes, lines 1842-1844
1842 1843 1844 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1844<script src="https://cdn.jsdelivr.net/npm/@alpinejs/[email protected]/dist/cdn.min.js"></script>
1844 1845
1845<script src="https://www.dalepowersolutions.com/vendor/livewire/livewire.min.js?id=0f6341c0" data-csrf="BAINKJ1zmTxe3QCaXQ9WNwfXABPYMKT0wbt6F8gD" data-update-uri="/livewire/update" data-navigate-once="true"></script>
1845 1846 <link rel="modulepreload" as="script" href="https://www.dalepowersolutions.com/build/assets/main-BcjszuTC.js" />
1846<script type="module" src="https://www.dalepowersolutions.com/build/assets/main-BcjszuTC.js" data-navigate-track="reload"></script>
1846
1846<script> 1847 mapboxgl.accessToken = "pk.eyJ1IjoiYXNrZXdicm9vayIsImEiOiJjam9yYXlzN2gwY3BrM3dsazgzbjVtY2FhIn0.UdQc7yb9KhefhaEqyZsyAg" 1848 </script>
1848 1849
1849<script> 1850 const first_coords = [-0.41077406575449554, 54.2386081662219] 1851 const map_main = new mapboxgl.Map({ 1852 container: "map-main", // container ID 1853 // Choose from Mapbox's core styles, or make your own style with Mapbox Studio 1854 style: "mapbox://styles/mapbox/streets-v11", // style URL 1855 center: first_coords, // starting position [lng, lat] 1856 zoom: 14, // starting zoom 1857 scrollZoom: false, 1858 projection: "globe", // display the map as a 3D globe 1859 }) 1860 1861 const nav_main = new mapboxgl.NavigationControl() 1862 map_main.addControl(nav_main, "top-left") 1863 // Create a new marker. 1864 const marker_1 = new mapboxgl.Marker({ 1865 color: '#00194B', 1866 }) 1867 .setLngLat([-0.41077406575449554, 54.2386081662219]) 1868 .setPopup(new mapboxgl.Popup({offset: 25}).setText('Head Office')) 1869 .addTo(map_main) 1870 // Create a new marker. 1871 const marker_2 = new mapboxgl.Marker({ 1872 color: '#00AF73', 1873 }) 1874 .setLngLat([-0.3177437432846269, 51.734765084412075]) 1875 .setPopup(new mapboxgl.Popup({offset: 25}).setText('South')) 1876 .addTo(map_main) 1877 // Create a new marker. 1878 const marker_3 = new mapboxgl.Marker({ 1879 color: '#00AF73', 1880 }) 1881 .setLngLat([-2.1617669150727887, 57.07263517774039]) 1882 .setPopup(new mapboxgl.Popup({offset: 25}).setText('Scotland')) 1883 .addTo(map_main) 1884 1885 map_main.on("style.load", () => { 1886 map_main.setFog({}) // Set the default atmosphere style 1887 }) 1888 1889 const changeMap = (lng, lat, cb) => { 1890 map_main.flyTo({ 1891 center: [lng, lat], 1892 zoom: 14, 1893 }) 1894 1895 cb() 1896 } 1897 </script>
1897 1898 1899 <!--method for storing submitted contact form in memory layer--> 1900
1900<script> 1901 // Private, in-memory store (not dataLayer) 1902 window.__pii = { email:null, first_name:null, last_name:null, phone:null, form_submitted:false }; 1903 1904 // Check if UPD is allowed (marketing consent) 1905 // Track marketing consent based on the TermsFeed event 1906 window.__marketingGranted = false; 1907 1908 window.dataLayer = window.dataLayer || []; 1909 (function(){ 1910 const _push = dataLayer.push; 1911 dataLayer.push = function(obj){ 1912 // Detect TermsFeedâs consent event 1913 if (obj && obj.event === 'consent_marketing_granted') { 1914 console.log('%cMarketing consent granted detected','color:#09f;'); 1915 window.__marketingGranted = true; 1916 document.dispatchEvent(new Event('consent_marketing_granted')); 1917 } 1918 return _push.call(this, obj); 1919 }; 1920 })(); 1921 1922 function consentAllowsUPD() { 1923 return !!(window.__marketingGranted === true); 1924 } 1925 1926 function pushUPD(){ 1927 if (!window.__pii.email && !window.__pii.phone) return; // need at least one identifier 1928 window.dataLayer = window.dataLayer || []; 1929 window.dataLayer.push({ 1930 event: 'form_submit_upd', 1931 user: { 1932 email: window.__pii.email || null, 1933 phone: window.__pii.phone || null, 1934 first_name: window.__pii.first_name || null, 1935 last_name: window.__pii.last_name || null 1936 } 1937 }); 1938 } 1939 1940 function wireContactFormDL(){ 1941 // Adjust selector if needed 1942 var form = document.querySelector('form[action$="contact.submit"]') || document.querySelector('form[action*="contact"]'); 1943 if(!form) return; 1944 1945 form.addEventListener('submit', function(){ 1946 var email = document.getElementById('email')?.value || ''; 1947 var first = document.getElementById('first_name')?.value || ''; 1948 var last = document.getElementById('last_name')?.value || ''; 1949 var phone = document.getElementById('telephone')?.value || ''; 1950 1951 // 1) Capture regardless of consent (MEMORY ONLY) 1952 window.__pii.email = email || null; 1953 window.__pii.first_name = first || null; 1954 window.__pii.last_name = last || null; 1955 window.__pii.phone = phone || null; 1956 window.__pii.form_submitted = true; 1957 1958 // 2) Push a CLEAN event (no PII) 1959 window.dataLayer = window.dataLayer || []; 1960 window.dataLayer.push({ 1961 event: 'form_submit', 1962 form: { id:'contact', status:'submitted' } 1963 }); 1964 1965 1966 // 3) If consent already granted at submit time, mirror PII into DL 1967 if (consentAllowsUPD()) { 1968 pushUPD(); 1969 } 1970 }); 1971 } 1972 1973 document.addEventListener('DOMContentLoaded', wireContactFormDL); 1974 1975 // 4) If the user grants marketing later, mirror PII then 1976 document.addEventListener('consent_marketing_granted', function(){ 1977 if (window.__pii.form_submitted && consentAllowsUPD()) { 1978 pushUPD(); 1979 } 1980 }); 1981 </script>
1981 1982 1983
1983<script> 1984 // 1) Log every DL push 1985 window.dataLayer = window.dataLayer || []; 1986 (function(){ 1987 const _push = dataLayer.push; 1988 dataLayer.push = function(obj){ 1989 console.log('%cDL PUSH','background:#222;color:#0f0;padding:2px 6px;', obj); 1990 return _push.call(this, obj); 1991 }; 1992 })(); 1993 1994 // 2) Helper to grant marketing consent (in case your CMP isnât running locally) 1995 function grantMarketing(){ 1996 window.dataLayer = window.dataLayer || []; 1997 // Consent Mode grants 1998 window.gtag = window.gtag || function(){ dataLayer.push(arguments); }; 1999 gtag('consent','update',{ 2000 ad_storage:'granted', 2001 ad_user_data:'granted', 2002 ad_personalization:'granted', 2003 analytics_storage:'granted' 2004 }); 2005 // Fire the same hooks your banner would 2006 dataLayer.push({ event:'consent_marketing_granted' }); 2007 document.dispatchEvent(new Event('consent_marketing_granted')); 2008 console.log('%cMarketing consent granted (manual)', 'color:#09f'); 2009 } 2010 </script>
2010 2011 2012
2012<script src="https://challenges.cloudflare.com/turnstile/v0/api.js" async defer ></script>
2012 2013 2014 <!-- (Optional) Your original gclid code. Consider gating persistence until marketing consent if you want to be strict. --> 2015
2015<script> 2016 function getParam(p) { 2017 var match = RegExp('[?&]' + p + '=([^&]*)').exec(window.location.search); 2018 return match && decodeURIComponent(match[1].replace(/\+/g, ' ')); 2019 } 2020 2021 function getExpiryRecord(value) { 2022 var expiryPeriod = 90 * 24 * 60 * 60 * 1000; // 90 day expiry 2023 var expiryDate = new Date().getTime() + expiryPeriod; 2024 return { value: value, expiryDate: expiryDate }; 2025 } 2026 2027 function addGclid() { 2028 var gclidParam = getParam('gclid'); 2029 var gclidFormFields = ['gclid']; 2030 var gclidRecord = null; 2031 var currGclidFormField; 2032 2033 var gclsrcParam = getParam('gclsrc'); 2034 var isGclsrcValid = !gclsrcParam || gclsrcParam.indexOf('aw') !== -1; 2035 2036 gclidFormFields.forEach(function (f) { 2037 if (document.getElementById(f)) currGclidFormField = document.getElementById(f); 2038 }); 2039 2040 if (gclidParam && isGclsrcValid) { 2041 gclidRecord = getExpiryRecord(gclidParam); 2042 localStorage.setItem('gclid', JSON.stringify(gclidRecord)); 2043 } 2044 2045 var gclid = gclidRecord || JSON.parse(localStorage.getItem('gclid')); 2046 var isGclidValid = gclid && new Date().getTime() < gclid.expiryDate; 2047 2048 if (currGclidFormField && isGclidValid) { 2049 currGclidFormField.value = gclid.value; 2050 } 2051 } 2052 window.addEventListener('load', addGclid); 2053 </script>
vendor: 1 bytes, line 2053
2053
2054<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":"d778608438024f34bfaa2fbcab0c16f1","r":1,"spa":2}' crossorigin="anonymous"></script>
2054 2055</body> 2056</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.