PageSourceSearch

https://www.super-b.com/contact

html super-b.com collected 2026-10-02 15:08:26 UTC 52,402 bytes, 725 lines download raw bytes

1<!DOCTYPE html><!-- Last Published: Wed Sep 30 2026 11:06:05 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="linguana.super-b.com" data-wf-page="67483e491e1dfb60652d4a31" data-wf-site="670e396338fcbfc4d482682f" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Contact Super B | Get Expert Support for Lithium Batteries</title><meta content="Have questions? Contact Super B for expert support on our lithium batteries, technical assistance, and product inquiries." name="description"/><meta content="Contact Super B | Get Expert Support for Lithium Batteries" property="og:title"/><meta content="Have questions? Contact Super B for expert support on our lithium batteries, technical assistance, and product inquiries." property="og:description"/><meta content="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/670e4f039c5fbc4d7b8729c9_DSC00719-2-min.jpg" property="og:image"/><meta content="Contact Super B | Get Expert Support for Lithium Batteries" name="twitter:title"/><meta content="Have questions? Contact Super B for expert support on our lithium batteries, technical assistance, and product inquiries." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/670e4f039c5fbc4d7b8729c9_DSC00719-2-min.jpg" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/css/super-b.webflow.shared.3b06aaf0a.css" rel="stylesheet" type="text/css" integrity="sha384-Owaq8KgRwdt8be2xvAbUqV2xEz2oUb2jj99Xid0/G2kuLgogtVyfIllAgfVrdog2" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({  google: {    families: ["Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Open Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic","Inconsolata:400,700","Noto Sans:300,400,500,600,700","Rajdhani:300,400,500,600,700"]  }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/67c5745e88f2daf3a7836410_32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/67c574372dfe5d904441856a_image8.png" rel="apple-touch-icon"/>
1<script>
2  // Define dataLayer and the gtag function
3  window.dataLayer = window.dataLayer || [];
4  function gtag(){dataLayer.push(arguments);}
5
6  // Set default consent to 'denied' as a placeholder
7  if(localStorage.getItem('consentMode') === null){
8    gtag('consent', 'default', {
9      'ad_storage': 'denied',
10      'ad_user_data': 'denied',
11      'ad_personalization': 'denied',
12      'analytics_storage': 'denied',
13      'personalization_storage': 'denied',
14      'security_storage': 'denied',
15      'functionality_storage': 'denied',
16    });
17    // To further redact your ads data when ad_storage is denied, set ads_data_redaction to true
18    gtag('set', 'ads_data_redaction', false);
19  } else {
20    gtag('consent', 'default', JSON.parse(localStorage.getItem('consentMode')));
21  }
22</script>
22
23
24
25
26<meta name="linguana-site-verification" content="lOcaUX64HFwKBUTeuUpW"/>
27
28<!-- Google Tag Manager -->
29<script>
vendor: 327 bytes, lines 29-33
29(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
30new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
31j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
32'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
33})(window,document,'script','dataLayer','
33GTM-5QPPZ6LJ
vendor: 3 bytes, line 33
33');
33</script>
33
34<!-- End Google Tag Manager -->
35
36<!-- Meta Pixel Code -->
37<script>
vendor: 399 bytes, lines 37-46
37
38!function(f,b,e,v,n,t,s)
39{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
40n.callMethod.apply(n,arguments):n.queue.push(arguments)};
41if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
42n.queue=[];t=b.createElement(e);t.async=!0;
43t.src=v;s=b.getElementsByTagName(e)[0];
44s.parentNode.insertBefore(t,s)}(window, document,'script',
45'https://connect.facebook.net/en_US/fbevents.js');
46fbq('init', '
462563651137325873
vendor: 30 bytes, lines 46-47
46');
47fbq('track', 'PageView');
48</script>
48
49<noscript><img height="1" width="1" style="display:none"
50src="https://www.facebook.com/tr?id=2563651137325873&ev=PageView&noscript=1"
51/></noscript>
52<!-- End Meta Pixel Code -->
53
54
55
56<!-- Hotjar Tracking Code for https://www.super-b.com --> 
56<script>
vendor: 125 bytes, line 56
56     (function(h,o,t,j,a,r){         h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};         h._hjSettings={hjid:
561590318
vendor: 258 bytes, line 56
56,hjsv:6};         a=o.getElementsByTagName('head')[0];         r=o.createElement('script');r.async=1;         r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;         a.appendChild(r);     })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 
56</script>
56
57
58<link rel="alternate" hreflang="x-default" href="https://www.super-b.com/contact"/>
59<link rel="alternate" hreflang="en" href="https://www.super-b.com/contact"/>
60<link rel="alternate" hreflang="es" href="https://www.super-b.com/es/contact"/>
61<link rel="alternate" hreflang="it" href="https://www.super-b.com/it/contact"/>
62<link rel="alternate" hreflang="nl" href="https://www.super-b.com/nl/contact"/>
63<link rel="alternate" hreflang="de" href="https://www.super-b.com/de/contact"/>
64<link rel="alternate" hreflang="fr" href="https://www.super-b.com/fr/contact"/>
64<script>const alternativeLanguagePages = {"default": "https://www.super-b.com/contact", "es": "https://www.super-b.com/es/contact", "it": "https://www.super-b.com/it/contact", "nl": "https://www.super-b.com/nl/contact", "de": "https://www.super-b.com/de/contact", "fr": "https://www.super-b.com/fr/contact"}</script>
64<script>const LINGUANA_LANGUAGE_ROUTES = [{"url": "https://www.super-b.com/contact", "hreflang": "default", "isDefault": true, "subfolder": "", "langCode": "en"}, {"url": "https://www.super-b.com/es/contact", "hreflang": "es", "isDefault": false, "subfolder": "es", "langCode": "es"}, {"url": "https://www.super-b.com/it/contact", "hreflang": "it", "isDefault": false, "subfolder": "it", "langCode": "it"}, {"url": "https://www.super-b.com/nl/contact", "hreflang": "nl", "isDefault": false, "subfolder": "nl", "langCode": "nl"}, {"url": "https://www.super-b.com/de/contact", "hreflang": "de", "isDefault": false, "subfolder": "de", "langCode": "de"}, {"url": "https://www.super-b.com/fr/contact", "hreflang": "fr", "isDefault": false, "subfolder": "fr", "langCode": "fr"}];</script>
64</head><body class="dark-background"><div class="div-block-107"><div class="padding-global"><div class="navbar-container right"><a href="/about-us" class="link-block-2 w-inline-block"><div class="text-block smaller">about us</div></a><a href="https://shop.super-b.com/" target="_blank" class="link-block-2 w-inline-block"><div class="text-block smaller">Webshop</div></a><a href="/blog" class="link-block-2 w-inline-block"><div class="text-block smaller">Blogs</div></a><a href="/lithium" class="link-block-2 w-inline-block"><div class="text-block smaller">Lithium</div></a><a href="/contact" aria-current="page" class="link-block-2 w-inline-block w--current"><div class="text-block smaller">contact</div></a></div></div></div><div data-w-id="fe7ddbd0-028e-1864-0a33-8425aac82aa3" class="page-loader"><div data-poster-url="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f%2F670e4947f9fe2264ba5f04fa_Super%20b%20logo%20animation-poster-00001.jpg" data-video-urls="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f%2F670e4947f9fe2264ba5f04fa_Super%20b%20logo%20animation-transcode.mp4,https://cdn.prod.website-files.com/670e396338fcbfc4d482682f%2F670e4947f9fe2264ba5f04fa_Super%20b%20logo%20animation-transcode.webm" data-autoplay="true" data-loop="true" data-wf-ignore="true" class="background-video w-background-video w-background-video-atom"><video id="fe7ddbd0-028e-1864-0a33-8425aac82aa4-video" autoplay="" loop="" style="background-image:url(&quot;https://cdn.prod.website-files.com/670e396338fcbfc4d482682f%2F670e4947f9fe2264ba5f04fa_Super%20b%20logo%20animation-poster-00001.jpg&quot;)" muted="" playsinline="" data-wf-ignore="true" data-object-fit="cover"><source src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f%2F670e4947f9fe2264ba5f04fa_Super%20b%20logo%20animation-transcode.mp4" data-wf-ignore="true"/><source src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f%2F670e4947f9fe2264ba5f04fa_Super%20b%20logo%20animation-transcode.webm" data-wf-ignore="true"/></video></div></div><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="navbar-bg-color"></div><div class="padding-global slightly-less relative"><div class="navbar-container"><a href="/" class="brand-logo w-nav-brand"><img sizes="(max-width: 479px) 98vw, (max-width: 767px) 99vw, (max-width: 1921px) 100vw, 1921px" srcset="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/670e752dea13eb9d8be6acfe_logo-p-500.avif 500w, https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/670e752dea13eb9d8be6acfe_logo.avif 1921w" alt="" src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/670e752dea13eb9d8be6acfe_logo.avif" loading="lazy" class="brand-logo-image"/></a><div class="navbar-right-side"><nav role="navigation" class="navbar-menu w-nav-menu"><div data-hover="true" data-delay="0" data-w-id="35e43e38-c09b-cec8-fb97-9e8cf7e63618" class="navbar-link dropdown-nav w-dropdown"><div class="dropdown-toggle-2 w-dropdown-toggle"><div class="icon w-icon-dropdown-toggle"></div><a href="#" class="text-block-5">Applications</a></div><nav class="dropdown-list w-dropdown-list"><a href="/camper" class="dropdown-link w-dropdown-link">Motorhome</a><a href="/commercial-marine" class="dropdown-link w-dropdown-link">Commercial Marine</a><a href="/leisure-marine" class="dropdown-link w-dropdown-link">Leisure Marine</a><a href="/powersports" class="dropdown-link w-dropdown-link">Powersports</a><a href="/mobility" class="dropdown-link w-dropdown-link">Industrial</a></nav></div><div data-delay="0" data-hover="true" data-w-id="db9f1c4a-7f82-b87f-f9ae-d981449cde7d" class="navbar-link static w-dropdown"><div class="link-list__dropdown-toggle w-dropdown-toggle"><div>Products</div><div class="link-list__dropdown-icon w-embed"><svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12">
65                          <g class="nc-icon-wrapper" fill="currentColor">
66                            <path d="M10.293,3.293,6,7.586,1.707,3.293A1,1,0,0,0,.293,4.707l5,5a1,1,0,0,0,1.414,0l5-5a1,1,0,1,0-1.414-1.414Z" fill="currentColor"></path>
67                          </g>
68                        </svg></div></div><nav class="navmenu__dropdown w-dropdown-list"><div class="navmenu__dropdown-grid-2"><div id="w-node-db9f1c4a-7f82-b87f-f9ae-d981449cde84-af2b9133" class="navmenu__dropdown-container cc-mobile"><div class="navmenu__dropdown-left-2"><ul role="list" class="navmenu__dropdown-list-2"><li class="navmenu__dropdown-section"><div class="navmenu__dropdown-section-heading-2">energy batteries</div><ul role="list" class="navmenu__dropdown-section-list-2"><li class="navmenu__dropdown-section-list-item"><div class="collection-list-wrapper-5 w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/products/epsilon-12v150ah" class="navmenu__dropdown-section-link-2 w-inline-block"><div><div class="navmenu__dropdown-section-link-heading">Epsilon</div><div class="navmenu__dropdown-section-link-description-2">Lightweight leisure battery with BMS, automatic heating and Bluetooth monitoring.</div></div></a></div></div></div></li><li class="navmenu__dropdown-section-list-item"><div class="collection-list-wrapper-5 w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/products/nomada" class="navmenu__dropdown-section-link-2 w-inline-block"><div><div class="navmenu__dropdown-section-link-heading">Nomada</div><div class="navmenu__dropdown-section-link-description-2">Modular and scalable for marine, industrial and more.</div></div></a></div></div></div></li><li class="navmenu__dropdown-section-list-item"><div class="collection-list-wrapper-5 w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/products/nomia-12v340ah" class="navmenu__dropdown-section-link-2 w-inline-block"><div><div class="navmenu__dropdown-section-link-heading">Nomia</div><div class="navmenu__dropdown-section-link-description-2">High-capacity lithium for large motorhomes, marine and industrial use.</div></div></a></div></div></div></li></ul></li><li class="navmenu__dropdown-section"><div class="navmenu__dropdown-section-heading-2">Starter batteries for powersports</div><ul role="list" class="navmenu__dropdown-section-list-2"><li class="navmenu__dropdown-section-list-item"><div class="collection-list-wrapper-5 w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/products/andrena-12v10ah" class="navmenu__dropdown-section-link-2 w-inline-block"><div><div class="navmenu__dropdown-section-link-heading">Andrena</div><div class="navmenu__dropdown-section-link-description-2">Compact starter batteries in multiple capacities, without BMS.</div></div></a></div></div></div></li><li class="navmenu__dropdown-section-list-item"><div class="collection-list-wrapper-5 w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/products/mason-12v20ah" class="navmenu__dropdown-section-link-2 w-inline-block"><div><div class="navmenu__dropdown-section-link-heading">Mason</div><div class="navmenu__dropdown-section-link-description-2">Starter batteries with integrated BMS for smarter power management.</div></div></a></div></div></div></li></ul></li></ul></div><div class="navmenu__dropdown-block"><div class="w-layout-grid navmenu__dropdown-right"><ul id="w-node-db9f1c4a-7f82-b87f-f9ae-d981449cded3-af2b9133" role="list" class="navmenu__dropdown-list-2"><li class="navmenu__dropdown-section cc-last"><div class="navmenu__dropdown-section-heading-2">order directly from our webshop</div><div class="navmenu__dropdown-section-link-description-2">Opens shop.super-b.com</div><ul role="list" class="navmenu__col-1-list"><li class="navmenu__dropdown-section-list-item"><a href="https://shop.super-b.com/collections/powersport-batteries?sort_by=price-ascending" class="navmenu__section-link-row cc-last w-inline-block"><div class="nav-menu__flex-wide"><div class="navmenu__dropdown-section-link-heading">Starter batteries</div><div class="w-embed"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
69                                              <path d="M4.5 0V1H10.29L0 11.29L0.71 12L11 1.71V7.5H12V0H4.5Z" fill="currentColor"></path>
70                                            </svg></div></div></a></li><li class="navmenu__dropdown-section-list-item"><a href="https://shop.super-b.com/collections/accessories?sort_by=price-ascending" class="navmenu__section-link-row cc-last w-inline-block"><div class="nav-menu__flex-wide"><div class="navmenu__dropdown-section-link-heading">Accessories</div><div class="w-embed"><svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
71                                              <path d="M4.5 0V1H10.29L0 11.29L0.71 12L11 1.71V7.5H12V0H4.5Z" fill="currentColor"></path>
72                                            </svg></div></div></a></li></ul></li></ul></div></div></div>
72<div id="w-node-db9f1c4a-7f82-b87f-f9ae-d981449cdef2-af2b9133" class="navmenu__content-block-overlay"></div></div></nav></div><a href="/support" data-w-id="d396eecb-6a94-8624-87c9-c404917340ab" class="navbar-link w-nav-link">Support</a><a href="/find-your-dealer" data-w-id="7e060f53-0106-a97a-ac24-5686afc921a3" class="navbar-link only-on-mobile no-width w-nav-link">Find your dealer</a></nav><div class="code-embed-7 w-embed"><button id="sb-icon-btn" aria-label="Search" style="display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.25);background:transparent;cursor:pointer;flex-shrink:0;">
73  <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.85)" stroke-width="2" stroke-linecap="round">
74    <circle cx="11" cy="11" r="7"/>
75    <line x1="16.5" y1="16.5" x2="22" y2="22"/>
76  </svg>
77</button></div><div class="navbar-button-wrapper"><a rel="noopener noreferrer nofollow" data-w-id="d396eecb-6a94-8624-87c9-c404917340ae" href="/find-your-dealer" class="navbutton is-navbar hide-on-mobile w-inline-block"><div class="button-wrapper"><div class="text-size-small">Find Your Dealer</div><div class="text-size-small">Find Your Dealer</div></div></a></div><div class="menu-button w-nav-button"><div class="icon-3 w-icon-nav-menu"></div></div></div></div></div><div class="cw-cookies"><div id="cw-cookie-banner" class="cw-cookie_banner"><div class="cw-cookie_content"><h3>Cookie Settings</h3><p>We use cookies to provide you with the best possible experience. They also allow us to analyze user behavior in order to constantly improve the website for you.</p><a href="/privacy-policy" class="link-3">See our Privacy Policy</a><div class="cw-cookie_buttons"><button id="cw-btn-reject-all" class="cw-button_secondary"><div>Reject all</div></button><button data-w-id="6d5c35a7-7be3-8732-aa4e-da2e0e635c8b" class="cw-button_secondary"><div>I want to choose</div></button><button id="cw-btn-accept-all" class="cw-button_primary"><div>Accept All</div></button></div><div id="cw-cookie-options" class="cw-cookie_selection"><div class="w-form"><form id="email-form" name="email-form" data-name="Email Form" method="get" class="cw-cookie_options" data-wf-page-id="67483e491e1dfb60652d4a31" data-wf-element-id="6d5c35a7-7be3-8732-aa4e-da2e0e635c93"><label class="w-checkbox cw-cookie_checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom cw-cookie_checkbox-check w--redirected-checked"></div><input type="checkbox" name="Necessary" id="consent-necessary" data-name="Necessary" style="opacity:0;position:absolute;z-index:-1" checked=""/><span class="w-form-label" for="Necessary">Functionality</span></label><label class="w-checkbox cw-cookie_checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom cw-cookie_checkbox-check w--redirected-checked"></div><input type="checkbox" name="Analytics" id="consent-analytics" data-name="Analytics" style="opacity:0;position:absolute;z-index:-1" checked=""/><span class="w-form-label" for="Analytics">Analytics Storage</span></label><label class="w-checkbox cw-cookie_checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom cw-cookie_checkbox-check w--redirected-checked"></div><input type="checkbox" name="Marketing" id="consent-ad-marketing" data-name="Marketing" style="opacity:0;position:absolute;z-index:-1" checked=""/><span class="checkbox-label-2 w-form-label" for="Marketing">Ad Storage</span></label><label class="w-checkbox cw-cookie_checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom cw-cookie_checkbox-check w--redirected-checked"></div><input type="checkbox" name="Preferences" id="consent-ad-user" data-name="Preferences" style="opacity:0;position:absolute;z-index:-1" checked=""/><span class="w-form-label" for="Preferences">Ad User Data</span></label><label class="w-checkbox cw-cookie_checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom cw-cookie_checkbox-check w--redirected-checked"></div>
77<input type="checkbox" name="Preferences" id="consent-ad-personalization" data-name="Preferences" style="opacity:0;position:absolute;z-index:-1" checked=""/><span class="w-form-label" for="Preferences">Ad Personalisation</span></label><label class="w-checkbox cw-cookie_checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom cw-cookie_checkbox-check w--redirected-checked"></div><input type="checkbox" name="Preferences" id="consent-personalization" data-name="Preferences" style="opacity:0;position:absolute;z-index:-1" checked=""/><span class="w-form-label" for="Preferences">Personalization Storage</span></label><label class="w-checkbox cw-cookie_checkbox"><div class="w-checkbox-input w-checkbox-input--inputType-custom cw-cookie_checkbox-check w--redirected-checked"></div><input type="checkbox" name="Preferences" id="consent-security" data-name="Preferences" style="opacity:0;position:absolute;z-index:-1" checked=""/><span class="w-form-label" for="Preferences">Security Storage</span></label></form><div class="w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div><button id="cw-btn-accept-some" class="cw-button_secondary"><div>Accept selection</div></button></div></div></div><div id="cw-cookie-icon" class="cw-cookie_icon"><div class="cw-cookie_icon-img w-embed"><svg width="100%" height="100%" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
78<path d="M12 22.0001C10.6167 22.0001 9.31667 21.7374 8.1 21.2121C6.88333 20.6868 5.825 19.9744 4.925 19.0751C4.025 18.1751 3.31267 17.1168 2.788 15.9001C2.26333 14.6834 2.00067 13.3834 2 12.0001C2 10.7501 2.24167 9.5251 2.725 8.3251C3.20833 7.1251 3.88333 6.0541 4.75 5.1121C5.61667 4.17077 6.65833 3.41243 7.875 2.8371C9.09167 2.26177 10.425 1.97443 11.875 1.9751C12.225 1.9751 12.5833 1.99177 12.95 2.0251C13.3167 2.05843 13.6917 2.11677 14.075 2.2001C13.925 2.9501 13.975 3.65843 14.225 4.3251C14.475 4.99177 14.85 5.54577 15.35 5.9871C15.85 6.4291 16.446 6.73343 17.138 6.9001C17.83 7.06677 18.5423 7.0251 19.275 6.7751C18.8417 7.75843 18.9043 8.7001 19.463 9.6001C20.0217 10.5001 20.8507 10.9668 21.95 11.0001C21.9667 11.1834 21.9793 11.3541 21.988 11.5121C21.9967 11.6701 22.0007 11.8411 22 12.0251C22 13.3918 21.7373 14.6791 21.212 15.8871C20.6867 17.0951 19.9743 18.1534 19.075 19.0621C18.175 19.9708 17.1167 20.6874 15.9 21.2121C14.6833 21.7368 13.3833 21.9994 12 22.0001ZM10.5 10.0001C10.9167 10.0001 11.271 9.8541 11.563 9.5621C11.855 9.2701 12.0007 8.9161 12 8.5001C12 8.08343 11.854 7.7291 11.562 7.4371C11.27 7.1451 10.916 6.99943 10.5 7.0001C10.0833 7.0001 9.729 7.1461 9.437 7.4381C9.145 7.7301 8.99933 8.0841 9 8.5001C9 8.91677 9.146 9.2711 9.438 9.5631C9.73 9.8551 10.084 10.0008 10.5 10.0001ZM8.5 15.0001C8.91667 15.0001 9.271 14.8541 9.563 14.5621C9.855 14.2701 10.0007 13.9161 10 13.5001C10 13.0834 9.854 12.7291 9.562 12.4371C9.27 12.1451 8.916 11.9994 8.5 12.0001C8.08333 12.0001 7.729 12.1461 7.437 12.4381C7.145 12.7301 6.99933 13.0841 7 13.5001C7 13.9168 7.146 14.2711 7.438 14.5631C7.73 14.8551 8.084 15.0008 8.5 15.0001ZM15 16.0001C15.2833 16.0001 15.521 15.9041 15.713 15.7121C15.905 15.5201 16.0007 15.2828 16 15.0001C16 14.7168 15.904 14.4791 15.712 14.2871C15.52 14.0951 15.2827 13.9994 15 14.0001C14.7167 14.0001 14.479 14.0961 14.287 14.2881C14.095 14.4801 13.9993 14.7174 14 15.0001C14 15.2834 14.096 15.5211 14.288 15.7131C14.48 15.9051 14.7173 16.0008 15 16.0001ZM12 20.0001C14.0333 20.0001 15.8377 19.3001 17.413 17.9001C18.9883 16.5001 19.8507 14.7168 20 12.5501C19.1667 12.1834 18.5123 11.6834 18.037 11.0501C17.5617 10.4168 17.241 9.70843 17.075 8.9251C15.7917 8.74177 14.6917 8.19177 13.775 7.2751C12.8583 6.35843 12.2917 5.25843 12.075 3.9751C10.7417 3.94177 9.57067 4.18343 8.562 4.7001C7.55333 5.21677 6.712 5.87943 6.038 6.6881C5.362 7.4961 4.853 8.3751 4.511 9.3251C4.169 10.2751 3.99867 11.1668 4 12.0001C4 14.2168 4.779 16.1044 6.337 17.6631C7.895 19.2218 9.78267 20.0008 12 20.0001Z" fill="white"/>
79</svg></div></div><div class="cw-cookie_script w-embed w-script"><!-- Cookie Consent Mode by Code & Wander -->
80<script>
81	// Check selection
82  document.getElementById('cw-cookie-icon').addEventListener('click', function() {
83  	setConsentCheckboxes();
84    hideOptions();
85  	document.getElementById('cw-cookie-banner').style.display = 'block';
86  })
87  
88  // Hide Cookie Banner
89  function hideBanner() {
90    document.getElementById('cw-cookie-banner').style.display = 'none';
91  }
92  
93  // Hide more options
94  function hideOptions() {
95  	document.getElementById('cw-cookie-options').style.height = '0px';
96  }
97	
98  // If consentMode has not been set, show Cookie Banner
99  if(localStorage.getItem('consentMode') === null) {
100  	document.getElementById('cw-cookie-banner').style.display = 'block';
101  }
102  
103  //Logic to populate the preferences
104  function setConsentCheckboxes() {
105  	uncheckAllConsentCheckboxes();
106  	
107    const consentModeString = localStorage.getItem('consentMode');
108
109  	if (consentModeString) {
110    	const consentMode = JSON.parse(consentModeString);
111      
112        const consentMapping = {
113          'functionality_storage': 'consent-necessary',
114          'ad_storage': 'consent-ad-marketing',
115          'analytics_storage': 'consent-analytics',
116          'ad_user_data': 'consent-ad-user',
117          'ad_personalization': 'consent-ad-personalization',
118          'personalization_storage': 'consent-personalization',
119          'security_storage': 'consent-security',
120        };
121
122        Object.entries(consentMapping).forEach(([storageKey, checkboxId]) => {
123          const checkbox = document.getElementById(checkboxId);
124
125         if (checkbox) {
126            const isChecked = consentMode[storageKey] === 'granted';
127            checkbox.checked = isChecked;
128
129            const checkboxDiv = checkbox.previousElementSibling;
130            if (checkboxDiv) {
131              if (isChecked) {
132                checkboxDiv.classList.add('w--redirected-checked');
133              } else {
134                checkboxDiv.classList.remove('w--redirected-checked');
135              }
136            }
137          }
138    	});
139  	}
140	}
141  
142  //Logic to uncheck all checkboxes
143  function uncheckAllConsentCheckboxes() {
144  	['consent-analytics', 'consent-ad-personalization', 'consent-ad-marketing', 'consent-ad-user', 'consent-personalization', 'consent-security'].forEach(checkboxId => {
145    	const checkbox = document.getElementById(checkboxId);
146    	if (checkbox) {
147      checkbox.checked = false;
148      
149        const checkboxDiv = checkbox.previousElementSibling;
150        if (checkboxDiv && checkboxDiv.classList.contains('w--redirected-checked')) {
151          checkboxDiv.classList.remove('w--redirected-checked');
152        }
153    	}	
154  	});
155	}
156
157  // Logic to update the preferences
158  document.getElementById('cw-btn-accept-all').addEventListener('click', function() {
159    setConsent({
160      necessary: true,
161      analytics: true,
162      adpersonalized: true,
163      admarketing: true,
164      aduser: true,
165      personalized: true,
166      security: true,
167    });
168    hideBanner();
169  });
170
171  document.getElementById('cw-btn-accept-some').addEventListener('click', function() {
172    setConsent({
173      necessary: true,
174      analytics: document.getElementById('consent-analytics').checked,
175      adpersonalized: document.getElementById('consent-ad-personalization').checked,
176      admarketing: document.getElementById('consent-ad-marketing').checked,
177      aduser: document.getElementById('consent-ad-user').checked,
178      personalized: document.getElementById('consent-personalization').checked,
179      security: document.getElementById('consent-security').checked,
180    });
181    hideBanner();
182  });
183
184  document.getElementById('cw-btn-reject-all').addEventListener('click', function() {
185    setConsent({
186      necessary: true,
187      analytics: false,
188      adpersonalized: false,
189      admarketing: false,
190      aduser: false,
191      personalized: false,
192      security: false
193    });
194    hideBanner();
195  }); 
196  
197  // Map the preferences to Google Consent Mode 
198  function setConsent(consent) {
199    const consentMode = {
200      'functionality_storage': consent.necessary ? 'granted' : 'denied',
201      'ad_user_data': consent.aduser ? 'granted' : 'denied',
202      'ad_storage': consent.admarketing ? 'granted' : 'denied',
203      'analytics_storage': consent.analytics ? 'granted' : 'denied',
204      'ad_personalization': consent.adpersonalized ? 'granted' : 'denied',
205      'personalization_storage': consent.personalized ? 'granted' : 'denied',
206      'security_storage': consent.security ? 'granted' : 'denied',
207    };
208    gtag('consent', 'update', consentMode);  
209    localStorage.setItem('consentMode', JSON.stringify(consentMode));
210  }
211  
212</script>
212</div></div></div><div class="page-wrapper-2"><section class="section-10 contact"><div class="container-16 contact"><div class="grid-6 centre"><div class="grid-item is--feature-left"><h1 class="h1-white">contact us</h1><p class="paragraph-white">Do you want to learn more about our lithium iron phosphate technology (LiFePO4)? Or do you need help selecting the right lithium battery? Don&#x27;t hesitate to contact us directly by phone or use the form to let us know how we can help you.<strong><br/>‍</strong><br/><a href="https://www.google.com/maps/place/Europalaan+202,+7559+SC+Hengelo/@52.2931721,6.7839448,17z/data=!3m1!4b1!4m6!3m5!1s0x47b80e2cc17797b1:0x3b6008b16c48c72e!8m2!3d52.2931688!4d6.7865197!16s%2Fg%2F11bw4nqtxj?entry=ttu&amp;g_ep=EgoyMDI0MTEyNC4xIKXMDSoASAFQAw%3D%3D" target="_blank" class="contact-link">Europalaan 202<br/>7559 SC Hengelo, The Netherlands</a><br/><a href="tel:+31(0)880076000" class="contact-link">Tel: +31 (0)88 007 6000<br/><br/><strong>Opening Hours<br/>‍</strong>Monday to Friday: 08:00 – 16:00 (CET)<br/><br/></a><strong>Need Technical Support?<br/></strong></p><div class="fn-button-wrapper"><a href="/support" class="button not-full w-button">Use Technical support form</a></div></div><div class="grid-item is--feature-right hero__card-fill form"><div class="w-embed w-script">
212<script>
213    document.addEventListener("DOMContentLoaded", function () {
214        // Detect the current language (fallback to English if not set)
215        let userLang = document.documentElement.lang || "en";
216
217        // Define the Contact Form IDs per language
218        const contactForms = {
219            "en": "d8515230-44f5-4762-8b58-bb745d342193",
220            "nl": "ff42b7b9-d759-4ffe-98ea-ddbad1ebb0d9",
221            "de": "17d7a57e-6800-424e-a138-2dfbada0613f",
222            "fr": "2d4dc960-ebc8-4d7b-88b3-9d869b9056e9",
223            "it": "2aa14a00-c27b-4e58-b308-d4a2ffd8e021"
224        };
225
226        // Select the correct form ID, defaulting to English if the language is not recognized
227        let selectedFormId = contactForms[userLang] || contactForms["en"];
228
229        // Log the detected language and selected form (for debugging)
230        console.log("Detected language:", userLang);
231        console.log("Loading Contact Form ID:", selectedFormId);
232
233        // Ensure the HubSpot script is only added once
234        if (!document.querySelector('script[src="https://js-eu1.hsforms.net/forms/embed/144357441.js"]')) {
235            let script = document.createElement("script");
236            script.src = "https://js-eu1.hsforms.net/forms/embed/144357441.js";
237            script.defer = true;
238            script.onload = function () {
239                // Once the script is loaded, render the correct form
240                let formContainer = document.getElementById("contact-form-container");
241                formContainer.innerHTML = `<div class="hs-form-frame" data-region="eu1" data-form-id="${selectedFormId}" data-portal-id="144357441"></div>`;
242            };
243            document.body.appendChild(script);
244        } else {
245            // If script already exists, render the form immediately
246            let formContainer = document.getElementById("contact-form-container");
247            formContainer.innerHTML = `<div class="hs-form-frame" data-region="eu1" data-form-id="${selectedFormId}" data-portal-id="144357441"></div>`;
248        }
249    });
250</script>
250
251
252<!-- Placeholder for the contact form -->
253<div id="contact-form-container"></div></div></div></div></div></section></div><section id="footer" class="footer-dark-2"><div class="container-7"><div class="footer-wrapper-2"><div class="div-block-156"><div class="div-block-153"><div class="paragraph-white"><strong>Join the Super B community and receive exclusive updates and insights.</strong></div><div class="w-embed w-script">
253<script>
254    document.addEventListener("DOMContentLoaded", function () {
255        // Detecteer de huidige taal (fallback naar Engels als er geen taal is ingesteld)
256        let userLang = document.documentElement.lang || "en";
257
258        // Definieer de HubSpot-formulieren per taal
259        const hubspotForms = {
260            "en": "12e4c24b-4534-4005-bbcc-6b7f6de0cc5e",
261            "nl": "945e45e3-8f61-46ff-af82-ba932923b8d7",
262            "de": "bae4e595-193b-4aac-a195-891ade4020fe",
263            "fr": "7d51e264-0b4c-4a41-9997-7a2eb68c73cd",
264            "it": "4ea64162-144d-4a18-bd24-51c6022a60de"
265        };
266
267        // Kies het juiste formulier-ID, standaard naar Engels als de taal niet wordt herkend
268        let selectedFormId = hubspotForms[userLang] || hubspotForms["en"];
269
270        // Log de taal en het geselecteerde formulier (voor debugging)
271        console.log("Detected language:", userLang);
272        console.log("Loading HubSpot form ID:", selectedFormId);
273
274        // Laad het HubSpot script als het nog niet bestaat
275        if (!document.querySelector('script[src="//js-eu1.hsforms.net/forms/embed/v2.js"]')) {
276            let script = document.createElement("script");
277            script.charset = "utf-8";
278            script.type = "text/javascript";
279            script.src = "//js-eu1.hsforms.net/forms/embed/v2.js";
280            script.onload = function () {
281                // Na het laden van het script, render het juiste formulier
282                hbspt.forms.create({
283                    portalId: "144357441",
284                    formId: selectedFormId,
285                    region: "eu1"
286                });
287            };
288            document.body.appendChild(script);
289        } else {
290            // Als het script al bestaat, render het formulier direct
291            hbspt.forms.create({
292                portalId: "144357441",
293                formId: selectedFormId,
294                region: "eu1"
295            });
296        }
297    });
298</script>
298
299
300<!-- Placeholder voor het formulier -->
301<div id="hubspot-form-container"></div></div></div></div><div class="div-block-157"><div class="footer-content-2"><div id="w-node-e05b056c-0149-ea1a-afa1-734a1406f0fb-1406f0f5" class="footer-block-2"><div class="title-small-2">discover</div><a href="/about-us" class="footer-link-2">About Us</a><a href="/projects" class="footer-link-2">Projects</a><a href="https://www.linkedin.com/company/super-b-bv/jobs" class="footer-link-2">Careers</a><a href="/blog" class="footer-link-2">Blogs</a><a href="/ambassadors" class="footer-link-2">Ambassadors</a></div><div id="w-node-e05b056c-0149-ea1a-afa1-734a1406f104-1406f0f5" class="footer-block-2"><div class="title-small-2">batteries</div><a href="/camper" class="footer-link-2">Campers</a><a href="/commercial-marine" class="footer-link-2">Commercial Marine</a><a href="/leisure-marine" class="footer-link-2 translated-link">Leisure Marine</a><a href="/powersports" class="footer-link-2 translated-link">Powersports</a><a href="/mobility" class="footer-link-2">Mobility</a><a href="/products" class="footer-link-2">All Batteries</a></div><div id="w-node-e05b056c-0149-ea1a-afa1-734a1406f10f-1406f0f5" class="footer-block-2"><div class="title-small-2">support</div><a href="/support/downloads" class="footer-link-2">Downloads</a><a href="/support/faq" class="footer-link-2">FAQ&#x27;s</a><a href="/contact" aria-current="page" class="footer-link-2 w--current">Contact</a><a href="/psirt" class="footer-link-2">Vulnerability handling (PSIRT)</a><a href="/support/be-in-charge-app" class="footer-link-2">Be in Charge App</a><div class="footer-social-block-2"><a href="https://www.facebook.com/superbbatteries/" target="_blank" class="footer-social-link-2 w-inline-block"><img src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/67483e53cd01f828070656e0_fb-8.png" loading="lazy" alt="" class="social-image"/></a><a href="https://www.instagram.com/superbbatteries/?hl=en" target="_blank" class="footer-social-link-2 w-inline-block"><img src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/67483e53cd01f828070656e3_insta-8.png" loading="lazy" alt="" class="social-image"/></a><a href="https://www.linkedin.com/company/super-b-bv/" target="_blank" class="footer-social-link-2 w-inline-block"><img src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/67b48aa0450c1887d5303eb7_LinkedIn%20Icon.avif" loading="lazy" alt="" class="social-image"/></a></div></div></div><a href="#" class="footer-brand-2 w-inline-block"><img src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/670e752dea13eb9d8be6acfe_logo.avif" loading="lazy" width="208" sizes="(max-width: 479px) 100vw, 208px" alt="" srcset="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/670e752dea13eb9d8be6acfe_logo-p-500.avif 500w, https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/670e752dea13eb9d8be6acfe_logo.avif 1921w"/></a></div></div></div><div class="footer-divider-2"></div><div class="div-block-154"><div class="code-embed w-embed w-script">
301<p id="copyrightText" style="margin-bottom: 0px;"></p>
302
303<script>
304  document.addEventListener("DOMContentLoaded", function() {
305    let year = new Date().getFullYear();
306    document.getElementById("copyrightText").textContent = "Copyright © " + year + " Super B";
307  });
308</script>
308</div><a href="/support/certifications" class="footer-link-2 nopadding">Certifications</a><a href="/privacy-policy" class="footer-link-2 nopadding">Privacy policy</a></div></section>
308<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=670e396338fcbfc4d482682f" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
308<script src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/js/webflow.schunk.36b8fb49256177c8.js" type="text/javascript" integrity="sha384-4abIlA5/v7XaW1HMXKBgnUuhnjBYJ/Z9C1OSg4OhmVw9O3QeHJ/qJqFBERCDPv7G" crossorigin="anonymous"></script>
308<script src="https://cdn.prod.website-files.com/670e396338fcbfc4d482682f/js/webflow.fb1f846e.9b8fff72d9a20393.js" type="text/javascript" integrity="sha384-apg+G0xH+kuFsmlZCBoekQuL8H7X/UqW5wRwWn+TVEhfNyAtDqAUa6dK474T223l" crossorigin="anonymous"></script>
308<script src='https://cdn.jsdelivr.net/gh/athlonstudio/lottie-lazy-loader@latest/src/lottieLazyLoading.min.js'></script>
308
309
310<style>
311#linguana-lang-switcher-toggle, #linguana-lang-switcher-options-container {
312	background-color:#001b24 !important;}
313#linguana-lang-switcher-toggle:hover, #linguana-lang-switcher-options-container:hover{
314	background-color:#122580 !important;
315}
316
317</style>
318<script>
319var LINGUANA_MAIN_LANGUAGE_CODE = "en";
320var LINGUANA_LANGUAGE_SWITCHER_RIGHT_POSITION = true;
321var LINGUANA_LANGUAGE_SWITCHER_TOP_POSITION = true;
322</script>
vendor: 1 bytes, line 322
322
323<script src="https://static.linguana.io/public/linguana_switcher.min.js"></script>
323
324<link type="text/css" rel="stylesheet" href="https://static.linguana.io/public/linguana_switcher.min.css" />
325
326<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 326-327
326
327<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
327GTM-5QPPZ6LJ
vendor: 83 bytes, lines 327-328
327"
328height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
329<!-- End Google Tag Manager (noscript) -->
330
331
332<script>
333$("[tr-search-element='component']").each(function (index) {
334  let componentEl = $(this),
335    inputEl = componentEl.find("[tr-search-element='input']"),
336    clearButtonEl = componentEl.find("[tr-search-element='clear']"),
337    resultsWrapperEl = componentEl.find("[tr-search-element='results-wrapper']");
338  // while user types on search input field
339  inputEl.on("input", function () {
340    // get field value
341    let fieldValue = $(this).val();
342    // if field value contains at least 1 character
343    if (fieldValue.length) {
344      // open component
345      componentEl.addClass("is-open");
346      // fetch content dynamically
347      $.ajax({
348        // go to search page with query that matches field value
349        url: "/search?query=" + fieldValue.replaceAll(" ", "+"),
350        success: function (response) {
351          // find search results wrapper inside search page
352          let results = $(response).find("[tr-search-element='search-page-results']");
353          // empty component's results wrapper
354          resultsWrapperEl.empty();
355          // fill it with content from search page
356          resultsWrapperEl.append(results);
357        }
358      });
359    } else {
360      // close component if field is empty
361      componentEl.removeClass("is-open");
362    }
363  });
364  // clear field value on click of clear button
365  clearButtonEl.on("click", function () {
366    inputEl.val("");
367    componentEl.removeClass("is-open");
368  });
369});
370
371</script>
371
372
373<script type="text/javascript" src="https://www.365-cloud-details.com/js/808111.js" ></script>
373
374<noscript><img src="https://www.365-cloud-details.com/808111.png" style="display:none;" /></noscript>
375
376<script>
377(function () {
378  const LUMIFY_API_KEY = "lmfy-1722ee.baa5550a2be894e55418638580e097e9e5c69acbdfd56b29c23d05985ebd96294eb1f4908334adb2dceb2c2f20";
379  const LUMIFY_APP_ID  = "5f9baea4719f5f54";
380  const ENDPOINT       = "https://www.lumify.ai/api/v1/search.php";
381
382  const cache = new Map();
383  let isLoading = false;
384
385  const style = document.createElement("style");
386  style.textContent = `
387    #sb-icon-btn {
388      transition: border-color 0.2s ease, background 0.2s ease;
389    }
390    #sb-icon-btn:hover {
391      border-color: rgba(255,255,255,0.5) !important;
392      background: rgba(255,255,255,0.06) !important;
393    }
394    #sb-backdrop {
395      position: fixed;
396      inset: 0;
397      background: rgba(0,0,0,0.6);
398      backdrop-filter: blur(4px);
399      display: none;
400      z-index: 9998;
401    }
402    #sb-modal {
403      position: fixed;
404      top: 80px;
405      left: 50%;
406      transform: translateX(-50%);
407      width: min(620px, calc(100% - 32px));
408      background: #0d1f2d;
409      border-radius: 16px;
410      border: 0.5px solid rgba(255,255,255,0.1);
411      display: none;
412      z-index: 9999;
413      font-family: Inter, system-ui, -apple-system, sans-serif;
414      overflow: hidden;
415    }
416    #sb-modal-inner {
417      padding: 20px;
418    }
419    #sb-search-row {
420      display: flex;
421      align-items: center;
422      gap: 10px;
423      background: rgba(255,255,255,0.07);
424      border-radius: 999px;
425      padding: 10px 16px;
426      border: 1px solid rgba(255,255,255,0.12);
427    }
428    #sb-input {
429      border: none;
430      outline: none;
431      background: transparent;
432      color: white;
433      font-size: 15px;
434      flex: 1;
435      min-width: 0;
436    }
437    #sb-input::placeholder {
438      color: rgba(255,255,255,0.35);
439    }
440    #sb-submit {
441      border: none;
442      outline: none;
443      background: #ff5a1f;
444      color: white;
445      width: 32px;
446      height: 32px;
447      border-radius: 50%;
448      cursor: pointer;
449      font-size: 16px;
450      display: flex;
451      align-items: center;
452      justify-content: center;
453      flex-shrink: 0;
454      transition: opacity 0.2s ease;
455    }
456    #sb-submit:disabled {
457      opacity: 0.5;
458      cursor: not-allowed;
459    }
460    #sb-chips-section {
461      margin-top: 16px;
462      border-top: 0.5px solid rgba(255,255,255,0.07);
463      padding-top: 14px;
464    }
465    #sb-chips-label {
466      font-size: 11px;
467      color: rgba(255,255,255,0.35);
468      text-transform: uppercase;
469      letter-spacing: 0.06em;
470      margin-bottom: 10px;
471    }
472    .sb-chip {
473      display: block;
474      width: 100%;
475      text-align: left;
476      padding: 10px 12px;
477      border-radius: 8px;
478      background: rgba(255,255,255,0.04);
479      border: 0.5px solid rgba(255,255,255,0.08);
480      color: rgba(255,255,255,0.7);
481      font-size: 13px;
482      cursor: pointer;
483      margin-bottom: 6px;
484      transition: background 0.15s ease;
485      font-family: Inter, system-ui, -apple-system, sans-serif;
486    }
487    .sb-chip:hover {
488      background: rgba(255,255,255,0.08);
489    }
490    #sb-result-section {
491      display: none;
492      margin-top: 16px;
493      border-top: 0.5px solid rgba(255,255,255,0.07);
494      padding-top: 14px;
495    }
496    #sb-status {
497      font-size: 12px;
498      color: rgba(255,255,255,0.4);
499      margin-bottom: 10px;
500      display: flex;
501      align-items: center;
502      gap: 8px;
503      min-height: 16px;
504    }
505    #sb-status.loading::before {
506      content: '';
507      display: inline-block;
508      width: 8px;
509      height: 8px;
510      border-radius: 50%;
511      background: #60a5fa;
512      animation: sbPulse 1s ease-in-out infinite;
513      flex-shrink: 0;
514    }
515    @keyframes sbPulse {
516      0%, 100% { opacity: 0.35; transform: scale(1); }
517      50% { opacity: 1; transform: scale(1.2); }
518    }
519    #sb-answer {
520      font-size: 14px;
521      line-height: 1.7;
522      color: rgba(255,255,255,0.85);
523      white-space: pre-wrap;
524    }
525    #sb-answer.typing::after {
526      content: '';
527      display: inline-block;
528      width: 7px;
529      height: 1em;
530      background: rgba(255,255,255,0.6);
531      margin-left: 3px;
532      vertical-align: -2px;
533      animation: sbCaret 1s step-end infinite;
534    }
535    @keyframes sbCaret { 50% { opacity: 0; } }
536    #sb-sources {
537      display: none;
538      margin-top: 14px;
539    }
540    #sb-sources-label {
541      font-size: 11px;
542      color: rgba(255,255,255,0.35);
543      text-transform: uppercase;
544      letter-spacing: 0.06em;
545      margin-bottom: 8px;
546    }
547    .sb-source {
548      display: block;
549      padding: 8px 12px;
550      border-radius: 8px;
551      background: rgba(255,255,255,0.04);
552      border: 0.5px solid rgba(255,255,255,0.08);
553      color: #93c5fd;
554      text-decoration: none;
555      font-size: 12px;
556      margin-bottom: 6px;
557    }
558    .sb-source:hover {
559      background: rgba(255,255,255,0.08);
560    }
561    #sb-error {
562      display: none;
563      margin-top: 10px;
564      font-size: 13px;
565      color: #fca5a5;
566      padding: 10px 12px;
567      background: rgba(127,29,29,0.35);
568      border-radius: 8px;
569    }
570    #sb-esc-hint {
571      font-size: 11px;
572      color: rgba(255,255,255,0.2);
573      text-align: center;
574      padding: 10px;
575      border-top: 0.5px solid rgba(255,255,255,0.06);
576    }
577  `;
578  document.head.appendChild(style);
579
580  const backdrop = document.createElement("div");
581  backdrop.id = "sb-backdrop";
582  document.body.appendChild(backdrop);
583
584  const modal = document.createElement("div");
585  modal.id = "sb-modal";
586  modal.innerHTML = `
587    <div id="sb-modal-inner">
588      <div id="sb-search-row">
589        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="rgba(255,255,255,0.4)" stroke-width="2" stroke-linecap="round" style="flex-shrink:0"><circle cx="11" cy="11" r="7"/><line x1="16.5" y1="16.5" x2="22" y2="22"/></svg>
590        <input id="sb-input" type="search" placeholder="Ask anything about Super B batteries..." autocomplete="off" />
591        <button id="sb-submit" aria-label="Search">↑</button>
592      </div>
593      <div id="sb-chips-section">
594        <div id="sb-chips-label">Suggested questions</div>
595        <button class="sb-chip" data-query="What charger do I need for my battery?">What charger do I need for my battery?</button>
596        <button class="sb-chip" data-query="Which battery suits my camper?">Which battery suits my camper?</button>
597        <button class="sb-chip" data-query="Can I connect batteries in parallel?">Can I connect batteries in parallel?</button>
598      </div>
599      <div id="sb-result-section">
600        <div id="sb-status"></div>
601        <div id="sb-answer"></div>
602        <div id="sb-sources">
603          <div id="sb-sources-label">Sources</div>
604          <div id="sb-sources-grid"></div>
605        </div>
606        <div id="sb-error"></div>
607      </div>
608    </div>
609    <div id="sb-esc-hint">Press ESC to close</div>
610  `;
611  document.body.appendChild(modal);
612
613  const input = document.getElementById("sb-input");
614  const submitBtn = document.getElementById("sb-submit");
615  const statusEl = document.getElementById("sb-status");
616  const answerEl = document.getElementById("sb-answer");
617  const sourcesEl = document.getElementById("sb-sources");
618  const sourcesGrid = document.getElementById("sb-sources-grid");
619  const errorEl = document.getElementById("sb-error");
620  const resultSection = document.getElementById("sb-result-section");
621  const chipsSection = document.getElementById("sb-chips-section");
622
623  function openModal() {
624    backdrop.style.display = "block";
625    modal.style.display = "block";
626    setTimeout(() => input.focus(), 50);
627  }
628
629  function closeModal() {
630    backdrop.style.display = "none";
631    modal.style.display = "none";
632  }
633
634  function resetUI() {
635    errorEl.style.display = "none";
636    answerEl.textContent = "";
637    answerEl.classList.remove("typing");
638    sourcesEl.style.display = "none";
639    sourcesGrid.innerHTML = "";
640    resultSection.style.display = "none";
641    chipsSection.style.display = "block";
642  }
643
644  function setStatus(text, loading) {
645    statusEl.textContent = text;
646    statusEl.className = loading ? "loading" : "";
647  }
648
649  async function typeText(el, text) {
650    el.textContent = "";
651    el.classList.add("typing");
652    for (let i = 0; i < text.length; i++) {
653      el.textContent += text.charAt(i);
654      await new Promise(r => setTimeout(r, 7));
655    }
656    el.classList.remove("typing");
657  }
658
659  async function runSearch(query) {
660    if (!query.trim() || isLoading) return;
661    isLoading = true;
662    submitBtn.disabled = true;
663    resetUI();
664    chipsSection.style.display = "none";
665    resultSection.style.display = "block";
666    setStatus("Searching...", true);
667
668    try {
669      let data;
670      if (cache.has(query)) {
671        data = cache.get(query);
672      } else {
673        const res = await fetch(ENDPOINT, {
674          method: "POST",
675          headers: {
676            "Authorization": "Bearer " + LUMIFY_API_KEY,
677            "Content-Type": "application/json"
678          },
679          body: JSON.stringify({ query, application_id: LUMIFY_APP_ID })
680        });
681        data = await res.json().catch(() => ({}));
682        if (!res.ok) throw new Error(data?.error || "HTTP " + res.status);
683        cache.set(query, data);
684      }
685
686      const answer = data?.direct_answer?.answer || "No answer found.";
687      const sources = data?.direct_answer?.sources || [];
688
689      setStatus("Generating answer...", true);
690      await typeText(answerEl, answer);
691      setStatus("", false);
692
693      if (sources.length) {
694        sourcesGrid.innerHTML = sources.slice(0, 5).map(s =>
695          `<a class="sb-source" href="${s.url || '#'}" target="_blank" rel="noopener">${s.title || s.url}</a>`
696        ).join("");
697        sourcesEl.style.display = "block";
698      }
699    } catch (err) {
700      setStatus("", false);
701      errorEl.textContent = err?.message || "Something went wrong.";
702      errorEl.style.display = "block";
703    } finally {
704      isLoading = false;
705      submitBtn.disabled = false;
706    }
707  }
708
709  input.addEventListener("keydown", e => { if (e.key === "Enter") runSearch(input.value); });
710  submitBtn.addEventListener("click", () => runSearch(input.value));
711  modal.querySelectorAll(".sb-chip").forEach(chip => {
712    chip.addEventListener("click", () => {
713      input.value = chip.dataset.query;
714      runSearch(chip.dataset.query);
715    });
716  });
717  backdrop.addEventListener("click", closeModal);
718  document.addEventListener("keydown", e => { if (e.key === "Escape") closeModal(); });
719
720  document.addEventListener("click", e => {
721    if (e.target.closest("#sb-icon-btn")) openModal();
722  });
723})();
724</script>
vendor: 1 bytes, line 724
724
725<script src="https://cookie-consent-cdn-prod.pages.dev/3.0.14/cookie-consent.js" type="text/javascript" integrity="sha384-7bsayzMuVL9lzcQqKbmiFrm92Vu1X04HGhlIJXDNHDWt6HREndnoI22RcrbBU+rp" crossorigin="anonymous"></script>
725</body></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.