PageSourceSearch

https://www.dalepowersolutions.com/contact

html dalepowersolutions.com collected 2026-09-30 04:37:31 UTC 176,369 bytes, 2,056 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; Commissioning</a>
996                                                                        </li>
997                                                                                                                                            <li>
998                                                                            <a href="/services/generator-installation-and-commissioning">Generator Installation &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&#160;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 &amp; Maintenance"
1519                                                   >
1520                                            <span class="text-sm font-light">Service &amp; 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&#160;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 &amp; 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.