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("https://cdn.prod.website-files.com/670e396338fcbfc4d482682f%2F670e4947f9fe2264ba5f04fa_Super%20b%20logo%20animation-poster-00001.jpg")" 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'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&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'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.