1<!DOCTYPE html><!-- Last Published: Thu Sep 10 2026 14:22:00 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.ebaef6251.css" rel="stylesheet" type="text/css" integrity="sha384-6672JRfAcRdAeKwB4Ukq6pT0LLQQPhRgLz5eln5fJPPnOsOPTfoqUwENE3wxnwdA" 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="de" href="https://www.super-b.com/de/contact"/> 61<link rel="alternate" hreflang="fr" href="https://www.super-b.com/fr/contact"/>
61<script>const alternativeLanguagePages = {"default": "https://www.super-b.com/contact", "de": "https://www.super-b.com/de/contact", "fr": "https://www.super-b.com/fr/contact"}</script>
61<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/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>
61</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"> 62 <g class="nc-icon-wrapper" fill="currentColor"> 63 <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> 64 </g> 65 </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"> 66 <path d="M4.5 0V1H10.29L0 11.29L0.71 12L11 1.71V7.5H12V0H4.5Z" fill="currentColor"></path> 67 </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"> 68 <path d="M4.5 0V1H10.29L0 11.29L0.71 12L11 1.71V7.5H12V0H4.5Z" fill="currentColor"></path> 69 </svg></div></div></a></li></ul></li></ul></div></div></div>
69<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;"> 70 <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"> 71 <circle cx="11" cy="11" r="7"/> 72 <line x1="16.5" y1="16.5" x2="22" y2="22"/> 73 </svg> 74</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>
74<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"> 75<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"/> 76</svg></div></div><div class="cw-cookie_script w-embed w-script"><!-- Cookie Consent Mode by Code & Wander -->
77<script> 78 // Check selection 79 document.getElementById('cw-cookie-icon').addEventListener('click', function() { 80 setConsentCheckboxes(); 81 hideOptions(); 82 document.getElementById('cw-cookie-banner').style.display = 'block'; 83 }) 84 85 // Hide Cookie Banner 86 function hideBanner() { 87 document.getElementById('cw-cookie-banner').style.display = 'none'; 88 } 89 90 // Hide more options 91 function hideOptions() { 92 document.getElementById('cw-cookie-options').style.height = '0px'; 93 } 94 95 // If consentMode has not been set, show Cookie Banner 96 if(localStorage.getItem('consentMode') === null) { 97 document.getElementById('cw-cookie-banner').style.display = 'block'; 98 } 99 100 //Logic to populate the preferences 101 function setConsentCheckboxes() { 102 uncheckAllConsentCheckboxes(); 103 104 const consentModeString = localStorage.getItem('consentMode'); 105 106 if (consentModeString) { 107 const consentMode = JSON.parse(consentModeString); 108 109 const consentMapping = { 110 'functionality_storage': 'consent-necessary', 111 'ad_storage': 'consent-ad-marketing', 112 'analytics_storage': 'consent-analytics', 113 'ad_user_data': 'consent-ad-user', 114 'ad_personalization': 'consent-ad-personalization', 115 'personalization_storage': 'consent-personalization', 116 'security_storage': 'consent-security', 117 }; 118 119 Object.entries(consentMapping).forEach(([storageKey, checkboxId]) => { 120 const checkbox = document.getElementById(checkboxId); 121 122 if (checkbox) { 123 const isChecked = consentMode[storageKey] === 'granted'; 124 checkbox.checked = isChecked; 125 126 const checkboxDiv = checkbox.previousElementSibling; 127 if (checkboxDiv) { 128 if (isChecked) { 129 checkboxDiv.classList.add('w--redirected-checked'); 130 } else { 131 checkboxDiv.classList.remove('w--redirected-checked'); 132 } 133 } 134 } 135 }); 136 } 137 } 138 139 //Logic to uncheck all checkboxes 140 function uncheckAllConsentCheckboxes() { 141 ['consent-analytics', 'consent-ad-personalization', 'consent-ad-marketing', 'consent-ad-user', 'consent-personalization', 'consent-security'].forEach(checkboxId => { 142 const checkbox = document.getElementById(checkboxId); 143 if (checkbox) { 144 checkbox.checked = false; 145 146 const checkboxDiv = checkbox.previousElementSibling; 147 if (checkboxDiv && checkboxDiv.classList.contains('w--redirected-checked')) { 148 checkboxDiv.classList.remove('w--redirected-checked'); 149 } 150 } 151 }); 152 } 153 154 // Logic to update the preferences 155 document.getElementById('cw-btn-accept-all').addEventListener('click', function() { 156 setConsent({ 157 necessary: true, 158 analytics: true, 159 adpersonalized: true, 160 admarketing: true, 161 aduser: true, 162 personalized: true, 163 security: true, 164 }); 165 hideBanner(); 166 }); 167 168 document.getElementById('cw-btn-accept-some').addEventListener('click', function() { 169 setConsent({ 170 necessary: true, 171 analytics: document.getElementById('consent-analytics').checked, 172 adpersonalized: document.getElementById('consent-ad-personalization').checked, 173 admarketing: document.getElementById('consent-ad-marketing').checked, 174 aduser: document.getElementById('consent-ad-user').checked, 175 personalized: document.getElementById('consent-personalization').checked, 176 security: document.getElementById('consent-security').checked, 177 }); 178 hideBanner(); 179 }); 180 181 document.getElementById('cw-btn-reject-all').addEventListener('click', function() { 182 setConsent({ 183 necessary: true, 184 analytics: false, 185 adpersonalized: false, 186 admarketing: false, 187 aduser: false, 188 personalized: false, 189 security: false 190 }); 191 hideBanner(); 192 }); 193 194 // Map the preferences to Google Consent Mode 195 function setConsent(consent) { 196 const consentMode = { 197 'functionality_storage': consent.necessary ? 'granted' : 'denied', 198 'ad_user_data': consent.aduser ? 'granted' : 'denied', 199 'ad_storage': consent.admarketing ? 'granted' : 'denied',
200 'analytics_storage': consent.analytics ? 'granted' : 'denied', 201 'ad_personalization': consent.adpersonalized ? 'granted' : 'denied', 202 'personalization_storage': consent.personalized ? 'granted' : 'denied', 203 'security_storage': consent.security ? 'granted' : 'denied', 204 }; 205 gtag('consent', 'update', consentMode); 206 localStorage.setItem('consentMode', JSON.stringify(consentMode)); 207 } 208 209</script>
209</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">
209<script> 210 document.addEventListener("DOMContentLoaded", function () { 211 // Detect the current language (fallback to English if not set) 212 let userLang = document.documentElement.lang || "en"; 213 214 // Define the Contact Form IDs per language 215 const contactForms = { 216 "en": "d8515230-44f5-4762-8b58-bb745d342193", 217 "nl": "ff42b7b9-d759-4ffe-98ea-ddbad1ebb0d9", 218 "de": "17d7a57e-6800-424e-a138-2dfbada0613f", 219 "fr": "2d4dc960-ebc8-4d7b-88b3-9d869b9056e9", 220 "it": "2aa14a00-c27b-4e58-b308-d4a2ffd8e021" 221 }; 222 223 // Select the correct form ID, defaulting to English if the language is not recognized 224 let selectedFormId = contactForms[userLang] || contactForms["en"]; 225 226 // Log the detected language and selected form (for debugging) 227 console.log("Detected language:", userLang); 228 console.log("Loading Contact Form ID:", selectedFormId); 229 230 // Ensure the HubSpot script is only added once 231 if (!document.querySelector('script[src="https://js-eu1.hsforms.net/forms/embed/144357441.js"]')) { 232 let script = document.createElement("script"); 233 script.src = "https://js-eu1.hsforms.net/forms/embed/144357441.js"; 234 script.defer = true; 235 script.onload = function () { 236 // Once the script is loaded, render the correct form 237 let formContainer = document.getElementById("contact-form-container"); 238 formContainer.innerHTML = `<div class="hs-form-frame" data-region="eu1" data-form-id="${selectedFormId}" data-portal-id="144357441"></div>`; 239 }; 240 document.body.appendChild(script); 241 } else { 242 // If script already exists, render the form immediately 243 let formContainer = document.getElementById("contact-form-container"); 244 formContainer.innerHTML = `<div class="hs-form-frame" data-region="eu1" data-form-id="${selectedFormId}" data-portal-id="144357441"></div>`; 245 } 246 }); 247</script>
247 248 249<!-- Placeholder for the contact form --> 250<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">
250<script> 251 document.addEventListener("DOMContentLoaded", function () { 252 // Detecteer de huidige taal (fallback naar Engels als er geen taal is ingesteld) 253 let userLang = document.documentElement.lang || "en"; 254 255 // Definieer de HubSpot-formulieren per taal 256 const hubspotForms = { 257 "en": "12e4c24b-4534-4005-bbcc-6b7f6de0cc5e", 258 "nl": "945e45e3-8f61-46ff-af82-ba932923b8d7", 259 "de": "bae4e595-193b-4aac-a195-891ade4020fe", 260 "fr": "7d51e264-0b4c-4a41-9997-7a2eb68c73cd", 261 "it": "4ea64162-144d-4a18-bd24-51c6022a60de" 262 }; 263 264 // Kies het juiste formulier-ID, standaard naar Engels als de taal niet wordt herkend 265 let selectedFormId = hubspotForms[userLang] || hubspotForms["en"]; 266 267 // Log de taal en het geselecteerde formulier (voor debugging) 268 console.log("Detected language:", userLang); 269 console.log("Loading HubSpot form ID:", selectedFormId); 270 271 // Laad het HubSpot script als het nog niet bestaat 272 if (!document.querySelector('script[src="//js-eu1.hsforms.net/forms/embed/v2.js"]')) { 273 let script = document.createElement("script"); 274 script.charset = "utf-8"; 275 script.type = "text/javascript"; 276 script.src = "//js-eu1.hsforms.net/forms/embed/v2.js"; 277 script.onload = function () { 278 // Na het laden van het script, render het juiste formulier 279 hbspt.forms.create({ 280 portalId: "144357441", 281 formId: selectedFormId, 282 region: "eu1" 283 }); 284 }; 285 document.body.appendChild(script); 286 } else { 287 // Als het script al bestaat, render het formulier direct 288 hbspt.forms.create({ 289 portalId: "144357441", 290 formId: selectedFormId, 291 region: "eu1" 292 }); 293 } 294 }); 295</script>
295 296 297<!-- Placeholder voor het formulier --> 298<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">
298<p id="copyrightText" style="margin-bottom: 0px;"></p> 299
300<script> 301 document.addEventListener("DOMContentLoaded", function() { 302 let year = new Date().getFullYear(); 303 document.getElementById("copyrightText").textContent = "Copyright © " + year + " Super B"; 304 }); 305</script>
305</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>
305<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>
305<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>
305<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>
305<script src='https://cdn.jsdelivr.net/gh/athlonstudio/lottie-lazy-loader@latest/src/lottieLazyLoading.min.js'></script>
305 306 307<style> 308#linguana-lang-switcher-toggle, #linguana-lang-switcher-options-container { 309 background-color:#001b24 !important;} 310#linguana-lang-switcher-toggle:hover, #linguana-lang-switcher-options-container:hover{ 311 background-color:#122580 !important; 312} 313 314</style>
315<script> 316var LINGUANA_MAIN_LANGUAGE_CODE = "en"; 317var LINGUANA_LANGUAGE_SWITCHER_RIGHT_POSITION = true; 318var LINGUANA_LANGUAGE_SWITCHER_TOP_POSITION = true; 319</script>
vendor: 1 bytes, line 319
319
320<script src="https://static.linguana.io/public/linguana_switcher.min.js"></script>
320 321<link type="text/css" rel="stylesheet" href="https://static.linguana.io/public/linguana_switcher.min.css" /> 322 323<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 323-324
323 324<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
324GTM-5QPPZ6LJ
vendor: 83 bytes, lines 324-325
324" 325height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
326<!-- End Google Tag Manager (noscript) --> 327 328
329<script> 330$("[tr-search-element='component']").each(function (index) { 331 let componentEl = $(this), 332 inputEl = componentEl.find("[tr-search-element='input']"), 333 clearButtonEl = componentEl.find("[tr-search-element='clear']"), 334 resultsWrapperEl = componentEl.find("[tr-search-element='results-wrapper']"); 335 // while user types on search input field 336 inputEl.on("input", function () { 337 // get field value 338 let fieldValue = $(this).val(); 339 // if field value contains at least 1 character 340 if (fieldValue.length) { 341 // open component 342 componentEl.addClass("is-open"); 343 // fetch content dynamically 344 $.ajax({ 345 // go to search page with query that matches field value 346 url: "/search?query=" + fieldValue.replaceAll(" ", "+"), 347 success: function (response) { 348 // find search results wrapper inside search page 349 let results = $(response).find("[tr-search-element='search-page-results']"); 350 // empty component's results wrapper 351 resultsWrapperEl.empty(); 352 // fill it with content from search page 353 resultsWrapperEl.append(results); 354 } 355 }); 356 } else { 357 // close component if field is empty 358 componentEl.removeClass("is-open"); 359 } 360 }); 361 // clear field value on click of clear button 362 clearButtonEl.on("click", function () { 363 inputEl.val(""); 364 componentEl.removeClass("is-open"); 365 }); 366}); 367 368</script>
368 369
370<script type="text/javascript" src="https://www.365-cloud-details.com/js/808111.js" ></script>
370 371<noscript><img src="https://www.365-cloud-details.com/808111.png" style="display:none;" /></noscript> 372
373<script> 374(function () { 375 const LUMIFY_API_KEY = "lmfy-1722ee.baa5550a2be894e55418638580e097e9e5c69acbdfd56b29c23d05985ebd96294eb1f4908334adb2dceb2c2f20"; 376 const LUMIFY_APP_ID = "5f9baea4719f5f54"; 377 const ENDPOINT = "https://www.lumify.ai/api/v1/search.php"; 378 379 const cache = new Map(); 380 let isLoading = false; 381 382 const style = document.createElement("style"); 383 style.textContent = ` 384 #sb-icon-btn { 385 transition: border-color 0.2s ease, background 0.2s ease; 386 } 387 #sb-icon-btn:hover { 388 border-color: rgba(255,255,255,0.5) !important; 389 background: rgba(255,255,255,0.06) !important; 390 } 391 #sb-backdrop { 392 position: fixed; 393 inset: 0; 394 background: rgba(0,0,0,0.6); 395 backdrop-filter: blur(4px); 396 display: none; 397 z-index: 9998; 398 } 399 #sb-modal { 400 position: fixed; 401 top: 80px; 402 left: 50%; 403 transform: translateX(-50%); 404 width: min(620px, calc(100% - 32px)); 405 background: #0d1f2d; 406 border-radius: 16px; 407 border: 0.5px solid rgba(255,255,255,0.1); 408 display: none; 409 z-index: 9999; 410 font-family: Inter, system-ui, -apple-system, sans-serif; 411 overflow: hidden; 412 } 413 #sb-modal-inner { 414 padding: 20px; 415 } 416 #sb-search-row { 417 display: flex; 418 align-items: center; 419 gap: 10px; 420 background: rgba(255,255,255,0.07); 421 border-radius: 999px; 422 padding: 10px 16px; 423 border: 1px solid rgba(255,255,255,0.12); 424 } 425 #sb-input { 426 border: none; 427 outline: none; 428 background: transparent; 429 color: white; 430 font-size: 15px; 431 flex: 1; 432 min-width: 0; 433 } 434 #sb-input::placeholder { 435 color: rgba(255,255,255,0.35); 436 } 437 #sb-submit { 438 border: none; 439 outline: none; 440 background: #ff5a1f; 441 color: white; 442 width: 32px; 443 height: 32px; 444 border-radius: 50%; 445 cursor: pointer; 446 font-size: 16px; 447 display: flex; 448 align-items: center; 449 justify-content: center; 450 flex-shrink: 0; 451 transition: opacity 0.2s ease; 452 } 453 #sb-submit:disabled { 454 opacity: 0.5; 455 cursor: not-allowed; 456 } 457 #sb-chips-section { 458 margin-top: 16px; 459 border-top: 0.5px solid rgba(255,255,255,0.07); 460 padding-top: 14px; 461 } 462 #sb-chips-label { 463 font-size: 11px; 464 color: rgba(255,255,255,0.35); 465 text-transform: uppercase; 466 letter-spacing: 0.06em; 467 margin-bottom: 10px; 468 } 469 .sb-chip { 470 display: block; 471 width: 100%; 472 text-align: left; 473 padding: 10px 12px; 474 border-radius: 8px; 475 background: rgba(255,255,255,0.04); 476 border: 0.5px solid rgba(255,255,255,0.08); 477 color: rgba(255,255,255,0.7); 478 font-size: 13px; 479 cursor: pointer; 480 margin-bottom: 6px; 481 transition: background 0.15s ease; 482 font-family: Inter, system-ui, -apple-system, sans-serif; 483 } 484 .sb-chip:hover { 485 background: rgba(255,255,255,0.08); 486 } 487 #sb-result-section { 488 display: none; 489 margin-top: 16px; 490 border-top: 0.5px solid rgba(255,255,255,0.07); 491 padding-top: 14px; 492 } 493 #sb-status { 494 font-size: 12px; 495 color: rgba(255,255,255,0.4); 496 margin-bottom: 10px; 497 display: flex; 498 align-items: center; 499 gap: 8px; 500 min-height: 16px; 501 } 502 #sb-status.loading::before { 503 content: ''; 504 display: inline-block; 505 width: 8px; 506 height: 8px; 507 border-radius: 50%; 508 background: #60a5fa; 509 animation: sbPulse 1s ease-in-out infinite; 510 flex-shrink: 0; 511 } 512 @keyframes sbPulse { 513 0%, 100% { opacity: 0.35; transform: scale(1); } 514 50% { opacity: 1; transform: scale(1.2); } 515 } 516 #sb-answer { 517 font-size: 14px; 518 line-height: 1.7; 519 color: rgba(255,255,255,0.85); 520 white-space: pre-wrap; 521 } 522 #sb-answer.typing::after { 523 content: ''; 524 display: inline-block; 525 width: 7px; 526 height: 1em; 527 background: rgba(255,255,255,0.6); 528 margin-left: 3px; 529 vertical-align: -2px; 530 animation: sbCaret 1s step-end infinite; 531 }
532 @keyframes sbCaret { 50% { opacity: 0; } } 533 #sb-sources { 534 display: none; 535 margin-top: 14px; 536 } 537 #sb-sources-label { 538 font-size: 11px; 539 color: rgba(255,255,255,0.35); 540 text-transform: uppercase; 541 letter-spacing: 0.06em; 542 margin-bottom: 8px; 543 } 544 .sb-source { 545 display: block; 546 padding: 8px 12px; 547 border-radius: 8px; 548 background: rgba(255,255,255,0.04); 549 border: 0.5px solid rgba(255,255,255,0.08); 550 color: #93c5fd; 551 text-decoration: none; 552 font-size: 12px; 553 margin-bottom: 6px; 554 } 555 .sb-source:hover { 556 background: rgba(255,255,255,0.08); 557 } 558 #sb-error { 559 display: none; 560 margin-top: 10px; 561 font-size: 13px; 562 color: #fca5a5; 563 padding: 10px 12px; 564 background: rgba(127,29,29,0.35); 565 border-radius: 8px; 566 } 567 #sb-esc-hint { 568 font-size: 11px; 569 color: rgba(255,255,255,0.2); 570 text-align: center; 571 padding: 10px; 572 border-top: 0.5px solid rgba(255,255,255,0.06); 573 } 574 `; 575 document.head.appendChild(style); 576 577 const backdrop = document.createElement("div"); 578 backdrop.id = "sb-backdrop"; 579 document.body.appendChild(backdrop); 580 581 const modal = document.createElement("div"); 582 modal.id = "sb-modal"; 583 modal.innerHTML = ` 584 <div id="sb-modal-inner"> 585 <div id="sb-search-row"> 586 <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> 587 <input id="sb-input" type="search" placeholder="Ask anything about Super B batteries..." autocomplete="off" /> 588 <button id="sb-submit" aria-label="Search">â</button> 589 </div> 590 <div id="sb-chips-section"> 591 <div id="sb-chips-label">Suggested questions</div> 592 <button class="sb-chip" data-query="What charger do I need for my battery?">What charger do I need for my battery?</button> 593 <button class="sb-chip" data-query="Which battery suits my camper?">Which battery suits my camper?</button> 594 <button class="sb-chip" data-query="Can I connect batteries in parallel?">Can I connect batteries in parallel?</button> 595 </div> 596 <div id="sb-result-section"> 597 <div id="sb-status"></div> 598 <div id="sb-answer"></div> 599 <div id="sb-sources"> 600 <div id="sb-sources-label">Sources</div> 601 <div id="sb-sources-grid"></div> 602 </div> 603 <div id="sb-error"></div> 604 </div> 605 </div> 606 <div id="sb-esc-hint">Press ESC to close</div> 607 `; 608 document.body.appendChild(modal); 609 610 const input = document.getElementById("sb-input"); 611 const submitBtn = document.getElementById("sb-submit"); 612 const statusEl = document.getElementById("sb-status"); 613 const answerEl = document.getElementById("sb-answer"); 614 const sourcesEl = document.getElementById("sb-sources"); 615 const sourcesGrid = document.getElementById("sb-sources-grid"); 616 const errorEl = document.getElementById("sb-error"); 617 const resultSection = document.getElementById("sb-result-section"); 618 const chipsSection = document.getElementById("sb-chips-section"); 619 620 function openModal() { 621 backdrop.style.display = "block"; 622 modal.style.display = "block"; 623 setTimeout(() => input.focus(), 50); 624 } 625 626 function closeModal() { 627 backdrop.style.display = "none"; 628 modal.style.display = "none"; 629 } 630 631 function resetUI() { 632 errorEl.style.display = "none"; 633 answerEl.textContent = ""; 634 answerEl.classList.remove("typing"); 635 sourcesEl.style.display = "none"; 636 sourcesGrid.innerHTML = ""; 637 resultSection.style.display = "none"; 638 chipsSection.style.display = "block"; 639 } 640 641 function setStatus(text, loading) { 642 statusEl.textContent = text; 643 statusEl.className = loading ? "loading" : ""; 644 } 645 646 async function typeText(el, text) { 647 el.textContent = ""; 648 el.classList.add("typing"); 649 for (let i = 0; i < text.length; i++) { 650 el.textContent += text.charAt(i); 651 await new Promise(r => setTimeout(r, 7)); 652 } 653 el.classList.remove("typing"); 654 } 655 656 async function runSearch(query) { 657 if (!query.trim() || isLoading) return; 658 isLoading = true; 659 submitBtn.disabled = true; 660 resetUI(); 661 chipsSection.style.display = "none"; 662 resultSection.style.display = "block"; 663 setStatus("Searching...", true); 664 665 try { 666 let data; 667 if (cache.has(query)) { 668 data = cache.get(query); 669 } else { 670 const res = await fetch(ENDPOINT, { 671 method: "POST", 672 headers: { 673 "Authorization": "Bearer " + LUMIFY_API_KEY, 674 "Content-Type": "application/json" 675 }, 676 body: JSON.stringify({ query, application_id: LUMIFY_APP_ID }) 677 }); 678 data = await res.json().catch(() => ({})); 679 if (!res.ok) throw new Error(data?.error || "HTTP " + res.status); 680 cache.set(query, data); 681 } 682 683 const answer = data?.direct_answer?.answer || "No answer found."; 684 const sources = data?.direct_answer?.sources || []; 685 686 setStatus("Generating answer...", true); 687 await typeText(answerEl, answer); 688 setStatus("", false); 689 690 if (sources.length) { 691 sourcesGrid.innerHTML = sources.slice(0, 5).map(s => 692 `<a class="sb-source" href="${s.url || '#'}" target="_blank" rel="noopener">${s.title || s.url}</a>` 693 ).join(""); 694 sourcesEl.style.display = "block"; 695 } 696 } catch (err) { 697 setStatus("", false); 698 errorEl.textContent = err?.message || "Something went wrong."; 699 errorEl.style.display = "block"; 700 } finally { 701 isLoading = false;
702 submitBtn.disabled = false; 703 } 704 } 705 706 input.addEventListener("keydown", e => { if (e.key === "Enter") runSearch(input.value); }); 707 submitBtn.addEventListener("click", () => runSearch(input.value)); 708 modal.querySelectorAll(".sb-chip").forEach(chip => { 709 chip.addEventListener("click", () => { 710 input.value = chip.dataset.query; 711 runSearch(chip.dataset.query); 712 }); 713 }); 714 backdrop.addEventListener("click", closeModal); 715 document.addEventListener("keydown", e => { if (e.key === "Escape") closeModal(); }); 716 717 document.addEventListener("click", e => { 718 if (e.target.closest("#sb-icon-btn")) openModal(); 719 }); 720})(); 721</script>
vendor: 1 bytes, line 721
721
722<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>
722</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.