1 2<!DOCTYPE html> 3<html class="no-js" lang="en"> 4 <head>
4<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push(i)}) 5(window,'AW-11285666033','google_tags_first_party');</script>
5<script async src="/2bym/"></script>
5 6
6<script> 7 window.dataLayer = window.dataLayer || []; 8 function gtag(){dataLayer.push(arguments);} 9 gtag('js', new Date()); 10 gtag('set', 'developer_id.dYzg1YT', true); 11 gtag('config', 'AW-11285666033'); 12 </script>
12 13 14 <title>Award Winning Dash Cams | New Range Available Now | Nextbase</title> 15 <link rel="dns-prefetch preconnect" href="https://cdn11.bigcommerce.com/s-jpkc0tnv4j" crossorigin><link rel="dns-prefetch preconnect" href="https://fonts.googleapis.com/" crossorigin><link rel="dns-prefetch preconnect" href="https://fonts.gstatic.com/" crossorigin> 16 <meta name="keywords" content="dash cam, dash cams, best dash cam, nextbase dash cam, dash cam US"><meta name="description" content="Nextbase Dash Cams are one of the Canadaâs Market leading in car technology manufacturer, offering Europeâs bestselling dash cam range. Discover today! 17 18"><link rel='canonical' href='https://nextbase.com/' /><meta name='platform' content='bigcommerce.stencil' /> 19 20 21 22 23<meta property="og:description" content=> <meta property="og:url" content="https://nextbase.com/"> 24 <meta property="og:type" content="website"> 25 <meta property="og:title" content="Award Winning Dash Cams | New Range Available Now | Nextbase"> <meta property="og:image" content="//cdn11.bigcommerce.com/s-jpkc0tnv4j/product_images/uploaded_images/icon.png"> <meta property="og:site_name" content="Nextbase - United States"> 26<meta name="twitter:card" content="summary" /> 27 28 29 30 31 <link rel="alternate" hreflang="x-default" href="https://nextbase.com"> 32 <link rel="alternate" hreflang="en-us" href="https://nextbase.com" /> 33 <link rel="alternate" hreflang="en-gb" href="https://nextbase.co.uk" /> 34 <link rel="alternate" hreflang="de-de" href="https://nextbase.eu/de" /> 35 <link rel="alternate" hreflang="en-au" href="https://nextbase.au" /> 36 <link rel="alternate" hreflang="en-ie" href="https://nextbase.eu/ie" /> 37 <link rel="alternate" hreflang="cs-cz" href="https://nextbase.eu/cs" /> 38 <link rel="alternate" hreflang="es-es" href="https://nextbase.eu/es" /> 39 <link rel="alternate" hreflang="fr-fr" href="https://nextbase.eu/fr" /> 40 <link rel="alternate" hreflang="it-it" href="https://nextbase.eu/it"/> 41 <link rel="alternate" hreflang="nl-nl" href="https://nextbase.eu/nl" /> 42 <link rel="alternate" hreflang="fr-be" href="https://nextbase.eu/be-fr" /> 43 <link rel="alternate" hreflang="nl-be" href="https://nextbase.eu/be-nl" /> 44 <link rel="alternate" hreflang="sk-sk" href="https://nextbase.eu/sk" /> 45 <link rel="alternate" hreflang="pl-pl" href="https://nextbase.eu/pl" /> 46 <link rel="alternate" hreflang="fi-fi" href="https://nextbase.eu/fi" /> 47 <link rel="alternate" hreflang="sv-se" href="https://nextbase.eu/sv" /> 48 <link rel="alternate" hreflang="en-nz" href="https://global.nextbase.com/nz"/> 49 <link rel="alternate" hreflang="no-no" href="https://nextbase.eu/no" /> 50 <link rel="alternate" hreflang="en-ca" href="https://nextbase.ca" /> 51 <link rel="alternate" hreflang="ja-jp" href="https://jp.nextbase.com" /> 52 <link rel="alternate" hreflang="es-mx" href="https://global.nextbase.com/mx" /> 53 <link rel="alternate" hreflang="de-at" href="https://nextbase.eu/de-at" /> 54 <link rel="alternate" hreflang="pt-pt" href="https://nextbase.eu/pt" /> 55 <link rel="alternate" hreflang="ro-ro" href="https://nextbase.eu/ro" /> 56 <link rel="alternate" hreflang="da-dk" href="https://nextbase.eu/da" /> 57 58 <link href="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/product_images/favicon_48x48px.png?t=1757997076" rel="shortcut icon"> 59 <meta name="viewport" content="width=device-width, initial-scale=1"> 60 61
61<script nonce=""> 62 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 63 </script>
63 64 65
65<script nonce=""> 66 function browserSupportsAllFeatures() { 67 return window.Promise 68 && window.fetch 69 && window.URL 70 && window.URLSearchParams 71 && window.WeakMap 72 // object-fit support 73 && ('objectFit' in document.documentElement.style); 74 } 75 76 function loadScript(src) { 77 var js = document.createElement('script'); 78 js.src = src; 79 js.onerror = function () { 80 console.error('Failed to load polyfill script ' + src); 81 }; 82 document.head.appendChild(js); 83 } 84 85 if (!browserSupportsAllFeatures()) { 86 loadScript('https://cdn11.bigcommerce.com/s-jpkc0tnv4j/stencil/38e65070-6704-013f-6375-66379f5904cc/e/88351440-94a8-013f-b863-46687f5e6f27/dist/theme-bundle.polyfills.js'); 87 } 88</script>
88 89
89<script nonce="">window.consentManagerTranslations = `{"locale":"en","locales":{"consent_manager.data_collection_warning":"en","consent_manager.accept_all_cookies":"en","consent_manager.gdpr_settings":"en","consent_manager.data_collection_preferences":"en","consent_manager.manage_data_collection_preferences":"en","consent_manager.use_data_by_cookies":"en","consent_manager.data_categories_table":"en","consent_manager.allow":"en","consent_manager.accept":"en","consent_manager.deny":"en","consent_manager.dismiss":"en","consent_manager.reject_all":"en","consent_manager.category":"en","consent_manager.purpose":"en","consent_manager.functional_category":"en","consent_manager.functional_purpose":"en","consent_manager.analytics_category":"en","consent_manager.analytics_purpose":"en","consent_manager.targeting_category":"en","consent_manager.advertising_category":"en","consent_manager.advertising_purpose":"en","consent_manager.essential_category":"en","consent_manager.esential_purpose":"en","consent_manager.yes":"en","consent_manager.no":"en","consent_manager.not_available":"en","consent_manager.cancel":"en","consent_manager.save":"en","consent_manager.back_to_preferences":"en","consent_manager.close_without_changes":"en","consent_manager.unsaved_changes":"en","consent_manager.by_using":"en","consent_manager.agree_on_data_collection":"en","consent_manager.change_preferences":"en","consent_manager.cancel_dialog_title":"en","consent_manager.privacy_policy":"en","consent_manager.allow_category_tracking":"en","consent_manager.disallow_category_tracking":"en"},"translations":{"consent_manager.data_collection_warning":"We use cookies (and other similar technologies) to collect data to improve your shopping experience.","consent_manager.accept_all_cookies":"Accept All Cookies","consent_manager.gdpr_settings":"Settings","consent_manager.data_collection_preferences":"Website Data Collection Preferences","consent_manager.manage_data_collection_preferences":"Manage Website Data Collection Preferences","consent_manager.use_data_by_cookies":" uses data collected by cookies and JavaScript libraries to improve your shopping experience.","consent_manager.data_categories_table":"The table below outlines how we use this data by category. To opt out of a category of data collection, select 'No' and save your preferences.","consent_manager.allow":"Allow","consent_manager.accept":"Accept","consent_manager.deny":"Deny","consent_manager.dismiss":"Dismiss","consent_manager.reject_all":"Reject all","consent_manager.category":"Category","consent_manager.purpose":"Purpose","consent_manager.functional_category":"Functional","consent_manager.functional_purpose":"Enables enhanced functionality, such as videos and live chat. If you do not allow these, then some or all of these functions may not work properly.","consent_manager.analytics_category":"Analytics","consent_manager.analytics_purpose":"Provide statistical information on site usage, e.g., web analytics so we can improve this website over time.","consent_manager.targeting_category":"Targeting","consent_manager.advertising_category":"Advertising","consent_manager.advertising_purpose":"Used to create profiles or personalize content to enhance your shopping experience.","consent_manager.essential_category":"Essential","consent_manager.esential_purpose":"Essential for the site and any requested services to work, but do not perform any additional or secondary function.","consent_manager.yes":"Yes","consent_manager.no":"No","consent_manager.not_available":"N/A","consent_manager.cancel":"Cancel","consent_manager.save":"Save","consent_manager.back_to_preferences":"Back to Preferences","consent_manager.close_without_changes":"You have unsaved changes to your data collection preferences. Are you sure you want to close without saving?","consent_manager.unsaved_changes":"You have unsaved changes","consent_manager.by_using":"By using our website, you're agreeing to our","consent_manager.agree_on_data_collection":"By using our website, you're agreeing to the collection of data as described in our ","consent_manager.change_preferences":"You can change your preferences at any time","consent_manager.cancel_dialog_title":"Are you sure you want to cancel?","consent_manager.privacy_policy":"Privacy Policy","consent_manager.allow_category_tracking":"Allow [CATEGORY_NAME] tracking","consent_manager.disallow_category_tracking":"Disallow [CATEGORY_NAME] tracking"}}`;</script>
89 90 91
91<script nonce=""> 92 window.lazySizesConfig = window.lazySizesConfig || {}; 93 window.lazySizesConfig.loadMode = 1; 94 </script>
94 95
95<script nonce="" async src="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/stencil/38e65070-6704-013f-6375-66379f5904cc/e/88351440-94a8-013f-b863-46687f5e6f27/dist/theme-bundle.head_async.js"></script>
95 96 97 <link href="https://fonts.googleapis.com/css?family=Montserrat:700,500%7CInter:400&display=block" rel="stylesheet"> 98 99
99<script nonce="" async src="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/stencil/38e65070-6704-013f-6375-66379f5904cc/e/88351440-94a8-013f-b863-46687f5e6f27/dist/theme-bundle.font.js"></script>
99 100
100<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
100 101 102 <link data-stencil-stylesheet href="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/stencil/38e65070-6704-013f-6375-66379f5904cc/e/88351440-94a8-013f-b863-46687f5e6f27/css/theme-cb6eb440-9588-013f-7ff9-12c089152ebe.css" rel="stylesheet"> 103
103<script src="https://use.fontawesome.com/51cee7e552.js"></script>
103 104 105 <!-- Start Tracking Code for analytics_facebook --> 106
107<script data-bc-cookie-consent="4" type="text/plain"> 108!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,document,'script','https://connect.facebook.net/en_US/fbevents.js'); 109 110fbq('set', 'autoConfig', 'false', '3992157370847956'); 111fbq('dataProcessingOptions', []); 112fbq('init', '3992157370847956', {"external_id":"bcd34886-02c0-4675-82f5-f114dee7a3d4"}); 113fbq('set', 'agent', 'bigcommerce', '3992157370847956'); 114 115function trackEvents() { 116 var pathName = window.location.pathname; 117 118 119 120 // Search events start -- only fire if the shopper lands on the /search.php page 121 if (pathName.indexOf('/search.php') === 0 && getUrlParameter('search_query')) { 122 fbq('trackSingle', '3992157370847956', 'Search', { 123 content_type: 'product_group', 124 content_ids: [], 125 search_string: getUrlParameter('search_query') 126 }); 127 } 128 // Search events end 129 130 // Wishlist events start -- only fire if the shopper attempts to add an item to their wishlist 131 if (pathName.indexOf('/wishlist.php') === 0 && getUrlParameter('added_product_id')) { 132 fbq('trackSingle', '3992157370847956', 'AddToWishlist', { 133 content_type: 'product_group', 134 content_ids: [] 135 }); 136 } 137 // Wishlist events end 138 139 // Lead events start -- only fire if the shopper subscribes to newsletter 140 if (pathName.indexOf('/subscribe.php') === 0 && getUrlParameter('result') === 'success') { 141 fbq('trackSingle', '3992157370847956', 'Lead', {}); 142 } 143 // Lead events end 144 145 // Registration events start -- only fire if the shopper registers an account 146 if (pathName.indexOf('/login.php') === 0 && getUrlParameter('action') === 'account_created') { 147 fbq('trackSingle', '3992157370847956', 'CompleteRegistration', {}, ""); 148 } 149 // Registration events end 150 151 152 153 function getUrlParameter(name) { 154 var cleanName = name.replace(/[\[]/, '\[').replace(/[\]]/, '\]'); 155 var regex = new RegExp('[\?&]' + cleanName + '=([^&#]*)'); 156 var results = regex.exec(window.location.search); 157 return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); 158 } 159} 160 161if (window.addEventListener) { 162 window.addEventListener("load", trackEvents, false) 163} 164</script>
164 165<noscript><img height="1" width="1" style="display:none" alt="null" src="https://www.facebook.com/tr?id=3992157370847956&ev=PageView&noscript=1&a=plbigcommerce1.2&eid="/></noscript> 166 167<!-- End Tracking Code for analytics_facebook --> 168 169<!-- Start Tracking Code for analytics_siteverification --> 170 171<meta name="google-site-verification" content="3EH4K_uimEDpYoomwpC3aUSomDbeXphsFMNPVDzyhiY" /> 172 173<!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 173-174
173 174<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
174GTM-TRZSPG2P
vendor: 83 bytes, lines 174-175
174" 175height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
176<!-- End Google Tag Manager (noscript) --> 177 178<!-- End Tracking Code for analytics_siteverification --> 179 180
181<script type="text/javascript" src="https://checkout-sdk.bigcommerce.com/v1/loader.js" defer ></script>
vendor: 1 bytes, line 181
181
182<script>window.consentManagerStoreConfig = function () { return {"storeName":"Nextbase - United States","privacyPolicyUrl":"https:\/\/nextbase.com\/privacy-policy\/","writeKey":null,"improvedConsentManagerEnabled":true,"AlwaysIncludeScriptsWithConsentTag":true}; };</script>
vendor: 1 bytes, line 182
182
183<script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/bodl-consent-32a446f5a681a22e8af09a4ab8f4e4b6deda6487.js" integrity="sha256-uitfaufFdsW9ELiQEkeOgsYedtr3BuhVvA4WaPhIZZY=" crossorigin="anonymous" defer></script>
vendor: 1 bytes, line 183
183
184<script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/storefront/consent-manager-config-d53a4773861141b0624d84967b4c0a379d13a5fe.js" defer></script>
vendor: 1 bytes, line 184
184
185<script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/storefront/consent-manager-08633fe15aba542118c03f6d45457262fa9fac88.js" defer></script>
vendor: 1 bytes, line 185
185
186<script type="text/javascript"> 187var BCData = {}; 188</script>
vendor: 1 bytes, line 188
188
189<script src='https://cdn.outoftheblue.ai/big_commerce/events/customer_events.min.js?otb_events_tag_id=OTB-250416-XD2135' defer ></script>
189<script id="wsa-rich-snippets-1-intro" nonce=""> 190/* 191 Web Site Advantage: SEO Rich Snippets App 1 [2.58.64065] 192 https://bigcommerce.websiteadvantage.com.au/rich-snippets/ 193 Copyright (C) 2019 - 2025 Web Site Advantage 194*/ 195</script>
vendor: 2 bytes, line 195
195
196<script type="application/ld+json" id="wsa-rich-snippets-jsonld-graph" nonce="">{"@context":"https://schema.org","@graph":[{"isPartOf":{"@id":"https://nextbase.com/#WebSite"},"publisher":{"@id":"https://nextbase.com/#Business"},"@id":"https://nextbase.com/#WebPage","url":"https://nextbase.com/","name":"Award Winning Dash Cams | New Range Available Now | Nextbase","@type":"WebPage" },{"@id":"https://nextbase.com/#WebSite","url":"https:\u002f\u002fnextbase.com\u002f","name":"Nextbase - United States","publisher":{"@id":"https://nextbase.com/#Business"},"@type":"WebSite"},{"url":"https:\u002f\u002fnextbase.com\u002f","name":"Nextbase - United States","@type":"OnlineStore","image":"https:\u002f\u002fcdn11.bigcommerce.com\u002fs-jpkc0tnv4j\u002fimages\u002fstencil\u002foriginal\u002flogo_1757415802__32203.original_1757997075.original.png","iso6523Code":[],"@id":"https://nextbase.com/#Business"}] }</script>
vendor: 2 bytes, line 196
196
197<script data-cfasync="false" data-dd-sm-ignore="true" id="wsa-rich-snippets-javascript" nonce="">var webSiteAdvantage=webSiteAdvantage||{};webSiteAdvantage.momentnow='2026-09-24T19:14:34+00:00';function wsa_error(m){console.error('SEO Rich Snippets: '+m,arguments)};function wsa_tryCatch(m,f){try{f()}catch(e){wsa_error(m,e)}};webSiteAdvantage.richSnippetsApp=["jpkc0tnv4j","nextbase.com",790,"jpkc0tnv4j",""];webSiteAdvantage.bcReviews=true;window.classySchemaOptions=window.classySchemaOptions||{};window.classySchemaOptions.scriptIdBase='wsa-rich-snippets-jsonld-classyschema-';window.classySchemaOptions.classNamePrefixes=["classyschema-","wsa-"];window.classySchemaOptions.customCssSelectors={"howto-name":"h1.page-heading"};window.classySchemaOptions.customCssSelectors = { 198 "faqpage-question": ".zn-title", 199 "faqpage-answer": ".zn-text" 200};webSiteAdvantage.classyCleanUp=webSiteAdvantage.classyCleanUp||{};webSiteAdvantage.classyCleanUp.options={removeMicrodata:true,removeJsonLd:true,removeDynamicJsonLd:true,removeJsonLdRegexExcludeIdPatterns:['^wsa-rich-snippets-.*$','reviewsWidgetProductSnippets'],removeJsonLdRegexExcludeClassPatterns:['^jdgm-.*$']};!function(d){var s=d.createElement('script');s.src='https://classyschema.org/2_15/faq_video_howto_cleanup.min.js';s.async=true;s.setAttribute('fetchpriority','high');d.getElementsByTagName('head')[0].appendChild(s)}(document);</script>
vendor: 2 bytes, line 200
200
201<script id="wsa-rich-snippets-meta-tags" nonce=""></script ><meta property="og:url" content="https://nextbase.com/"> 202<meta property="og:type" content="website"> 203<meta property="og:title" content="Award Winning Dash Cams | New Range Available Now | Nextbase"><meta property="og:image" content="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/images/stencil/original/logo_1757415802__32203.original_1757997075.original.png"><meta property="og:site_name" content="Nextbase - United States"> 204<meta name="twitter:card" content="summary"> 205</script>
205 206 207
208<script data-cfasync="false" data-dd-sm-ignore="true" data-cookieconsent="ignore" id="wsa-tag-manager-tags" nonce=""> 209</script > 210</script>
vendor: 2 bytes, line 210
210
211<script data-cfasync="false" data-dd-sm-ignore="true" data-cookieconsent="ignore" id="wsa-tag-manager-javascript-h-test" nonce="">!function(w,d){if(d.location.href.indexOf('showHidden=true')<0&&d.location.href.indexOf('shogun.page/previews')<0){w.TagRocket=w.TagRocket||{};var T=w.TagRocket;T.teh=[];w.onerror=function(m,s,l,c,e){T.teh.push((l?(l+' '):'')+(c?(c+' '):'')+m+(m.colno?(':'+m.colno):'')+(s?(' '+s):''));};function a(s){var e=d.createElement('script'),h=d.getElementsByTagName('head')[0];e.appendChild(d.createTextNode(s));h.insertBefore(e,h.firstChild)}a('()=>{};window.arrowFunctions=1');a('async function a(){};window.asyncFunctions=1');var m=new Date().toISOString(),q='wsa-tag-manager-javascript-',z;T.tah=function(s){w.dataLayer=w.dataLayer||[];if(!w.gtag){w.gtag=function(){dataLayer.push(arguments)};gtag('js',new Date);t=d.createElement('script');t.async=!0;t.setAttribute('src','https://www.googletagmanager.com/gtag/js?id=G-7XTJM93TLW');d.head.appendChild(t)};if(!w.wsa_tre){var n='denied';gtag('consent',{functionality_storage:n,ad_storage:n,analytics_storage:n,ad_user_data:n,ad_personalization:n,personalization_storage:n,security_storage:n});gtag('config',"G-7XTJM93TLW",{groups:'TagRocketErrorTracking',send_page_view:false});;gtag('config',"G-7P4TZFQL4H",{groups:'TagRocketErrorTracking',send_page_view:false});gtag('event','tag_rocket_error',{send_to:["G-7P4TZFQL4H"],description:'Script Failure',app_version:'3.47.31',tag_rocket_version:'1.94',ua:navigator.userAgent});};w.wsa_tre=1;if(w.console)console.error('Tag Rocket (h): '+s,T.teh);T.teh.forEach(function(e){gtag('event','app_error',{send_to:'G-7XTJM93TLW',scope:s,description:s+' 3.47.31 h '+e,message:'h '+e,app_version:'3.47.31',automatic:0,tag_rocket_version:'1.94',pagedatetime:m,datetime:m,ua:navigator.userAgent,tags:"unknown",environment:'Production'})})};p=function(){if(!T.ts&&!d.getElementById(q+'second'))T.tah('Header Script Missing');else if(!T.tss)T.tah('Header Script Failure1');else if(!T.ts)T.tah('Header Script Failure2');if(!T.tm&&!d.getElementById(q+'main'))T.tah('Footer Script Missing');else if(!T.tm)T.tah('Footer Script Failure')};if(w.addEventListener)w.addEventListener('DOMContentLoaded',p);else w.attachEvent('onDOMContentLoaded',p)}}(window,document)</script>
211
212<script data-cfasync="false" data-dd-sm-ignore="true" data-cookieconsent="ignore" id="wsa-tag-manager-javascript-second" nonce=""> 213/* 214 Web Site Advantage: Tag Rocket App 1 of 2 Head [1.94.85692] Proprietary Runtime 215 https://bigcommerce.websiteadvantage.com.au/tag-rocket/ 216 Licensed for use only by authorised Web Site Advantage customers. 217 Copyright (C) 2020 - 2026 Web Site Advantage Pty Ltd. 218*/ 219 220!function(w,d){if(d.location.href.indexOf('showHidden=true')<0&&d.location.href.indexOf('shogun.page/previews')<0){w.TagRocket=w.TagRocket||{};var T=w.TagRocket;T.tss=1;T.tags='gads|ga4|facebook';T.l='';var eet=new Date,eei=0,eer=0,eea='G-7XTJM93TLW';T.ec=function(){gtag.apply(null,arguments)};T.a=function(s,e,c,o){try{if(!eei){eei=1;if(!w.gtag){w.gtag=function(){dataLayer.push(arguments)}}T.ec('config',eea,{groups:'TagRocketErrorTracking',send_page_view:false})}if(!eer){eer=1;T.ct=c;if(w.console)console.error('Tag Rocket: '+s+': '+e,o||'');T.ct=1;var z = e?e.substring(0,255):'-missing-';T.ec('event','app_error',{send_to:eea,scope:s,description:s+' 3.47.31 '+z,message:z,app_version:'3.47.31',automatic:0,tag_rocket_version:'1.94',pagedatetime:eet.toISOString(),datetime:new Date().toISOString(),ua:navigator.userAgent,tags:T.tags,timesinceload:new Date-eet,environment:'Production'});eer=0}}catch(x){try{T.ec('event','app_error',{send_to:eea,scope:'AppErrorError',description:'3.47.31 '+x,message:''+x,app_version:'3.47.31',tag_rocket_version:'1.94',pagedatetime:eet.toISOString(),datetime:new Date().toISOString(),ua:navigator.userAgent,tags:T.tags,timesinceload:new Date-eet,environment:'Production'});}catch(y){}}};T.eq=T.eq||[];if(w.addEventListener){w.addEventListener('error',function(){T.ef.apply(T,arguments)},{passive:!0,capture:!0});}else if(w.attachEvent){w.attachEvent('onerror',function(){T.ef.apply(T,arguments)});}if(!T.ef){T.ef=function(){T.eq.push(arguments)}};if(!T.cf){T.cq=T.cq||[];T.cf=function(){T.cq.push(arguments)};if(w.console){T.ce=console.error;console.error=function(){T.ce.apply(console,arguments);T.cf.apply(T,arguments)}}};try{T.er=function(a){return typeof a!=='undefined'};T.dP='NewPromotionsAdded';T.ej=[];T.ek=0;T.cB=function(){T.ei(function(a){a.forEach(function(b){T.e(b.addedNodes,function(c){if(T.bC(c,T.bw)=='promotion'&&T.bB(c,'found')){T.ej.push(c)}T.e(T.eg(c,"["+T.bw+"='promotion']"),function(e){if(T.bB(e,'found')){T.ej.push(e)}})})});if(T.bk(T.ej)&&!T.ek){T.I(function(){T.ek=T.bi(function(){T.ek=0;T.f(T.dP,{elements:T.ej});T.ej=[];},100,'New Promotions Added')})}});};T.ea=[];T.eb=0;T.ed=function(a){T.e(a,function(b){T.ea=T.ea.concat(T.bt(b));if(T.bC(b,T.bw)=='list'&&T.ee(b)&&T.bB(b,'found')){T.ea.push(b)}T.e(T.eg(b,"["+T.bw+"='list']"),function(c){if(T.ee(c)&&T.bB(c,'found')){T.ea.push(c)}})})};T.eh=function(){T.I(function(){if(T.bk(T.ea)){if(T.eb)T.dW(T.eb);T.eb=T.bi(function(){T.f(T.dg,{elements:T.ea});T.ea=[];T.eb=0},500,'New Products Added')}})};T.cA=function(e){T.ei(function(f){f.forEach(function(g){T.ed(g.addedNodes);});T.eh();},e||d.body)};T.dg='NewProductsAdded';T.aY='UserDataUpdated';T.bH=function(a){return d.querySelector(a)};T.bI=function(a){return d.getElementById(a)};T.en=function(a){return d.createElement(a)};T.eg=function(a,b){if(!a.querySelectorAll)return[];var c=a.querySelectorAll(b);if(Array.from)return Array.from(c);else return c};T.bv=function(a){return T.eg(d,a)};T.ee=function(a){var b=T.bC(a,T.bx);return b&&!isNaN(parseInt(b,10))};T.Q=function(a){return T.er(a)&&a!==null};T.w=function(a){return a===0||(T.Q(a)&&a!==''&&!isNaN(a))};T.et=function(a){var b=String.fromCodePoint;if(b){return b(a)}return ''};T.es=function(a,b,c){var e=[].slice.call(a).map(function(f){if(c||typeof(f)==='function')return f;try{return T.D(f)}catch(g){if(Array.isArray(f)){return [].concat(f)}else return f}});if(T.bk(e)){e[0]=T.et(b)+' %cTag Rocket: %c'+e[0];e.splice(1,0,'color:none;');e.splice(1,0,'color:#28a300;')}return e};T.aV=function(){if(w.console)console.warn.apply(console,T.es(arguments,0x1F6A8,1))};T.cM=function(){if(w.console)console.error.apply(console,T.es(arguments,0x26A0,1))};T.aj=function(a,b){return a.sort(function(c,e){return e.price*e.quantity-c.price*c.quantity}).slice(0,b)};T.cU=function(a,b,c,e){var f,g=function(h){if(h>=T.bk(a))c&&c();else T.bi(function(){T.t('SB95',function(){f=b(a[h],h);if(T.er(f))c&&c(f);else g(h+1)},1)},0,'Yield '+h+' '+e);};g(0)};T.e=function(a,b){var c,e,f=T.bk(a);if(a&&f)for(c=0;c<f;c++){e=b(a[c],c);if(T.er(e))return e}};T.aJ=function(a,b){if(a)return a.indexOf(b)>-1};T.dr=function(a,b){if(a&&T.bk(a))for(var c=0;c<T.bk(a);c++){if(a[c]===b)return true}};T.el=function(a,b,c){a.setAttribute(b,c)};T.p=function(a,b,c){if(T.Q(c)&&c!=='')a[b]=c};T.be=function(a,b){if(!b||!a)return a;var c=b.split('.'),e=a[c.shift()];return T.be(e,c.join('.'))};T.t=function(a,b,c,e){try{c&&b.apply(this,e)}catch(f){T.a(a,''+f,1,f)}};T.bE=function(a,b,c,e){var f,g=function(){if(f){clearInterval(f);f=0};T.t.call(this,'SB24',c,1,arguments)};if(b==T.V&&d.readyState!="loading"){T.bi(g,0,T.V+' has passed')}else{e=e||{};if(!T.Q(e.passive)){e.passive=!0;}
220if(b==T.V){f=T.bM('SB98',1,function(){if(d.readyState!="loading"){clearInterval(f);f=0;T.bi(g,0,T.V+' detected by interval')}},50)}a.addEventListener&&a.addEventListener(b,g,e)||a.attachEvent&&a.attachEvent('on'+b,g)}};T.U=function(a,b){T.bE(w,a,function(){if(!b.done){b.done=1;b()}},{once:!0})};T.ch=function(a,b){try{return JSON.stringify(a,b)}catch(c){throw ''+T.ch.caller+' '+c}};T.ck=function(a){return a&&JSON.parse(a)};T.D=function(a){return T.ck(T.ch(a))};T.dv=function(a){return T.ch(a)=='{}'};T.X=function(a){var b=Object(a),c,e,f,g=arguments;for(c=1;c<g.length;c++){e=g[c];if(e!=null){for(f in e){if(Object.prototype.hasOwnProperty.call(e,f))b[f]=e[f];}}}return b;};T.bk=function(a){return a.length};T.bJ=function(a){try{if(!localStorage||T.ep)return!1;return localStorage.removeItem(a)}catch(b){T.a('SB63','Incognito Safari has blocked localStorage. This stops us tracking things like add to cart events',1,b);T.ep=!0}};T.bF=function(a){try{if(!localStorage||T.ep)return!1;return localStorage.getItem(a)}catch(b){T.a('SB61','Incognito Safari has blocked localStorage. This stops us tracking things like add to cart events',1,b);T.ep=!0}};T.bG=function(a,b){try{if(!localStorage||T.ep)return!1;localStorage.setItem(a,b)}catch(c){T.a('SB60','Incognito Safari has blocked localStorage. This stops us tracking things like add to cart events',1,c);T.ep=!0}};T.au=function(a){var b=d.cookie.match(new RegExp('(^| )'+a+'=([^;]+)')),c=b&&unescape(b[2])||'';return c=='deleted'?'':c};T.N=function(a){var b=w.performance;return b&&b.getEntriesByType&&b.getEntriesByType(a)};T.M=function(){var a=navigator;return a.connection||a.mozConnection||a.webkitConnection};T.K=function(a,b,c){return (a||'').replace(b,c||'')};T.ax=function(a){return (a||'').trim().toLowerCase()};T.bn=function(a){return T.K(T.K(T.ax(a),/([^a-z0-9 _])/g),/ +/g,'_')};T.O=function(a,b){b=b||255;if(!a)return '(missing)';a=T.K((''+a).trim(),/ *(\r\n|\n|\r) */gm,' ');if(T.bk(a)<=b)return a;return a.substring(0,b-3)+'...'};T.cN=function(a,b){var c='',e='';switch(b){case 'AU':c='0011';e='61';break;case 'US':case 'CA':c='011';e='1';break;case 'GB':c='011';e='44';break;case 'IT':c='00';e='39';break;}a=T.K(a,/[^\d+]+/g);if(c)a=T.K(a,new RegExp('^'+c),'+');if(a[0]!='+'&&e){a='+'+T.K(e+a,/^0/);}return a};T.bD=function(a,b){return a.hasAttribute(b)};T.bC=function(a,b){if(a.getAttribute)return T.O(a.getAttribute(b))};T.bB=function(a,b){var c='data-tagrocket-'+b;if(T.bD(a,c))return 0;T.el(a,c,'1');return 1};T.bM=function(a,b,c,e){var f=setInterval(function(){T.t(a,function(){try{c()}catch(g){if(b)clearInterval(f);throw g}},1)},e);return f};T.cy=function(a,b,c,e){if(a)T.dW(a);return T.bi(b,c,e)};T.dW=function(a){clearTimeout(a)};T.bi=function(a,b,c){return setTimeout(a,b,'Tag Rocket '+(c||''))};T.bN=function(a,b,c){T.dA('query getCartMetafields{site{cart{metafields(namespace:"bc_storefront" keys:["'+b+'"]){edges{node{entityId}}}}}}',function(e,f){T.t('SB82',function(){if(e>0){var g='createCartMetafield',h='',i=T.be(f,'data.site.cart.metafields.edges');if (i&&i.length){g='updateCartMetafield';h=' metafieldEntityId:'+i[0].node.entityId}T.dA('mutation '+g+'{cart{'+g+'(input:{cartEntityId:"'+a+'" data:{key:"'+b+'" value:"'+T.ch(c).replace(/"/g,'\\"')+'"}'+h+'}){metafield{id entityId key value}errors{...on Error{message}}}}}',function(e,j){T.t('SB83',function(){if(e>0){}},1)})}},1)})};T.eo=function(a){T.cF.appendChild(a)};T.em=function(a,b,c){b=b||{};if(b.onvisible&&d.hidden){T.U('visibilitychange',function(){T.em(a,b,c)});return};var e=T.en(a),f;if(b.id&&T.bI(b.id))return;for(var g in b){T.el(e,g,b[g])}e.onload=e.onreadystatechange=function(){f=e.readyState;if(!f||f=='loaded'||f=='complete'){if(c)c();c=null}};T.eo(e);return e};T.bc=function(a,b,c){b=b||{};b.src=a;if(!T.Q(b.async))b.async=!0;if(T.cJ)b.nonce=T.cJ;if(!T.Q(b.onvisible)&&T.pageType!='orderconfirmation')b.onvisible=!0;if(T.pageType!='orderconfirmation'||T.d.updated){T.em('script',b,c)}else{T.o(T.aY,function(){T.em('script',b,c)})}};T.dH=function(a){if(T.bD(a,'data-list-name'))return T.bC(a,'data-list-name');if(a.parentElement)return T.dH(a.parentElement)};T.P=function(){var a=T.bH('head meta[name="description"]');if(a)return T.bC(a,'content');};T.cL=function(a){var b=w.location.href.match(new RegExp('[?&]'+a+'=([^&]*)'));return decodeURIComponent(b&&b[1]||'')};T.ei=function(a,b,c){if(w.MutationObserver)T.U(T.V,function(){c=c||{childList:!0,subtree:!0};b=b||d.body;if(!b)throw 'no target';new MutationObserver(a).observe(b,c)})};T.aP=function(a,b){if(a&&a.event_log)a.event_log+=b};T.dP='NewPromotionsAdded';T.ej=[];T.ek=0;T.cB=function(){T.ei(function(a){a.forEach(function(b){T.e(b.addedNodes,function(c){if(T.bC(c,T.bw)=='promotion'&&T.bB(c,'found')){T.ej.push(c)}T.e(T.eg(c,"["+T.bw+"='promotion']"),function(e){if(T.bB(e,'found')){T.ej.push(e)}})})});if(T.bk(T.ej)&&!T.ek){T.I(function(){T.ek=T.bi(function(){T.ek=0;T.f(T.dP,{elements:T.ej});T.ej=[];},100,'New Promotions Added')})}});};T.ea=[];T.eb=0;T.ed=function(a){T.e(a,function(b){T.ea=T.ea.concat(T.bt(b));if(T.bC(b,T.bw)=='list'&&T.ee(b)&&T.bB(b,'found')){T.ea.push(b)}T.e(T.eg(b,"["+T.bw+"='list']"),function(c){if(T.ee(c)&&T.bB(c,'found')){T.ea.push(c)}})})};
220T.eh=function(){T.I(function(){if(T.bk(T.ea)){if(T.eb)T.dW(T.eb);T.eb=T.bi(function(){T.f(T.dg,{elements:T.ea});T.ea=[];T.eb=0},500,'New Products Added')}})};T.cA=function(e){T.ei(function(f){f.forEach(function(g){T.ed(g.addedNodes);});T.eh();},e||d.body)};T.dg='NewProductsAdded';T.ay='PromotionsVisible';T.dO=function(a){T.br(T.ay,a)};T.bo=function(a,b){if(T.dr(['orderconfirmation','checkout','cart'],T.pageType))return;var c,e=[];T.e(a.infos||a.items||a,function(f){c=f.product||f;if(!c.completed){e.push(c);}});if (T.bk(e)&&T.cL('showHidden')!='true'&&!T.aJ(e[0].name,'Package Protection')&&!T.cG){T.a('SB55e',''+T.bk(e)+' incomplete products on '+b+' '+e[0].productId+' '+e[0].name,1,e);}};T.dK=function(a,b){var c="["+T.bw+"='list']["+T.bx+"='"+a+"']";if(b)c="[data-list-name='"+T.K(b,/['"\\]/g,'\\$&')+"'] "+c;return T.bH(c)};T.n='ProductsVisible';T.dM=function(a,b){if(T.bp||T.cw)a.search=T.bp||T.cw;T.bo(a,T.n);T.cY(T.n,a,b)};T.dX=function(a){T.t('SB19b',function(){var b,c={},e;T.e(a,function(f){if(!f.seen){f.seen=1;b=f.callback.name+f.id;if(!c[b])c[b]=[];c[b].push(f)}});for(var g in c){e=c[g][0];e.callback({infos:c[g],list:e.list})}},1)};T.dZ=0;T.dY=[];T.dS=function(a){a.visibleTime=0;if(!T.Q(a.minVisibleTime))a.minVisibleTime=2e3;var b,c=new IntersectionObserver(function(e){T.e(e,function(f){if(f.isIntersecting){a.lastVisible=new Date;a.trigger='visible';b=T.bi(function(){c.disconnect();T.dY.push(a);if(T.dZ)return;T.dZ=T.bi(function(){T.dZ=0;if(T.bk(T.dY)){T.dX(T.dY);T.dY=[];}},1e3,'Visible Ticking')},a.minVisibleTime-a.visibleTime,'On First Visible')}else{if(b)T.dW(b);if(a.lastVisible){a.visibleTime+=new Date-a.lastVisible;a.lastVisible=0}}})},{threshold:[0.5]});c.observe(a.e)};T.dU=[];T.dV=0;T.dT=function(a){T.dU.push(a)};T.cC=function(){T.t('SB18c',function(){var b,c,e=0,f=1,g=function(a){if(a.seen)return false;if(a.e&&a.e.getBoundingClientRect){try{b=a.e.getBoundingClientRect()}catch(h){}if(b){return b.top>-b.height/2&&b.left>-b.width/2&&b.bottom-b.height/2<=(w.innerHeight||d.documentElement.clientHeight)&&b.right-b.width/2<=(w.innerWidth||d.documentElement.clientWidth)}}return a.percent<T.dV},i=function(j,k){if(!k&&c)return;T.dW(c);c=T.bi(function(){c=0;T.t('SB18a',function(){l()},1)},j,'Scroll Tick '+k)} ,l=function(){var m=[],n=1,o,p,q,r=d.body,s=d.documentElement;q=w.pageYOffset,p=w.innerHeight;if(r&&r.scrollHeight){if(f==1)f=r.scrollHeight;if(s.clientHeight)n=s.clientHeight;if(q&&p)n=q+p;}o=n/f;if(o>T.dV){T.dV=o;e=n;T.t('SB18b',function(){T.e(T.dU,function(a){a.trigger='scroll '+o;if(g(a)&&T.bk(m)<=5)m.push(a)});if(T.bk(m)){T.dX(m);i(6e3,1)}},1);}};T.bE(d,'scroll',function(){i(1e3,0);});T.U('load',function(){l()})},1);};T.dN=function(a){if(a.e&&('IntersectionObserver' in window)){T.dS(a)}else{T.dT(a)}};T.dR=function(a,b,c,e){if(!w._bcCsrfProtectionPatched&&e<10){T.bi(function(){T.dR(a,b,c,e+1)},100,'XMLHttpRequest Wait '+e)}else{var f=new XMLHttpRequest();e=e||1;f.onreadystatechange=function(){if(this.readyState==4){if(this.status!=200){if(e<12){T.bi(function(){T.dR(a,b,c,e+1)},1e3,'XMLHttpRequest Retry '+e)}else{T.a('SB36','Request Failed after '+e+' attempts : '+a+' '+this.status,1,f);b(0,this.status)}}else{b(1,f.responseText?T.ck(f.responseText):'-missing-')}}};f.open(c?'POST':'GET',a,true);f.withCredentials=true;f.setRequestHeader('Content-type','application/json');if(c){f.setRequestHeader('Authorization','Bearer '+T.cK);f.send(T.ch({query:c}))}else{f.send()}}};T.dQ=function(a,b,c,e,f){if(T.aJ(w.location.href,'googleusercontent.com')){c(0,'googleusercontent.com')}else{e=e||0;f=f||0;b=b||{};e++;if(!w._bcCsrfProtectionPatched&&e<10){T.bi(function(){T.dQ(a,b,c,e,f)},100,'Fetch Wait '+e)}else{f++;w.fetch(a,b).then(function(g){if(g.ok){g.text().then(function(h){var i;try{i=T.ck(h)}catch(j){throw 'JSON parse error '+j+' '+a}try{c(i?1:0,i||'-empty-')}catch(j){throw 'onComplete error '+j+' '+a}})}else{if(f<2&&!['401','403','404','429'].includes(g.status)){T.bi(function(){T.dQ(a,b,c,e,f)},1e3*f,'Fetch '+f)}else{T.a('SB30','Fetch '+f+' Last Fail '+a+' '+g.status,1,g);try{c(0,g.status)}catch(j){T.a('SB30b','Fetch '+a+' onComplete '+(k.message||k),1,k)}}}}).catch(function(k){if(!k.message||!k.message.match(/^(cancel|annul|brochen|NetworkError when|Failed to fetch|ì·¨ìë¨)/)){if(f<2){T.bi(function(){T.dQ(a,b,c,e,f)},1e3,'Fetch Error '+f)}else{if(!T.cG)T.a('SB29','Fetch '+f+' Last Error '+a+' '+(k.message||k),1,k);c(0,k.message||k)}}else c(-1,k.message||k)})}}};T.dA=function(a,b){var c='/graphql';if(w.fetch){T.dQ(c,{method:'POST',credentials:'same-origin',headers:{'Content-Type':'application/json',Authorization:'Bearer '+T.cK},body:T.ch({query:a})},b)}else{T.dR(c,b,a)}};T.bQ=function(a,b){if(w.fetch){T.dQ(a,{credentials:'include'},b)}else{T.dR(a,b)}};T.bA=function(){T.o(T.dP,function(a){T.by(T.bz(a.elements))})};T.by=function(a){T.e(a,function(b){if(!b.e)b.e=T.bH("["+T.bw+"='promotion']["+T.bx+"='"+b.id+"']");var c=b.location=='top'?0.1:0.9;if(b.e){if(T.bB(b.e,'registered')){T.dN({se: T.dL,id:'',e:b.e,promotion:b,percent:c,callback:T.dO});T.bE(b.e,'click',function(){T.br(T.aA,b)})}}else{T.dN({se: T.dL,id:'',e:b.e,promotion:b,percent:c,callback:T.dO})}})};T.aA='PromotionClicked';T.dJ=0;T.bm=function(a,b){T.dJ++;T.e(a.items,function(c,e){if(!b||T.dr(b,c)){c.e=c.e||T.dK(c.productId,a.listName);var f={se:T.dL,id:T.dJ,e:c.e,product:c,list:a};if(c.e){if(T.bB(c.e,'registered')){f.callback=T.dM;f.percent=e/T.bk(a.items);T.dN(f);T.bE(c.e,'click',function(){if(!f.seen)T.dM({infos:[f],list:a});T.br(T.ae,f);})}}else{f.callback=T.dM;f.percent=e/T.bk(a.items);T.dN(f);}}})};T.ae='ProductClicked';T.bz=function(a){var b,c,e,f,g=[];if(!a)a=T.bv("["+T.bw+"='promotion']["+T.bx+"]");T.e(a,function(h){b=T.bC(h,T.bx);c=T.bC(h,'data-name');e=T.bC(h,'data-position');f={e:h};if(b)f.id=parseInt(b,10);if(c)f.name=c;if(e)f.location=e;g.push(f)});return g};T.bu=function(a){var b,c,e=[],f=T.dG(e,a);if(T.bk(e)){T.bl({reason:'List',items:e},function(g){for(b in f){c=f[b];if(T.cD)c.category=T.cD;T.bm(c,g.items)}})}};T.dF=[];T.dG=function(a,b){var c,e,f,g,h,i={},j,k,l,m,n,o,p=['{','blogid','pageid','categoryid','ssib'],q='data-tagrocket-searchprovider';T.e(b,function(r){j=T.dH(r)||'Page: '+T.cE;c=j.split(':')[0].trim();m=j;if(T.aJ(m,':'))m=m.split(':')[1].trim();i[j]=i[j]||{id:T.bn(j),type:c,listName:j,name:m,items:[]};n=T.dF[j]||0;f=T.bC(r,T.bx);e=T.bC(r,'data-product-price');l=T.bC(r,'data-product-category');g=T.bC(r,'data-name');h=T.bC(r,'data-product-brand');o=T.bC(r,'data-position');k={e:r,index:n};if(f)k.productId=parseInt(f,10);if(isNaN(k.productId)){if(!T.dI&&f&&p.some&&p.some(function(m){f.indexOf(m)!=0})){T.dI=1;
220T.a('SB43','Page contains invalid '+T.bx+' value: '+f,1,r)}}else{T.bB(r,'found');if(T.bB(r,'got')){if(T.w(e))k.price=parseFloat(e);if(l)k.category={path:l,breadcrumbs:[l]};if(T.bD(r,q))k.searchprovider=T.bC(r,q);if(T.j)k.currency=T.j;if(!isNaN(o))k.index=parseInt(o,10)-1;T.dF[j]=n+1;a.push(k);i[j].items.push(k)}}});return i};T.cg=function(a){var b='(unknown)';if(a&&a.nodeName){b=T.ax(a.nodeName);if(b=='body')return 'html>body';if(b=='head')return 'html>head';if(a.id)return b+'#'+a.id;if(a.className&&T.bk(a.className))b+='.'+a.className.split(/[ ,]+/).join('.');if(a.parentElement)b=T.cg(a.parentElement)+'>'+b;return b}};T.r=function(a,b){if(isNaN(a))return a;if(!b)b=0;var c=Math.pow(10,b),e=Number.EPSILON||2.220446049250313e-16;return Math.round((a+e)*c)/c};T.dE='GetValue';T.getProductId=function(a,b,c,e,f){if(c.type=='giftCertificate')return c.type;var g=(c.isVariant&&f?f:e);if(g.length<1)return;return T.K(T.K(T.K(T.K(T.K(T.K(T.K(T.K(T.K(T.K(T.K((T.e(g.split('||'),function(h){if((!T.aJ(h,'[[psku]]')||c.productSku)&&(!T.aJ(h,'[[pmpn]]')||c.productMpn)&&(!T.aJ(h,'[[pupc]]')||c.productUpc)&&(!T.aJ(h,'[[pgtin]]')||c.productGtin)&&(!T.aJ(h,'[[vname]]')||c.variantName)&&(!T.aJ(h,'[[vid]]')||c.variantId)&&(!T.aJ(h,'[[vsku]]')||c.variantSku)&&(!T.aJ(h,'[[vmpn]]')||c.variantMpn)&&(!T.aJ(h,'[[vupc]]')||c.variantUpc)&&(!T.aJ(h,'[[vgtin]]')||c.variantGtin))return h})||'[[pid]]'),/\[\[pid\]\]/ig,c.productId),/\[\[pmpn\]\]/ig,c.productMpn),/\[\[pupc\]\]/ig,c.productUpc),/\[\[pgtin\]\]/ig,c.productGtin),/\[\[psku\]\]/ig,c.productSku),/\[\[vname\]\]/ig,c.variantName),/\[\[vid\]\]/ig,c.variantId),/\[\[vsku\]\]/ig,c.variantSku),/\[\[vmpn\]\]/ig,c.variantMpn),/\[\[vupc\]\]/ig,c.variantUpc),/\[\[vgtin\]\]/ig,c.variantGtin)};T.bW=function(a){T.d.updated=!0;try{var b=a.billingAddress;T.p(b,'phone',T.cN(b.phone,b.countryCode));T.p(T.d,'email',T.ax(b.email));T.p(T.d,'phone',b.phone);T.p(T.d,'first_name',b.firstName);T.p(T.d,'last_name',b.lastName);T.p(T.d,'street',b.address1);T.p(T.d,'city',b.city);T.p(T.d,'state',b.stateOrProvince);T.p(T.d,'postal_code',b.postalCode);T.p(T.d,'country_code',b.countryCode);if(b.address2)T.d.street=(T.d.street?T.d.street+', ':'')+b.address2;}catch(c){T.a('SB56','Failed to update user data',1,c);}T.br(T.aY,T.d);};T.aY='UserDataUpdated';T.dB=function(a,b){if(a.variants.edges){return T.e(a.variants.edges,function(c){if(c.node.entityId==b)return c.node})}};T.dC=function(a){var b='',c;T.e(a.options.edges,function(e,f){c=e.node;if(f)b+=', ';b+=c.displayName+':';T.e(c.values.edges,function(g){b+=' '+g.node.label})});return b};T.dy='ProductDataGathered';T.dz='CartDataGathered';T.bl=function(a,b){T.t('SB26c',function(){var c=a.cart,e,f,g,h,i=[],j=[],k=T.cL('showHidden')=='true',l=function(i){a.requests++;var m=i.slice(0,25),n=j.filter(function(o){return T.dr(m,o.p)&&!T.dr(n,o.v)}).map(function(o){return o.v});f='query Products{site{';if(h){f+='id:product(entityId:'+e[0].productId+'){entityId sku mpn upc gtin variants(skus:['+T.ch(h)+']){edges{node{entityId}}}} product(sku:'+T.ch(h)+'){'}else{f+='products(first:25 entityIds:'+T.ch(m)+'){edges{node{'}f+='entityId sku name path defaultImage {url (width: 1000)}mpn upc gtin brand {name} categories{edges{node{name entityId breadcrumbs(depth:10 first:50){edges{node{name}}}}}}';if(c&&T.bk(n)){if(T.bk(n)>250)T.a('SB26','Can only get 250 variants. There are '+T.bk(n),1,n);f+='variants(first:250 entityIds:'+T.ch(n.slice(0,250))+'){edges{node{entityId mpn upc gtin options(first:50){edges{node{displayName values(first:50){edges{node{label}}}}}}}}}';}f+='twoVariants:variants(first:2){edges{node{entityId sku}}}';if(!h)f+='}}';f+='}}}';T.dA(f,function(p,q){T.t('SB32',function(){if(p>0){if(q.errors&&T.bk(q.errors))throw 'graphql '+q.errors[0].message;T.e(e,function(o){var r,s,t,u,v,x,y,z,aa,ab,ac,ad,ae;if(h){y=T.be(q,'data.site.product');z=T.be(q,'data.site.id.sku');aa=T.be(q,'data.site.id.mpn');ab=T.be(q,'data.site.id.upc');ac=T.be(q,'data.site.id.gtin');x=T.be(q,'data.site.id.variants.edges');if(x)o.variantId=T.be(x[0],'node.entityId');delete o.productSku}else{ad=T.be(q,'data.site.products.edges');if(!ad)T.a('SB32x',T.ch(q),1,q);y=T.e(ad,function(af){if(!af||!af.node)T.a('SB32z',T.ch(q),1,q);if(af&&af.node&&af.node.entityId==o.productId)return af.node});if(y)z=y.sku}if(y){o.completed=!0;var ag,ah=[],ai=o.sku,aj=y.name,ak=y.path,al=y.defaultImage,am=y.mpn,an=y.upc,ao=y.gtin,ap=y.brand,aq=o.variantId;ai=ai||h;if(z)o.productSku=z;if(ai&&z!=ai)o.variantSku=ai;if(aj)o.name=aj;if(al){o.defaultImage=al;if(al.url)al.data=T.K(al.url,'/1000w/','/{:size}/')};if(ak)o.url=T.cH+ak;if(h){if(aa)o.productMpn=aa;else delete o.productMpn;if(ab)o.productUpc=ab;else delete o.productUpc;if(ac)o.productGtin=ac;else delete o.productGtin;if(am&&aa!=am)o.variantMpn=am;if(an&&ab!=an)o.variantUpc=an;if(ao&&ac!=ao)o.variantGtin=ao;}else{if(am)o.productMpn=am;if(an)o.productUpc=an;if(ao)o.productGtin=ao;}if(ap&&ap.name)o.brand=ap.name;if(aq&&c){ae=T.dB(y,aq);
220if(ae){if(ae.options)o.variantName=T.dC(ae);if(ae.mpn)o.variantMpn=ae.mpn;if(ae.upc)o.variantUpc=ae.upc;if(ae.gtin)o.variantGtin=ae.gtin}else{T.a('SB27','Failed to get extra variant information for variant: '+aq,1,y);o.variantName='(id='+aq+')'}};o.isVariant=(ai&&(!z||z!=ai))==!0;v=T.be(y,'twoVariants.edges');if(T.bk(v)>0){ag=v[0].node;if(!o.isVariant)o.hasVariants=T.bk(v)>1||!(o.productSku==ag.sku||ag.sku=='');if(T.bk(v)<2&&!o.variantId)o.variantId=ag.entityId};o.categories=ah;t=T.be(y,'categories.edges');T.e(t,function(ar){if(!ar||!ar.node){T.a('SB32c',T.ch(t),1,t)}else{s={id:ar.node.entityId,name:ar.node.name,breadcrumbs:[]};ah.push(s);u=T.be(ar,'node.breadcrumbs.edges');if(!u){T.a('SB32b',T.ch(t),1,t)}else{T.e(u,function(as){s.breadcrumbs.push(as.node.name);});s.path=s.breadcrumbs.join("/");if(!r||r.id>s.id)r=s}}});o.category=r}})}else{if(T.pageType!='orderconfirmation'&&p==0&&!T.cG)T.a(a.reason,'Failed to get extra information for '+T.bk(m)+',ok='+p+',status='+q,1,m)}if(T.bk(i)>25){l(i.slice(25))}else{if(p>0&&!c&&!T.cG){var at=[];T.e(e,function(o){if(!o.completed)at.push(o)});if(T.bk(at)&&!k){if(g)T.a('SB55d','Could not get extra product data for URL sku '+g,1,{issues:at,items:e});else if(h)T.a('SB55a','Could not get extra product data for sku '+h,1,{issues:at,items:e});else T.a('SB55b',a.reason+' '+a.requests+' Could not get extra product data for '+T.bk(at)+' out of '+T.bk(e)+' items. '+at[0].productId,1,{issues:at,items:e});T.a('SB55c',T.ch(q),1,q)}}if(a.reason==T.v&&T.bk(e)&&!e[0].variantId&&T.dD)e[0].variantId=T.dD;b(a)}},1)})};if(a.reason==T.v){g=T.cL('sku');h=a.items[0].sku||g;}if(c){c.items=[];var au=c.lineItems;if(au)T.e([].concat(au.physicalItems,au.digitalItems,au.giftCertificates),function(av){if(c.currency&&c.currency.code)av.currency=c.currency.code;if(!T.w(av.price))av.price=av.salePrice;if(!T.w(av.price))av.price=av.list_price;if(av.type=='giftCertificate'){av.price=av.amount;av.productId='giftCertificate';av.quantity=1;av.isTaxable=av.taxable;av.completed=!0}if(av&&!av.parentId)c.items.push(av)});else{T.a('SB26b','Missing lineItems '+a.reason+' '+T.ch(a.response||c),1,c);return}}e=a.items||c.items;a.items=e;if(c)c.items=e;T.products=T.products||[];T.products.push(e);var aw=0;if(c){if(T.j&&!c.currency)c.currency={code:T.j};var ax,ay=c.baseAmount,az=c.cartAmount,ba=c.coupons;if(ay&&az)c.totalDiscount=ay-az;if(ba)c.couponCodes=ba.map(function(bb){return bb.code}).join(', ')}T.e(e,function(o){var bc=o.discountAmount,bd=o.couponAmount;if(!o.productId&&o.product_id)o.productId=o.product_id;if(!o.variantId&&o.variant_id)o.variantId=o.variant_id;ax=0;if(bc)ax+=bc;if(bd){ax+=bd;if(c&&c.couponCodes)o.couponCodes=c.couponCodes}if(ax){o.totalDiscount=ax;aw+=ax}if(o.type!='giftCertificate'&&o.productId&&!T.dr(i,o.productId))i.push(o.productId);if(o.variantId)j.push({p:o.productId,v:o.variantId});});if(c&&c.orderAmount)c.totalDiscount=(c.discountAmount||0)+aw;if(!T.bk(i)){T.I(function(){b(a)})}else{a.requests=0;l(i);}},1)};T.t('SB33',function(){var a=T.be(w,'prototype'),b=T.be(a,'send'),c=T.be(a,'open'),e=w.fetch;if(!T.xe){if(c){a.open=function(f,g){this.rurl=g;return c.apply(this,arguments)}}if(b&&b.apply){a.send=function(){var h=this;T.bE(h,'readystatechange',function(){if(h.readyState==4&&(h.status>399||h.status==0)){T.xe(h)}});return b.apply(this,arguments)}}}T.xq=T.xq||[];T.xe=function(i){T.xq.push(i)};if(!T.fe){if(e&&e.apply){w.fetch=function(g){/*This detects fetch errors.Please look up the stack for the real cause of the error*/return e.apply(this,arguments).then(function(j){if(j.status>399)T.fe({type:'status',url:j.url,message:j.status});return j}).catch(function(k){T.fe({type:T.aC,url:g.url||g,message:k.stack||k.message||k});throw k})}}}T.fq=T.fq||[];T.fe=function(l){T.fq.push(l)};},1);T.cz=function(){var a=0,b=0;T.aI='XMLHttpRequestResponseError';T.o(T.aI,function(a){var b=a.responseURL||a.rurl,c=a.status,e='XMLHttpRequest Response '+c,f=e+': '+b;if(b&&T.aJ(b,'/g/collect'))T.aK=1;if(b&&(T.aJ(b,'/api/storefront/carts/')||T.aJ(b,'/customer/current.jwt'))){}else{T.Y(T.aC,{description:T.O(f),error_type:'network',error_message:T.O(e),error_filename:T.O(b),fatal:false})}},'GF30',1&&!T.aK);T.xe=function(c){a++;
220if(T.cF){T.cF.dataset.xhrErrors=a;T.cF.dataset.xhrErrorsInfo=(T.cF.dataset.xhrErrorsInfo||'')+' '+(c.responseURL||c.rurl)+' '+c.status+' '+c.statusText+' '+c.readyState;};if(d.visibilityState!='hidden'&&a<6)T.br(T.aI,c)};if(T.xq){T.e(T.xq,function(c){T.xe(c)})}T.aL='FetchResponseError';T.o(T.aL,function(a){var b='Fetch Response '+d.visibilityState+' '+a.message;T.Y(T.aC,{description:T.O(b+': '+a.url),error_type:'network',error_message:T.O(b),error_filename:T.O(a.url),fatal:false})},'GF34',1);T.fe=function(e){b++;if(T.cF){T.cF.dataset.fetchErrors=b;T.cF.dataset.fetchErrorsInfo=(T.cF.dataset.fetchErrorsInfo||'')+' '+e.url+' '+T.O(e.message,30);};if(!(e.type==T.aC&&d.visibilityState=='hidden')){if(b<6)T.br(T.aL,e)}};if(T.fq){T.e(T.fq,function(e){T.fe(e)})}};T.cards=[];T.bt=function(a){var b=[],c,e;T.e(['dfd-data-product-id','data-compare-id'],function(f){T.e(T.eg(a,'['+f+']'),function(g){e=g.closest('.dfd-results-grid');if(e){c=g.closest('.dfd-card')||g;if(T.bB(c,'found')){T.el(c,T.bx,T.bC(g,f));T.el(c,T.bw,'list');T.el(c,'data-tagrocket-searchprovider','DooFinder');b.push(c)}}});});if(T.bk(b))T.cards.push({node:a,cards:b});return b};T.bj=function(){return T.bv("["+T.bw+"]["+T.bx+"]").length>0};T.bR=function(a){if(!localStorage)return;T.I(function(){var b,c,e,f=T.ck(T.bF('wsa-c')),g=f||{version:'n/a'},h,i,j={};T.ca=0;T.e(a.items,function(k){var l=k.productSku,m=k.variantName,n=k.brand,o=k.sku,p=k.quantity;if(T.ca<3){b='id.'+k.id+'.p'+k.productId;if(k.variantId)b+='.v'+k.variantId;c={productId:k.productId,quantity:p,price:k.price,name:k.name,category:k.category};if(l)c.productSku=l;if(m)c.variantName=m;if(n)c.brand=n;if(o)c.sku=o;e=p;i=g[b];if(i)e-=i.quantity;e&&T.bZ(e,k,a);j[b]=c}g[b]=null});j.version='1.0';T.bG('wsa-c',T.ch(j));for(h in g){i=g[h];i&&i.quantity&&T.bZ(-i.quantity,i,a)}});};T.bE(w,'visibilitychange',function(){if(T.bk(T.dY)){T.dX(T.dY);T.dY=[]}});T.cO=[];T.cP=function(a){if(typeof a!='string')return a;
220if(a[0]!='^')a='^'+a;if(a[T.bk(a)-1]!='$'||a[T.bk(a)-2]=='\\')a=a+'$';return new RegExp(a)};T.o=function(a,b,c,e){if(!a){T.a('On event missing event text: '+c,'');return};if(!c)c=a;if(T.bk(arguments)<4)e=!0;if(!a||(!e&&e!=false)||!c||!b){T.a('OnEvent bad data',a,b,c,e)}T.cO.push({r:T.cP(a),c:b,s:c,p:e})};T.cQ=[];T.on=function(a,b){if(!a)T.a('On event missing eventRegexText');if(!b)T.a('On event missing callback');T.cQ.push({r:T.cP(a),c:b,s:'C'+T.bk(T.cQ),p:!0})};T.cR=function(f,g,h){T.e(f,function(i){if(i.r.test(g))T.t(i.s,i.c,i.p,[h,g])})};T.cS=function(f,g,h){T.e(f,function(i){if(i.r.test(g))T.t(i.s,i.c,i.p,[h,g])})};T.cT=function(f,g,h,b){T.cU(f.filter(function(i){return i.r.test(g)}),function(i){T.t(i.s,i.c,i.p,[h,g])},b,g)};T.cV=function(g,h){T.cR(T.cQ,g,h);if(!h.cancelBuiltInEvents)T.cR(T.cO,g,h);return h};T.cW=function(g,h,b){T.cT(T.cQ,g,h,function(){if(!h.cancelBuiltInEvents)T.cT(T.cO,g,h,function(){b&&b(h)});else{b&&b(h)}});};T.cX=function(g,h){T.cS(T.cQ,g,h);if(!h.cancelBuiltInEvents)T.cS(T.cO,g,h);return h};T.f=function(g,h){h.cancelBuiltInEvents=!1;return T.cV(g,h)};T.br=function(g,h){T.I(function(){T.f(g,h)})};T.cY=function(g,h,b){h.cancelBuiltInEvents=!1;T.cW(g,h,function(j){b&&b(j)})};T.cZ=function(g,h){h.cancelBuiltInEvents=!1;return T.cX(g,h)};T.aO=function(g,h){h.cancel=!1;T.cV(g,h);return!h.cancel};T.da=function(g,h){h.cancel=!1;T.cX(g,h);return!h.cancel};T.d={};T.userData=T.d;T.userDataUpdated=function(){T.br(T.aY,T.d)};T.d.country_code='';T.d.region_code='';T.cD='';T.app={a:'3.47.31',v:'1.94.85692',d:'2026/07/15 13:14'};T.j='USD';T.am='USD';T.cE="Award Winning Dash Cams | New Range Available Now | Nextbase";T.cF=d.getElementsByTagName('head')[0];T.bw='data-event-type';T.bx='data-entity-id';T.V='DOMContentLoaded';T.aC='exception';T.instantLoad='';T.dataTagEnabled='false';T.m='page_view';T.h='config';T.J='event';T.cG=T.aJ(w.location.href,'translate.goog');T.pageType='home';T.cH='https://nextbase.com';T.cI=true;T.cJ="";T.b='allow_enhanced_conversions';T.cK="eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL25leHRiYXNlLmNvbSJdLCJlYXQiOjE3OTA0MTc4NTYsImlhdCI6MTc5MDI0NTA1NiwiaXNzIjoiQkMiLCJzaWQiOjEwMDIwOTQxNzcsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.S3S8xGMbF8uyiL_bUG2PwaaR0od0soYqNqRRDUwUuFqoMazRUJqvd_Q1Hl_rSifM5-bpGUwWAuXVgHI7WoWHAw";T.bp=T.cL('search_query');if(!T.bp)T.bp=T.cL('search_query_adv');if(T.bp)T.pageType=T.pageType+'_search';var a=T.N('navigation');T.cu=a&&a[0];T.T=T.Q(d.hidden)?''+d.hidden:'unknown';if(T.cu){var b=d.prerendering,c=T.cu.activationStart,e=T.cu.deliveryType,f=e=='navigational-prefetch'?'prefetch':e||'normal';T.R=T.Q(b)?(b?'prerender':(c>200?'prerender until script':'no')):'not supported';T.S=T.Q(b)?(b?'prerender':(c>200?'prerender until script':f)):f}else{T.R=T.S='unknown'}w.dataLayer=w.dataLayer||[];T.db=[];T.gp=[];T.H=function(){if(!T.dc&&T.dd){T.dc=!0;try{while(T.bk(T.db)){var a=T.db[0];T.db.splice(0, 1);gtag.apply(null,a)}if(T.de){while(T.bk(T.gp)){var a=T.gp[0];T.gp.splice(0, 1);gtag.apply(null,a)}}}finally{T.dc=!1;}}};T.G=function(b){if(!w.gtag||!w.gtag.tagrocket){w.gtag=function(c,e,f){var a=arguments;if(T.dd){var g=f&&f.send_to||[],h=Array.isArray(g)?g:[g],i=["g-7p4tzfql4h","tagrocket","googleanalyticsfour"];if(c==T.h&&e&&T.aJ(i,e.toLowerCase())&&((f&&f.send_page_view===!1)!=!0)){T.de=!0}if(c==T.J){if(e==T.m){if(h.some(function(j){return T.aJ(i,j.toLowerCase())})){T.df=!0}}else if(!T.de&&(h.some(function(j){return T.aJ(i,j.toLowerCase())}))){T.aP(f,'v');T.gp.push(a);return}}try{if(TextEncoder){var s=new TextEncoder().encode(T.ch(k)).byteLength;if(s>16e3)T.a('GT5','Gtag Payload Too Large '+s,1,arguments)}}catch(l){}T.aP(f,'e');dataLayer.push(a);if(T.df){T.df=!1;T.de=!0;T.H()}}else{if(c=='consent')dataLayer.push(a);else{T.aP(f,'p');T.db.push(a)}}};w.gtag.tagrocket=!0;return!0}};T.G('Start');dataLayer.splice(0).forEach(function(a){gtag.apply(null,a)});T.o(T.n,function(a){var b=[];T.e(a.infos,function(c){b.push(T.q({id:T.u(c.product)}))});T.k(a.search?'view_search_results':'view_item_list',{items:b})},'GA4',1);T.o(T.n,function(a){var b=[],c=a.list,e=c.listName,f={items:b},g;T.p(f,'currency',T.j);T.e(a.infos,function(h){g=T.af(h.product,(h.e?'element':'stencil')+' '+h.trigger+' '+(h.product.searchprovider?h.product.searchprovider:''));if(g)b.push(g)});
220if(c.category&&c.type!=c.category)e=c.type+': '+c.category;T.Y('view_item_list',T.ag(f,e,c.id))},'GF3d',1);T.o(T.n,function(a){var b=[],c=a.list,e,f=c.type,g='ViewContent';if(c.category)f=c.category;T.e(a.infos,function(h){b.push(T.bd(h.product));});e={content_ids:b,content_type:'product',content_category:f,content_name:c.name};if(a.search){e.search_string=a.search;g='Search'}T.aX(g,e,g=='ViewCategory'?'trackCustom':'track')},'FA8a',1);T.o(T.ay,function(a){T.e(a.infos,function(b){T.az('view_promotion',b.promotion)})},'GF40',1);T.o(T.ae,function(a){var b=T.af(a.product),c={items:[b]};T.p(c,'currency',T.j);if(b)T.Y('select_item',T.ag(c,a.list.listName,a.list.id))},'GF3c',1);T.o(T.aA,function(a){T.az('select_promotion',a)},'GF41',1);T.o(T.dg,function(a){T.bu(a.elements)});T.ba='consent';T.dh='default';T.di='update';T.dj='denied';T.dk='granted';T.bb='ConsentChanged';T.dl='ConsentPreChanged';T.at={gtagConsentModeV2:'advanced',consentSource:'bc',bcEnabled:T.cI,enabled:T.cI};T.consent=T.at;T.gtmConsent=function(a,b){T.dm(b||'gtm',a)};T.t('SB7',function(){var a,b,c=function(a){var e=!0,f=!1,g=T.ck(a);T.dn=T.do=T.aZ=T.dp=T.dq=f;if(g&&g.allow){if(T.dr(g.allow,3))T.dn=e;if(T.dr(g.allow,2))T.do=e;if(T.dr(g.allow,4)){T.dp=e;T.dq=e;T.aZ=e}};T.at.analytics=T.dn;T.at.functional=T.do;T.at.targetingAdvertising=T.aZ;T.at.adUserData=T.dp;T.at.adPersonalization=T.dq;};a=T.au('bc_consent');c(a);T.bM('SB7b',1,function(){b=T.au('bc_consent');if(a!=b){a=b;c(b);T.f(T.dl,T.at);T.f(T.bb,T.at)}},500)},1);T.ds='ConsentEstablished';T.U(T.V,function(){T.at.established='bc';T.dd=!0;T.cY(T.ds,T.at)});T.I=function(a){if(T.dd)a(!0);else T.o(T.ds,a)};T.t('SB84',function(){T.dm=function(a,b){var c='[-] external Consent Mode '+a+" command detected while Tag Rocket is set to using the BC Banner. Possibly because BigCommerce's BODL GA4 solution is enabled.",e=T.D({o:b,c:T.at}),f=T.at.trLast;if(f&&!T.at.errorSent&&(f.ad_storage!=b.ad_storage||f.analytics_storage!=b.analytics_storage||f.functionality_storage!=b.functionality_storage)){T.at.errorSent=!0;if(T.bF('wsa-cme'))T.aV(c,e);else T.a('SB91',c,1,e);T.bG('wsa-cme','-')}}},1);T.dt=!0;T.du=function(){var a=w.google_tag_data,b=T.dh,c=a&&a.ics&&a.ics.entries,e={},f,g;if(c){for(f in c){g=c[f];if(T.Q(g.update)){e[f]=g.update?T.dk:T.dj;b=T.di}else if(T.Q(g.default))e[f]=g.default?T.dk:T.dj}if(!T.dv(e)){a=T.at.googleTagData;if(!a||T.ch(e)!=T.ch(a)||(b==T.di&&T.dt)){T.dt=!1;T.at.googleTagData=T.D(e);T.dm('google_tag_data_'+b,e)}}}};T.bM('SB81',0,T.du,500);T.I(function(){T.G('WhenConsentEstablished');T.H()});T.dw=0;T.t('SB15',function(){w.dataLayer=w.dataLayer||[];var a,b=w.dataLayer,c=b.push,e=function(f,g){if(f&&f.length>2&&f[0]==T.ba)T.dm('dl_'+f[1]+'_'+g,f[2])};for(a=0;a<b.length;a++){e(b[a],'before')};b.push=function(){var h=[].slice.call(arguments,0);T.G('dataLayer.push');c.apply(b,h);h.forEach(function(i){e(i,'push')});T.H()};},1);T.init=function(){T.cM('The Tag Rocket API needs to be enabled to use it. Global Tag Values->Settings.')};T.U(T.V,function(){if(T.i)T.e(T.i,function(){T.init()});});T.g=function(){T.G('GtagAdvertisingConsent2');gtag.apply(null,arguments);T.H()};T.k=function(a,b,c){if(!b.send_to)b.send_to="AW-11285666033";b['developer_id.dODEzZj']=true;T.I(function(){T.t('GA91',function(){var e=''+d.location;if(c)gtag('set','page_location',c);T.g(T.J,a,b);if(c)gtag('set','page_location',e)},1)})};T.W=function(a,b,c){var e=T.G('GtagAnalyticsConsent2');T.aP(c,e?'a':'t');T.aP(c,'g');gtag.apply(null,arguments);T.H()};T.aQ=0;T.aR=0;T.aH=Date.now();T.Y=function(f,c){try{if(f==T.aC){T.aR++;if(T.aR>15)return};var g=T.X({},T.L,c);T.aQ++;g['developer_id.dODEzZj']=true;if(!gtag)T.a('GF43',f+': No gtag',1,g);T.I(function(h){T.t('GF91',function(){g.send_to="G-7P4TZFQL4H";T.aP(g,h?'y':'n');T.W(T.J,f,g)},1)});}catch(i){T.a('GF42',f+': '+i,1,i);throw i}};T.aX=function(a,b,c,e){b=b||{};b.app='TagRocket';c=c||'track';if(b.value||b.value===0){b.currency=b.currency||T.j}if(e){fbq(c,a,b,{eventID:e})}else{fbq(c,a,b)}};gtag('set','developer_id.dODEzZj',true);T.o(T.dl,function(){T.at.trLast={ad_user_data:T.dp?T.dk:T.dj,ad_personalization:T.dq?T.dk:T.dj,analytics_storage:T.dn?T.dk:T.dj,functionality_storage:T.do?T.dk:T.dj,ad_storage:T.aZ?T.dk:T.dj};T.G('ConsentChanged1');gtag(T.ba,T.di,T.at.trLast);dataLayer.push({event:'bc_consent_update'});T.H()});if(T.cI){T.at.trLast={ad_user_data:T.dp?T.dk:T.dj,ad_personalization:T.dq?T.dk:T.dj,functionality_storage:T.do?T.dk:T.dj,ad_storage:T.aZ?T.dk:T.dj,analytics_storage:T.dn?T.dk:T.dj};gtag(T.ba,T.dh,T.at.trLast);};T.bJ('wsa-cm');T.dx=function(){var a={address:{}},b=a.address;T.p(a,'email',T.d.email);T.p(a,'phone_number',T.d.phone);T.p(b,'first_name',T.d.first_name);T.p(b,'last_name',T.d.last_name);T.p(b,'street',T.d.street);T.p(b,'city',T.d.city);T.p(b,'postal_code',T.d.postal_code);
220if(T.dv(b)){delete a.address}else{T.p(b,'region',T.d.region_code||T.d.state);T.p(b,'country',T.d.country_code);}if(!T.dv(a))gtag('set','user_data',a)};T.o(T.aY,function(){T.dx()});T.dx();gtag('js',new Date);T.t('FA1c',function(){T.aS=[];T.aT=[];T.aU=1;var a;if(w.fbq){T.aV('Meta pixel already existed. Probable implementation duplication');T.aW=1}else{a=w.fbq=function(){var b=arguments,c=String(b[0]).indexOf('track');if(T.aU){c?T.aT.push(b):T.aS.push(b)}else{a.callMethod?a.callMethod.apply(a,b):a.queue.push(b)}};if(!w._fbq)w._fbq=a;a.push=a;a.loaded=!0;a.version='2.0';a.queue=[];T.aX('PageView')}},1);T.bh='https://www.googletagmanager.com/gtag/js?id=G-7P4TZFQL4H';T.t('FA1a',function(){if(!T.aW)T.bc('https://connect.facebook.net/en_US/fbevents.js')},1);T.t('GT2b',function(){T.bc(T.bh);},1);T.I(function(){T.t('GA2',function(){var a={groups:["TagRocket","GoogleAds"]};a[T.b]=!0;T.p(a,'user_id',T.d.id);T.g(T.h,"AW-11285666033",a);},1);T.t('GF1',function(){var a={},b={},c={send_page_view:false,groups:['TagRocket','GoogleAnalyticsFour']};T.L=a;var e={};T.p(e,'customer_id',T.d.id);T.p(e,'customer_group_name',T.d.customer_group_name);T.p(e,'customer_group_id',T.d.customer_group_id);T.p(e,'user_currency_code',T.j);gtag('set','user_properties',e);var f='deliveryType',g='',h=T.M(),i=T.N("resource");b.meta_description=T.O(T.P());b.content_group=T.pageType;a.page_type=T.pageType;if(!w.arrowFunctions)g+='arrowFunctions ';if(!w.asyncFunctions)g+='asyncFunctions ';if(!w.fetch)g+='fetch ';if(!w.MutationObserver)g+='MutationObserver ';if(!w.addEventListener)g+='addEventListener ';b.missing_features=g.trim()||'(none)';if(i)a.early_hints=i.filter(function(j){return j.initiatorType=='early-hints'}).length;a.effective_connection_type=h&&h.effectiveType||'unknown';a.save_data=(h&&T.Q(h.saveData))?''+h.saveData:'unknown';a.prerendered=T.R;a.delivery_type=T.S;a.initially_hidden=T.T;var k=d.documentElement,l=d.body;a.width=w.innerWidth||(k&&k.clientWidth);a.height=w.innerHeight||(k&&k.clientHeight);a.pixel_ratio=w.devicePixelRatio;if(!a.width)T.U(T.V,function(){a.width=l&&l.clientWidth;a.height=l&&l.clientHeight});T.p(a,'active_currency_code',T.j);T.p(a,'user_id',T.d.id);c[T.b]=!0;T.W(T.h,"G-7P4TZFQL4H",T.X(c,a));b=T.X(b,a);T.Y(T.m,b)},1);T.t('FA1e',function(){var a={},b=function(){T.p(a,'em',T.d.email);T.p(a,'external_id',T.d.id);T.p(a,'ph',T.K(T.d.phone,/^\+/));T.p(a,'fn',T.ax(T.d.first_name));T.p(a,'ln',T.ax(T.d.last_name));T.p(a,'ct',T.ax(T.K(T.d.city,/\s+/g)));T.p(a,'st',T.ax(T.d.region_code||T.d.state));T.p(a,'zp',T.ax(T.K(T.d.postal_code,/\s+/g)));T.p(a,'country',T.ax(T.d.country_code));};b();T.o(T.aY,function(){b()});var c=function(){if(T.Q(T.aZ)){fbq(T.ba,T.aZ?'grant':'revoke')}};c();T.o(T.bb,c);fbq('init',"3992157370847956",a);T.aU=0;T.e(T.aT.concat(T.aS),function(e){w.fbq.apply(w.fbq,e)})},1);T.t('GA2b',function(){var a={page_type:T.pageType};T.p(a,'customer_group_name',T.d.customer_group_name);T.p(a,'customer_group_id',T.d.customer_group_id);T.p(a,'currency_code',T.j);T.k(T.m,a);},1);});}catch(e){T.teh=T.teh||[];T.teh.push(e);if(T.a)T.a('HEAD',''+e,1,e);else if(T.tah)T.tah('Head Script ISSUE');}T.ts=1}}(window,document) 221 222</script>
vendor: 2 bytes, line 222
222
223<script async src='//d20fsrcwjjr1h7.cloudfront.net/fac55a60.js'></script>
223<!-- Hotjar Tracking Code for Nextbase US -->
224<script data-bc-cookie-consent="3" type="text/plain">
vendor: 125 bytes, lines 224-227
224 225 (function(h,o,t,j,a,r){ 226 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 227 h._hjSettings={hjid:
2273897503
vendor: 258 bytes, lines 227-232
227,hjsv:6}; 228 a=o.getElementsByTagName('head')[0]; 229 r=o.createElement('script');r.async=1; 230 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 231 a.appendChild(r); 232 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
233</script>
233<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
vendor: 1 bytes, line 233
233
234<script> 235 Weglot.initialize({ 236 api_key: 'wg_c7cd4026e494223ae48da9731281513e3', 237 switchers: [ 238 { 239 // Move switcher somewhere in the page 240 location: { 241 target: window.innerWidth >= 800 ? ".cm-footer-country-selectors" : ".cm-footer-country-selectors", 242 sibling: null 243 } 244 } 245 ] 246 }); 247</script>
vendor: 1 bytes, line 247
247
248<script> 249// Create a style element 250var styleElement = document.createElement('style'); 251 252// Define the CSS rule 253var cssRule = '.weglot-container { display: none !important; }'; 254 255// Add the CSS rule to the style element 256//styleElement.appendChild(document.createTextNode(cssRule)); 257 258// Append the style element to the head of the document 259//document.head.appendChild(styleElement); 260</script>
260<!-- begin Convert Experiences code-->
260<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/100413241-100414554.js?environment=production"></script>
260<!-- end Convert Experiences code --> 261 262
263<script> 264 265 266 267 268 269 270 271 272 273 </script>
273 274
274<script type=text/javascript> 275 /* >> TriplePixel :: start*/ 276 window.TriplePixelData={TripleName:"store-jpkc0tnv4j.mybigcommerce.com",ver:"2.17",plat:"bigcommerce",isHeadless:false,product:{id:"",name:"",price:""},checkout:{id:"",ship_email:""},user:{em:""}},function(W,H,A,L,E,_,B,N){function O(U,T,P,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,P?(H.open("POST",U,!0),H.setRequestHeader("Content-Type","text/plain")):H.open("GET",U,!0),H.send(JSON.stringify(P||{})),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes("/first")?eval(R):P||(N[B]=R)):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1,P))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1,L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)};try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push({u:location.href,r:document.referrer,t:Date.now(),id:L()}),A.setItem(H+"U",JSON.stringify(E))}catch(e){}var i,m,p;A.getItem('"!nC`')||(_=A,A=N,A[H]||(E=A[H]=function(t,e,a){return void 0===a&&(a=[]),"State"==t?E.s:(W=L(),(E._q=E._q||[]).push([W,t,e].concat(a)),W)},E.s="Installed",E._q=[],E.ch=W,B="configSecurityConfModel",N[B]=1,O("https://conf.config-security.com/model",5),i=L(),m=A[atob("c2NyZWVu")],_.setItem("di_pmt_wt",i),p={id:i,action:"profile",avatar:_.getItem("auth-security_rand_salt_"),time:m[atob("d2lkdGg=")]+":"+m[atob("aGVpZ2h0")],host:A.TriplePixelData.TripleName,plat:A.TriplePixelData.plat,url:window.location.href,ref:document.referrer,ver:A.TriplePixelData.ver},O("https://api.config-security.com/event",5,p),O("https://api.config-security.com/first?host=store-jpkc0tnv4j.mybigcommerce.com&plat=bigcommerce",5)))}}("","TriplePixel",localStorage); 277 /* << TriplePixel :: end*/ 278 </script>
278<script id="wsa-rich-snippets-2-intro" nonce=""> 279/* 280 Web Site Advantage: SEO Rich Snippets App 2 [2.58.64066] 281 https://bigcommerce.websiteadvantage.com.au/rich-snippets/ 282 Copyright (C) 2019 - 2025 Web Site Advantage 283*/ 284</script>
vendor: 2 bytes, line 284
284
285<script type="application/ld+json" id="wsa-rich-snippets-jsonld-product" nonce=""></script>
285 286 287<!-- TikTok Pixel Code Start: Initialization Script & Page Event -->
288<script> 289!function (w, d, t) { 290 w.TiktokAnalyticsObject=t;var ttq=w[t]=w[t]||[];ttq.methods=["page","track","identify","instances","debug","on","off","once","ready","alias","group","enableCookie","disableCookie"],ttq.setAndDefer=function(t,e){t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}};for(var i=0;i<ttq.methods.length;i++)ttq.setAndDefer(ttq,ttq.methods[i]);ttq.instance=function(t){for(var e=ttq._i[t]||[],n=0;n<ttq.methods.length;n++)ttq.setAndDefer(e,ttq.methods[n]);return e},ttq.load=function(e,n){var i="https://analytics.tiktok.com/i18n/pixel/events.js";ttq._i=ttq._i||{},ttq._i[e]=[],ttq._i[e]._u=i,ttq._t=ttq._t||{},ttq._t[e]=+new Date,ttq._o=ttq._o||{},ttq._o[e]=n||{},ttq._partner=ttq._partner||"BigCommerce";var o=document.createElement("script");o.type="text/javascript",o.async=!0,o.src=i+"?sdkid="+e+"&lib="+t;var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(o,a)}; 291 292 ttq.load('D1ENV1BC77U87UH7DNK0'); 293 ttq.page(); 294}(window, document, 'ttq'); 295 296if (typeof BODL === 'undefined') { 297 // https://developer.bigcommerce.com/theme-objects/breadcrumbs 298 299 // https://developer.bigcommerce.com/theme-objects/brand 300 301 // https://developer.bigcommerce.com/theme-objects/category 302 303 304 // https://developer.bigcommerce.com/theme-objects/product 305 306 307 308 309 310 311 312 // https://developer.bigcommerce.com/theme-objects/products 313 314 // https://developer.bigcommerce.com/theme-objects/product_results 315 316 // https://developer.bigcommerce.com/theme-objects/order 317 318 // https://developer.bigcommerce.com/theme-objects/wishlist 319 320 // https://developer.bigcommerce.com/theme-objects/wishlist 321 322 // https://developer.bigcommerce.com/theme-objects/cart 323 // (Fetching selective cart data to prevent additional payment button object html from causing JS parse error) 324 325 326 327 // https://developer.bigcommerce.com/theme-objects/customer 328 var BODL = JSON.parse("{\"breadcrumbs\":[{\"url\":\"https://nextbase.com/\",\"name\":\"Home\"}],\"products\":[],\"phone\":null,\"email\":null,\"address\":null}"); 329 330 const countryCodes = new Map([['Australia', 'au'],['New Zealand', 'nz'],['Russia', 'ru'],['Poland', 'pl'],['Czech Republic', 'cz'],['Israel', 'il'],['Romania', 'ro'],['Ukraine', 'ua'],['Japan', 'jp'],['Taiwan', 'tw'],['Ireland', 'ie'],['Austria', 'at'],['Sweden', 'se'],['Netherlands', 'nl'],['Norway', 'no'],['Finland', 'fi'],['Denmark', 'dk'],['Switzerland', 'ch'],['Belgium', 'be'],['Portugal', 'pt'],['Greece', 'gr'],['Germany', 'de'],['United Kingdom', 'gb'],['France', 'fr'],['Spain', 'es'],['Italy', 'it'],['India', 'in'],['South Korea', 'kr'],['Brazil', 'br'],['Mexico', 'mx'],['Argentina', 'ar'],['Chile', 'cl'],['Colombia', 'co'],['Peru', 'pe'],['Saudi Arabia', 'sa'],['Egypt', 'eg'],['United Arab Emirates', 'ae'],['Turkey', 'tr'],['Pakistan', 'pk'],['Morocco', 'ma'],['Iraq', 'iq'],['South Africa', 'za'],['Kuwait', 'kw'],['Oman', 'om'],['Qatar', 'qa'],['Bahrain', 'bh'],['Jordan', 'jo'],['Lebanon', 'lb'],['United States', 'us'],['Canada', 'ca'],['Singapore', 'sg'],['Thailand', 'th'],['Malaysia', 'my'],['Vietnam', 'vn'],['Philippines', 'ph'],['Indonesia', 'id'],['Cambodia', 'kh'],['Belarus', 'by'],['Venezuela', 've']]); 331 const stateList = new Map([['Arizona', 'az'],['Alabama', 'al'],['Alaska', 'ak'],['Arkansas', 'ar'],['California', 'ca'],['Colorado', 'co'],['Connecticut', 'ct'],['Delaware', 'de'],['Florida', 'fl'],['Georgia', 'ga'],['Hawaii', 'hi'],['Idaho', 'id'],['Illinois', 'il'],['Indiana', 'in'],['Iowa', 'ia'],['Kansas', 'ks'],['Kentucky', 'ky'],['Louisiana', 'la'],['Maine', 'me'],['Maryland', 'md'],['Massachusetts', 'ma'],['Michigan', 'mi'],['Minnesota', 'mn'],['Mississippi', 'ms'],['Missouri', 'mo'],['Montana', 'mt'],['Nebraska', 'ne'],['Nevada', 'nv'],['New Hampshire', 'nh'],['New Jersey', 'nj'],['New Mexico', 'nm'],['New York', 'ny'],['North Carolina', 'nc'],['North Dakota', 'nd'],['Ohio', 'oh'],['Oklahoma', 'ok'],['Oregon', 'or'],['Pennsylvania', 'pa'],['Rhode Island', 'ri'],['South Carolina', 'sc'],['South Dakota', 'sd'],['Tennessee', 'tn'],['Texas', 'tx'],['Utah', 'ut'],['Vermont', 'vt'],['Virginia', 'va'],['Washington', 'wa'],['West Virginia', 'wv'],['Wisconsin', 'wi'],['Wyoming', 'wy']]); 332 333 if (BODL.categoryName) { 334 BODL.category = { 335 name: BODL.categoryName, 336 products: BODL.categoryProducts, 337 } 338 } 339 340 if (BODL.productTitle) { 341 BODL.product = { 342 id: BODL.productId, 343 title: BODL.productTitle, 344 price: { 345 without_tax: { 346 currency: BODL.productCurrency, 347 value: BODL.productPrice, 348 }, 349 }, 350 } 351 } 352} 353 354BODL.getCartItemContentId = (item) => { 355 switch(item.type) { 356 case 'GiftCertificate': 357 return item.type; 358 break; 359 default: 360 return item.product_id; 361 } 362} 363 364BODL.getQueryParamValue = function (name) { 365 var cleanName = name.replace(/[\[]/, '\[').replace(/[\]]/, '\]'); 366 var regex = new RegExp('[\?&]' + cleanName + '=([^&#]*)'); 367 var results = regex.exec(window.location.search); 368 return results === null ? '' : decodeURIComponent(results[1].replace(/\+/g, ' ')); 369} 370 371// Advanced Matching 372 var phoneNumber = '' 373 var email = '' 374 var firstName = '' 375 var lastName = '' 376 var city = '' 377 var state = '' 378 var country = '' 379 var zip = '' 380 if (BODL.phone) { 381 var phoneNumber = BODL.phone; 382 if (BODL.phone.indexOf('+') === -1) { 383 // No country code, so default to US code 384 phoneNumber = `+1${phoneNumber}`; 385 } 386 } 387 388 if (BODL.email) { 389 var email = BODL.email 390 } 391 392 if (BODL.address) { 393 if (BODL.address.first_name) { 394 firstName = (BODL.address.first_name).toLowerCase() 395 } 396 397 if (BODL.address.last_name) { 398 lastName = (BODL.address.last_name).toLowerCase() 399 } 400 401 if (BODL.address.city) { 402 city = BODL.address.city.replace(/\s+/g, '').toLowerCase(); 403 } 404 405 rg = BODL.address.state; 406 if (typeof rg !== 'undefined' && stateList.has(rg)) { 407 state = stateList.get(rg); 408 } 409 410 cn = BODL.address.country 411 if (typeof cn !== 'undefined' && countryCodes.has(cn)) { 412 country = countryCodes.get(cn) 413 } 414 415 if (BODL.address.zip) { 416 zip = BODL.address.zip 417 } 418 } 419 420 ttq.instance('D1ENV1BC77U87UH7DNK0').identify({ 421 email: email, 422 phone_number: phoneNumber, 423 first_name: firstName, 424 last_name: lastName, 425 city: city, 426 state: state, 427 country: country, 428 zip_code: zip}) 429</script>
429 430<!-- TikTok Pixel Code End: Initialization Script & Page Event --> 431 432<!-- TikTok Pixel Code Start: View Product Content -->
433<script> 434if (BODL.product) { 435 const countryCodes = new Map([['Australia', 'au'],['New Zealand', 'nz'],['Russia', 'ru'],['Poland', 'pl'],['Czech Republic', 'cz'],['Israel', 'il'],['Romania', 'ro'],['Ukraine', 'ua'],['Japan', 'jp'],['Taiwan', 'tw'],['Ireland', 'ie'],['Austria', 'at'],['Sweden', 'se'],['Netherlands', 'nl'],['Norway', 'no'],['Finland', 'fi'],['Denmark', 'dk'],['Switzerland', 'ch'],['Belgium', 'be'],['Portugal', 'pt'],['Greece', 'gr'],['Germany', 'de'],['United Kingdom', 'gb'],['France', 'fr'],['Spain', 'es'],['Italy', 'it'],['India', 'in'],['South Korea', 'kr'],['Brazil', 'br'],['Mexico', 'mx'],['Argentina', 'ar'],['Chile', 'cl'],['Colombia', 'co'],['Peru', 'pe'],['Saudi Arabia', 'sa'],['Egypt', 'eg'],['United Arab Emirates', 'ae'],['Turkey', 'tr'],['Pakistan', 'pk'],['Morocco', 'ma'],['Iraq', 'iq'],['South Africa', 'za'],['Kuwait', 'kw'],['Oman', 'om'],['Qatar', 'qa'],['Bahrain', 'bh'],['Jordan', 'jo'],['Lebanon', 'lb'],['United States', 'us'],['Canada', 'ca'],['Singapore', 'sg'],['Thailand', 'th'],['Malaysia', 'my'],['Vietnam', 'vn'],['Philippines', 'ph'],['Indonesia', 'id'],['Cambodia', 'kh'],['Belarus', 'by'],['Venezuela', 've']]); 436 const stateList = new Map([['Arizona', 'az'],['Alabama', 'al'],['Alaska', 'ak'],['Arkansas', 'ar'],['California', 'ca'],['Colorado', 'co'],['Connecticut', 'ct'],['Delaware', 'de'],['Florida', 'fl'],['Georgia', 'ga'],['Hawaii', 'hi'],['Idaho', 'id'],['Illinois', 'il'],['Indiana', 'in'],['Iowa', 'ia'],['Kansas', 'ks'],['Kentucky', 'ky'],['Louisiana', 'la'],['Maine', 'me'],['Maryland', 'md'],['Massachusetts', 'ma'],['Michigan', 'mi'],['Minnesota', 'mn'],['Mississippi', 'ms'],['Missouri', 'mo'],['Montana', 'mt'],['Nebraska', 'ne'],['Nevada', 'nv'],['New Hampshire', 'nh'],['New Jersey', 'nj'],['New Mexico', 'nm'],['New York', 'ny'],['North Carolina', 'nc'],['North Dakota', 'nd'],['Ohio', 'oh'],['Oklahoma', 'ok'],['Oregon', 'or'],['Pennsylvania', 'pa'],['Rhode Island', 'ri'],['South Carolina', 'sc'],['South Dakota', 'sd'],['Tennessee', 'tn'],['Texas', 'tx'],['Utah', 'ut'],['Vermont', 'vt'],['Virginia', 'va'],['Washington', 'wa'],['West Virginia', 'wv'],['Wisconsin', 'wi'],['Wyoming', 'wy']]); 437 438 // Advanced Matching 439 var phoneNumber = '' 440 var email = '' 441 var firstName = '' 442 var lastName = '' 443 var city = '' 444 var state = '' 445 var country = '' 446 var zip = '' 447 if (BODL.phone) { 448 var phoneNumber = BODL.phone; 449 if (BODL.phone.indexOf('+') === -1) { 450 // No country code, so default to US code 451 phoneNumber = `+1${phoneNumber}`; 452 } 453 } 454 455 if (BODL.email) { 456 var email = BODL.email 457 } 458 459 if (BODL.address) { 460 if (BODL.address.first_name) { 461 firstName = (BODL.address.first_name).toLowerCase() 462 } 463 464 if (BODL.address.last_name) { 465 lastName = (BODL.address.last_name).toLowerCase() 466 } 467 468 if (BODL.address.city) { 469 city = BODL.address.city.replace(/\s+/g, '').toLowerCase(); 470 } 471 472 rg = BODL.address.state; 473 if (typeof rg !== 'undefined' && stateList.has(rg)) { 474 state = stateList.get(rg); 475 } 476 477 cn = BODL.address.country 478 if (typeof cn !== 'undefined' && countryCodes.has(cn)) { 479 country = countryCodes.get(cn) 480 } 481 482 if (BODL.address.zip) { 483 zip = BODL.address.zip 484 } 485 } 486 487 ttq.instance('D1ENV1BC77U87UH7DNK0').identify({ 488 email: email, 489 phone_number: phoneNumber, 490 first_name: firstName, 491 last_name: lastName, 492 city: city, 493 state: state, 494 country: country, 495 zip_code: zip}) 496 497 var productPrice = 0 498 var productCurrency = "" 499 if (BODL.productCurrencyWithoutTax && BODL.productCurrencyWithoutTax !== "") { 500 productPrice = BODL.productPriceWithoutTax 501 productCurrency = BODL.productCurrencyWithoutTax 502 } 503 if (BODL.productCurrencyWithTax && BODL.productCurrencyWithTax !== "") { 504 productPrice = BODL.productPriceWithTax 505 productCurrency = BODL.productCurrencyWithTax 506 } 507 //default contentId to productId if sku_id is not found on product 508 var contentID = BODL.productId 509 if (BODL.skuId && BODL.skuId !== "") { 510 contentID = BODL.skuId 511 } 512 ttq.instance('D1ENV1BC77U87UH7DNK0').track('ViewContent', { 513 content_id: contentID, 514 content_category: BODL.breadcrumbs[1] ? BODL.breadcrumbs[1].name : '', 515 content_name: BODL.product.title, 516 content_type: "product_group", 517 currency: productCurrency, 518 price: productPrice, 519 value: productPrice, 520 }); 521} 522</script>
522 523<!-- TikTok Pixel Code End: View Product Content --> 524 525<!-- TikTok Pixel Code Start: View Category Content -->
526<script> 527if (BODL.category) { 528 const countryCodes = new Map([['Australia', 'au'],['New Zealand', 'nz'],['Russia', 'ru'],['Poland', 'pl'],['Czech Republic', 'cz'],['Israel', 'il'],['Romania', 'ro'],['Ukraine', 'ua'],['Japan', 'jp'],['Taiwan', 'tw'],['Ireland', 'ie'],['Austria', 'at'],['Sweden', 'se'],['Netherlands', 'nl'],['Norway', 'no'],['Finland', 'fi'],['Denmark', 'dk'],['Switzerland', 'ch'],['Belgium', 'be'],['Portugal', 'pt'],['Greece', 'gr'],['Germany', 'de'],['United Kingdom', 'gb'],['France', 'fr'],['Spain', 'es'],['Italy', 'it'],['India', 'in'],['South Korea', 'kr'],['Brazil', 'br'],['Mexico', 'mx'],['Argentina', 'ar'],['Chile', 'cl'],['Colombia', 'co'],['Peru', 'pe'],['Saudi Arabia', 'sa'],['Egypt', 'eg'],['United Arab Emirates', 'ae'],['Turkey', 'tr'],['Pakistan', 'pk'],['Morocco', 'ma'],['Iraq', 'iq'],['South Africa', 'za'],['Kuwait', 'kw'],['Oman', 'om'],['Qatar', 'qa'],['Bahrain', 'bh'],['Jordan', 'jo'],['Lebanon', 'lb'],['United States', 'us'],['Canada', 'ca'],['Singapore', 'sg'],['Thailand', 'th'],['Malaysia', 'my'],['Vietnam', 'vn'],['Philippines', 'ph'],['Indonesia', 'id'],['Cambodia', 'kh'],['Belarus', 'by'],['Venezuela', 've']]); 529 const stateList = new Map([['Arizona', 'az'],['Alabama', 'al'],['Alaska', 'ak'],['Arkansas', 'ar'],['California', 'ca'],['Colorado', 'co'],['Connecticut', 'ct'],['Delaware', 'de'],['Florida', 'fl'],['Georgia', 'ga'],['Hawaii', 'hi'],['Idaho', 'id'],['Illinois', 'il'],['Indiana', 'in'],['Iowa', 'ia'],['Kansas', 'ks'],['Kentucky', 'ky'],['Louisiana', 'la'],['Maine', 'me'],['Maryland', 'md'],['Massachusetts', 'ma'],['Michigan', 'mi'],['Minnesota', 'mn'],['Mississippi', 'ms'],['Missouri', 'mo'],['Montana', 'mt'],['Nebraska', 'ne'],['Nevada', 'nv'],['New Hampshire', 'nh'],['New Jersey', 'nj'],['New Mexico', 'nm'],['New York', 'ny'],['North Carolina', 'nc'],['North Dakota', 'nd'],['Ohio', 'oh'],['Oklahoma', 'ok'],['Oregon', 'or'],['Pennsylvania', 'pa'],['Rhode Island', 'ri'],['South Carolina', 'sc'],['South Dakota', 'sd'],['Tennessee', 'tn'],['Texas', 'tx'],['Utah', 'ut'],['Vermont', 'vt'],['Virginia', 'va'],['Washington', 'wa'],['West Virginia', 'wv'],['Wisconsin', 'wi'],['Wyoming', 'wy']]); 530 531 // Advanced Matching 532 var phoneNumber = '' 533 var email = '' 534 var firstName = '' 535 var lastName = '' 536 var city = '' 537 var state = '' 538 var country = '' 539 var zip = '' 540 if (BODL.phone) { 541 var phoneNumber = BODL.phone; 542 if (BODL.phone.indexOf('+') === -1) { 543 // No country code, so default to US code 544 phoneNumber = `+1${phoneNumber}`; 545 } 546 } 547 548 if (BODL.email) { 549 var email = BODL.email 550 } 551 552 if (BODL.address) { 553 if (BODL.address.first_name) { 554 firstName = (BODL.address.first_name).toLowerCase() 555 } 556 557 if (BODL.address.last_name) { 558 lastName = (BODL.address.last_name).toLowerCase() 559 } 560 561 if (BODL.address.city) { 562 city = BODL.address.city.replace(/\s+/g, '').toLowerCase(); 563 } 564 565 rg = BODL.address.state; 566 if (typeof rg !== 'undefined' && stateList.has(rg)) { 567 state = stateList.get(rg); 568 } 569 570 cn = BODL.address.country 571 if (typeof cn !== 'undefined' && countryCodes.has(cn)) { 572 country = countryCodes.get(cn) 573 } 574 575 if (BODL.address.zip) { 576 zip = BODL.address.zip 577 } 578 } 579 580 ttq.instance('D1ENV1BC77U87UH7DNK0').identify({ 581 email: email, 582 phone_number: phoneNumber, 583 first_name: firstName, 584 last_name: lastName, 585 city: city, 586 state: state, 587 country: country, 588 zip_code: zip}) 589 590 ttq.instance('D1ENV1BC77U87UH7DNK0').track('ViewContent', { 591 contents: BODL.category.products.map((p) => ({ 592 content_id: p.id, 593 content_category: BODL.category.name, 594 content_name: p.name, 595 content_type: "product_group" 596 })) 597 }); 598} 599</script>
599 600<!-- TikTok Pixel Code End: View Category Content --> 601 602<!-- TikTok Pixel Code Start: Add to Wishlist -->
603<script> 604// This only sends one wishlist product: the one that was just added based on the 'added_product_id' param in the url 605if (BODL.wishlist) { 606 var productPrice = 0 607 var productCurrency = "" 608 if (BODL.productCurrencyWithoutTax && BODL.productCurrencyWithoutTax !== "") { 609 productPrice = BODL.productPriceWithoutTax 610 productCurrency = BODL.productCurrencyWithoutTax 611 } 612 if (BODL.productCurrencyWithTax && BODL.productCurrencyWithTax !== "") { 613 productPrice = BODL.productPriceWithTax 614 productCurrency = BODL.productCurrencyWithTax 615 } 616 617 var addedWishlistItem = BODL.wishlist.items.filter((i) => i.product_id === parseInt(BODL.getQueryParamValue('added_product_id'))).map((p) => ({ 618 var contentId = p.product_id 619 if (p.sku && p.sku !== "") { 620 contentId = p.sku 621 } 622 content_id: contentId, 623 // Commenting out as category data doesn't exist on wishlist items 624 // content_category: p.does_not_exist, 625 content_name: p.name, 626 content_type: "product_group", 627 currency: productCurrency, 628 price: productPrice, 629 value: productPrice, 630 })); 631 632 const countryCodes = new Map([['Australia', 'au'],['New Zealand', 'nz'],['Russia', 'ru'],['Poland', 'pl'],['Czech Republic', 'cz'],['Israel', 'il'],['Romania', 'ro'],['Ukraine', 'ua'],['Japan', 'jp'],['Taiwan', 'tw'],['Ireland', 'ie'],['Austria', 'at'],['Sweden', 'se'],['Netherlands', 'nl'],['Norway', 'no'],['Finland', 'fi'],['Denmark', 'dk'],['Switzerland', 'ch'],['Belgium', 'be'],['Portugal', 'pt'],['Greece', 'gr'],['Germany', 'de'],['United Kingdom', 'gb'],['France', 'fr'],['Spain', 'es'],['Italy', 'it'],['India', 'in'],['South Korea', 'kr'],['Brazil', 'br'],['Mexico', 'mx'],['Argentina', 'ar'],['Chile', 'cl'],['Colombia', 'co'],['Peru', 'pe'],['Saudi Arabia', 'sa'],['Egypt', 'eg'],['United Arab Emirates', 'ae'],['Turkey', 'tr'],['Pakistan', 'pk'],['Morocco', 'ma'],['Iraq', 'iq'],['South Africa', 'za'],['Kuwait', 'kw'],['Oman', 'om'],['Qatar', 'qa'],['Bahrain', 'bh'],['Jordan', 'jo'],['Lebanon', 'lb'],['United States', 'us'],['Canada', 'ca'],['Singapore', 'sg'],['Thailand', 'th'],['Malaysia', 'my'],['Vietnam', 'vn'],['Philippines', 'ph'],['Indonesia', 'id'],['Cambodia', 'kh'],['Belarus', 'by'],['Venezuela', 've']]); 633 const stateList = new Map([['Arizona', 'az'],['Alabama', 'al'],['Alaska', 'ak'],['Arkansas', 'ar'],['California', 'ca'],['Colorado', 'co'],['Connecticut', 'ct'],['Delaware', 'de'],['Florida', 'fl'],['Georgia', 'ga'],['Hawaii', 'hi'],['Idaho', 'id'],['Illinois', 'il'],['Indiana', 'in'],['Iowa', 'ia'],['Kansas', 'ks'],['Kentucky', 'ky'],['Louisiana', 'la'],['Maine', 'me'],['Maryland', 'md'],['Massachusetts', 'ma'],['Michigan', 'mi'],['Minnesota', 'mn'],['Mississippi', 'ms'],['Missouri', 'mo'],['Montana', 'mt'],['Nebraska', 'ne'],['Nevada', 'nv'],['New Hampshire', 'nh'],['New Jersey', 'nj'],['New Mexico', 'nm'],['New York', 'ny'],['North Carolina', 'nc'],['North Dakota', 'nd'],['Ohio', 'oh'],['Oklahoma', 'ok'],['Oregon', 'or'],['Pennsylvania', 'pa'],['Rhode Island', 'ri'],['South Carolina', 'sc'],['South Dakota', 'sd'],['Tennessee', 'tn'],['Texas', 'tx'],['Utah', 'ut'],['Vermont', 'vt'],['Virginia', 'va'],['Washington', 'wa'],['West Virginia', 'wv'],['Wisconsin', 'wi'],['Wyoming', 'wy']]); 634 635 // Advanced Matching 636 var phoneNumber = '' 637 var email = '' 638 var firstName = '' 639 var lastName = '' 640 var city = '' 641 var state = '' 642 var country = '' 643 var zip = '' 644 if (BODL.phone) { 645 var phoneNumber = BODL.phone; 646 if (BODL.phone.indexOf('+') === -1) { 647 // No country code, so default to US code 648 phoneNumber = `+1${phoneNumber}`; 649 } 650 } 651 652 if (BODL.email) { 653 var email = BODL.email 654 } 655 656 if (BODL.address) { 657 if (BODL.address.first_name) { 658 firstName = (BODL.address.first_name).toLowerCase() 659 } 660 661 if (BODL.address.last_name) { 662 lastName = (BODL.address.last_name).toLowerCase() 663 } 664 665 if (BODL.address.city) { 666 city = BODL.address.city.replace(/\s+/g, '').toLowerCase(); 667 } 668 669 rg = BODL.address.state; 670 if (typeof rg !== 'undefined' && stateList.has(rg)) { 671 state = stateList.get(rg); 672 } 673 674 cn = BODL.address.country 675 if (typeof cn !== 'undefined' && countryCodes.has(cn)) { 676 country = countryCodes.get(cn) 677 } 678 679 if (BODL.address.zip) { 680 zip = BODL.address.zip 681 } 682 } 683 684 ttq.instance('D1ENV1BC77U87UH7DNK0').identify({ 685 email: email, 686 phone_number: phoneNumber, 687 first_name: firstName, 688 last_name: lastName, 689 city: city, 690 state: state, 691 country: country, 692 zip_code: zip}) 693 694 ttq.instance('D1ENV1BC77U87UH7DNK0').track('AddToWishlist', addedWishlistItem[0]); 695} 696</script>
696 697<!-- TikTok Pixel Code End: Add to Wishlist --> 698 699<!-- TikTok Pixel Code Start: Subscribe to Newsletter -->
700<script> 701if (window.location.pathname.indexOf('/subscribe.php') === 0 && BODL.getQueryParamValue('result') === 'success') { 702 const countryCodes = new Map([['Australia', 'au'],['New Zealand', 'nz'],['Russia', 'ru'],['Poland', 'pl'],['Czech Republic', 'cz'],['Israel', 'il'],['Romania', 'ro'],['Ukraine', 'ua'],['Japan', 'jp'],['Taiwan', 'tw'],['Ireland', 'ie'],['Austria', 'at'],['Sweden', 'se'],['Netherlands', 'nl'],['Norway', 'no'],['Finland', 'fi'],['Denmark', 'dk'],['Switzerland', 'ch'],['Belgium', 'be'],['Portugal', 'pt'],['Greece', 'gr'],['Germany', 'de'],['United Kingdom', 'gb'],['France', 'fr'],['Spain', 'es'],['Italy', 'it'],['India', 'in'],['South Korea', 'kr'],['Brazil', 'br'],['Mexico', 'mx'],['Argentina', 'ar'],['Chile', 'cl'],['Colombia', 'co'],['Peru', 'pe'],['Saudi Arabia', 'sa'],['Egypt', 'eg'],['United Arab Emirates', 'ae'],['Turkey', 'tr'],['Pakistan', 'pk'],['Morocco', 'ma'],['Iraq', 'iq'],['South Africa', 'za'],['Kuwait', 'kw'],['Oman', 'om'],['Qatar', 'qa'],['Bahrain', 'bh'],['Jordan', 'jo'],['Lebanon', 'lb'],['United States', 'us'],['Canada', 'ca'],['Singapore', 'sg'],['Thailand', 'th'],['Malaysia', 'my'],['Vietnam', 'vn'],['Philippines', 'ph'],['Indonesia', 'id'],['Cambodia', 'kh'],['Belarus', 'by'],['Venezuela', 've']]); 703 const stateList = new Map([['Arizona', 'az'],['Alabama', 'al'],['Alaska', 'ak'],['Arkansas', 'ar'],['California', 'ca'],['Colorado', 'co'],['Connecticut', 'ct'],['Delaware', 'de'],['Florida', 'fl'],['Georgia', 'ga'],['Hawaii', 'hi'],['Idaho', 'id'],['Illinois', 'il'],['Indiana', 'in'],['Iowa', 'ia'],['Kansas', 'ks'],['Kentucky', 'ky'],['Louisiana', 'la'],['Maine', 'me'],['Maryland', 'md'],['Massachusetts', 'ma'],['Michigan', 'mi'],['Minnesota', 'mn'],['Mississippi', 'ms'],['Missouri', 'mo'],['Montana', 'mt'],['Nebraska', 'ne'],['Nevada', 'nv'],['New Hampshire', 'nh'],['New Jersey', 'nj'],['New Mexico', 'nm'],['New York', 'ny'],['North Carolina', 'nc'],['North Dakota', 'nd'],['Ohio', 'oh'],['Oklahoma', 'ok'],['Oregon', 'or'],['Pennsylvania', 'pa'],['Rhode Island', 'ri'],['South Carolina', 'sc'],['South Dakota', 'sd'],['Tennessee', 'tn'],['Texas', 'tx'],['Utah', 'ut'],['Vermont', 'vt'],['Virginia', 'va'],['Washington', 'wa'],['West Virginia', 'wv'],['Wisconsin', 'wi'],['Wyoming', 'wy']]); 704 705 // Advanced Matching 706 var phoneNumber = '' 707 var email = '' 708 var firstName = '' 709 var lastName = '' 710 var city = '' 711 var state = '' 712 var country = '' 713 var zip = '' 714 if (BODL.phone) { 715 var phoneNumber = BODL.phone; 716 if (BODL.phone.indexOf('+') === -1) { 717 // No country code, so default to US code 718 phoneNumber = `+1${phoneNumber}`; 719 } 720 } 721 722 if (BODL.email) { 723 var email = BODL.email 724 } 725 726 if (BODL.address) { 727 if (BODL.address.first_name) { 728 firstName = (BODL.address.first_name).toLowerCase() 729 } 730 731 if (BODL.address.last_name) { 732 lastName = (BODL.address.last_name).toLowerCase() 733 } 734 735 if (BODL.address.city) { 736 city = BODL.address.city.replace(/\s+/g, '').toLowerCase(); 737 } 738 739 rg = BODL.address.state; 740 if (typeof rg !== 'undefined' && stateList.has(rg)) { 741 state = stateList.get(rg); 742 } 743 744 cn = BODL.address.country 745 if (typeof cn !== 'undefined' && countryCodes.has(cn)) { 746 country = countryCodes.get(cn) 747 } 748 749 if (BODL.address.zip) { 750 zip = BODL.address.zip 751 } 752 } 753 754 ttq.instance('D1ENV1BC77U87UH7DNK0').identify({ 755 email: email, 756 phone_number: phoneNumber, 757 first_name: firstName, 758 last_name: lastName, 759 city: city, 760 state: state, 761 country: country, 762 zip_code: zip}) 763 764 ttq.instance('D1ENV1BC77U87UH7DNK0').track('Subscribe'); 765} 766</script>
766 767<!-- TikTok Pixel Code End: Subscribe to Newsletter --> 768 769<!-- TikTok Pixel Code Start: Search -->
770<script> 771if (BODL.search) { 772 const countryCodes = new Map([['Australia', 'au'],['New Zealand', 'nz'],['Russia', 'ru'],['Poland', 'pl'],['Czech Republic', 'cz'],['Israel', 'il'],['Romania', 'ro'],['Ukraine', 'ua'],['Japan', 'jp'],['Taiwan', 'tw'],['Ireland', 'ie'],['Austria', 'at'],['Sweden', 'se'],['Netherlands', 'nl'],['Norway', 'no'],['Finland', 'fi'],['Denmark', 'dk'],['Switzerland', 'ch'],['Belgium', 'be'],['Portugal', 'pt'],['Greece', 'gr'],['Germany', 'de'],['United Kingdom', 'gb'],['France', 'fr'],['Spain', 'es'],['Italy', 'it'],['India', 'in'],['South Korea', 'kr'],['Brazil', 'br'],['Mexico', 'mx'],['Argentina', 'ar'],['Chile', 'cl'],['Colombia', 'co'],['Peru', 'pe'],['Saudi Arabia', 'sa'],['Egypt', 'eg'],['United Arab Emirates', 'ae'],['Turkey', 'tr'],['Pakistan', 'pk'],['Morocco', 'ma'],['Iraq', 'iq'],['South Africa', 'za'],['Kuwait', 'kw'],['Oman', 'om'],['Qatar', 'qa'],['Bahrain', 'bh'],['Jordan', 'jo'],['Lebanon', 'lb'],['United States', 'us'],['Canada', 'ca'],['Singapore', 'sg'],['Thailand', 'th'],['Malaysia', 'my'],['Vietnam', 'vn'],['Philippines', 'ph'],['Indonesia', 'id'],['Cambodia', 'kh'],['Belarus', 'by'],['Venezuela', 've']]); 773 const stateList = new Map([['Arizona', 'az'],['Alabama', 'al'],['Alaska', 'ak'],['Arkansas', 'ar'],['California', 'ca'],['Colorado', 'co'],['Connecticut', 'ct'],['Delaware', 'de'],['Florida', 'fl'],['Georgia', 'ga'],['Hawaii', 'hi'],['Idaho', 'id'],['Illinois', 'il'],['Indiana', 'in'],['Iowa', 'ia'],['Kansas', 'ks'],['Kentucky', 'ky'],['Louisiana', 'la'],['Maine', 'me'],['Maryland', 'md'],['Massachusetts', 'ma'],['Michigan', 'mi'],['Minnesota', 'mn'],['Mississippi', 'ms'],['Missouri', 'mo'],['Montana', 'mt'],['Nebraska', 'ne'],['Nevada', 'nv'],['New Hampshire', 'nh'],['New Jersey', 'nj'],['New Mexico', 'nm'],['New York', 'ny'],['North Carolina', 'nc'],['North Dakota', 'nd'],['Ohio', 'oh'],['Oklahoma', 'ok'],['Oregon', 'or'],['Pennsylvania', 'pa'],['Rhode Island', 'ri'],['South Carolina', 'sc'],['South Dakota', 'sd'],['Tennessee', 'tn'],['Texas', 'tx'],['Utah', 'ut'],['Vermont', 'vt'],['Virginia', 'va'],['Washington', 'wa'],['West Virginia', 'wv'],['Wisconsin', 'wi'],['Wyoming', 'wy']]); 774 775 // Advanced Matching 776 var phoneNumber = '' 777 var email = '' 778 var firstName = '' 779 var lastName = '' 780 var city = '' 781 var state = '' 782 var country = '' 783 var zip = '' 784 if (BODL.phone) { 785 var phoneNumber = BODL.phone; 786 if (BODL.phone.indexOf('+') === -1) { 787 // No country code, so default to US code 788 phoneNumber = `+1${phoneNumber}`; 789 } 790 } 791 792 if (BODL.email) { 793 var email = BODL.email 794 } 795 796 if (BODL.address) { 797 if (BODL.address.first_name) { 798 firstName = (BODL.address.first_name).toLowerCase() 799 } 800 801 if (BODL.address.last_name) { 802 lastName = (BODL.address.last_name).toLowerCase() 803 } 804 805 if (BODL.address.city) { 806 city = BODL.address.city.replace(/\s+/g, '').toLowerCase(); 807 } 808 809 rg = BODL.address.state; 810 if (typeof rg !== 'undefined' && stateList.has(rg)) { 811 state = stateList.get(rg); 812 } 813 814 cn = BODL.address.country 815 if (typeof cn !== 'undefined' && countryCodes.has(cn)) { 816 country = countryCodes.get(cn) 817 } 818 819 if (BODL.address.zip) { 820 zip = BODL.address.zip 821 } 822 } 823 824 ttq.instance('D1ENV1BC77U87UH7DNK0').identify({ 825 email: email, 826 phone_number: phoneNumber, 827 first_name: firstName, 828 last_name: lastName, 829 city: city, 830 state: state, 831 country: country, 832 zip_code: zip}) 833 834 var productPrice = 0 835 var productCurrency = "" 836 if (BODL.productCurrencyWithoutTax && BODL.productCurrencyWithoutTax !== "") { 837 productPrice = BODL.productPriceWithoutTax 838 productCurrency = BODL.productCurrencyWithoutTax 839 } 840 if (BODL.productCurrencyWithTax && BODL.productCurrencyWithTax !== "") { 841 productPrice = BODL.productPriceWithTax 842 productCurrency = BODL.productCurrencyWithTax 843 } 844 845 ttq.instance('D1ENV1BC77U87UH7DNK0').track('Search', { 846 query: BODL.getQueryParamValue('search_query'), 847 contents: BODL.search.products.map((p) => ({ 848 var contentId = p.id 849 if (p.sku && p.sku !== "") { 850 contentId = p.sku 851 } 852 content_id: contentId, 853 // Products can be in multiple categories. 854 // Commenting out as this might distort category reports if only the first one is used. 855 // content_category: p.category[0], 856 content_name: p.name, 857 content_type: "product_group", 858 currency: productCurrency, 859 price: productPrice, 860 value: productPrice, 861 })) 862 }); 863} 864</script>
864 865<!-- TikTok Pixel Code End: Search --> 866 867<!-- TikTok Pixel Code Start: Registration -->
868<script> 869if (window.location.pathname.indexOf('/login.php') === 0 && BODL.getQueryParamValue('action') === 'account_created') { 870 const countryCodes = new Map([['Australia', 'au'],['New Zealand', 'nz'],['Russia', 'ru'],['Poland', 'pl'],['Czech Republic', 'cz'],['Israel', 'il'],['Romania', 'ro'],['Ukraine', 'ua'],['Japan', 'jp'],['Taiwan', 'tw'],['Ireland', 'ie'],['Austria', 'at'],['Sweden', 'se'],['Netherlands', 'nl'],['Norway', 'no'],['Finland', 'fi'],['Denmark', 'dk'],['Switzerland', 'ch'],['Belgium', 'be'],['Portugal', 'pt'],['Greece', 'gr'],['Germany', 'de'],['United Kingdom', 'gb'],['France', 'fr'],['Spain', 'es'],['Italy', 'it'],['India', 'in'],['South Korea', 'kr'],['Brazil', 'br'],['Mexico', 'mx'],['Argentina', 'ar'],['Chile', 'cl'],['Colombia', 'co'],['Peru', 'pe'],['Saudi Arabia', 'sa'],['Egypt', 'eg'],['United Arab Emirates', 'ae'],['Turkey', 'tr'],['Pakistan', 'pk'],['Morocco', 'ma'],['Iraq', 'iq'],['South Africa', 'za'],['Kuwait', 'kw'],['Oman', 'om'],['Qatar', 'qa'],['Bahrain', 'bh'],['Jordan', 'jo'],['Lebanon', 'lb'],['United States', 'us'],['Canada', 'ca'],['Singapore', 'sg'],['Thailand', 'th'],['Malaysia', 'my'],['Vietnam', 'vn'],['Philippines', 'ph'],['Indonesia', 'id'],['Cambodia', 'kh'],['Belarus', 'by'],['Venezuela', 've']]); 871 const stateList = new Map([['Arizona', 'az'],['Alabama', 'al'],['Alaska', 'ak'],['Arkansas', 'ar'],['California', 'ca'],['Colorado', 'co'],['Connecticut', 'ct'],['Delaware', 'de'],['Florida', 'fl'],['Georgia', 'ga'],['Hawaii', 'hi'],['Idaho', 'id'],['Illinois', 'il'],['Indiana', 'in'],['Iowa', 'ia'],['Kansas', 'ks'],['Kentucky', 'ky'],['Louisiana', 'la'],['Maine', 'me'],['Maryland', 'md'],['Massachusetts', 'ma'],['Michigan', 'mi'],['Minnesota', 'mn'],['Mississippi', 'ms'],['Missouri', 'mo'],['Montana', 'mt'],['Nebraska', 'ne'],['Nevada', 'nv'],['New Hampshire', 'nh'],['New Jersey', 'nj'],['New Mexico', 'nm'],['New York', 'ny'],['North Carolina', 'nc'],['North Dakota', 'nd'],['Ohio', 'oh'],['Oklahoma', 'ok'],['Oregon', 'or'],['Pennsylvania', 'pa'],['Rhode Island', 'ri'],['South Carolina', 'sc'],['South Dakota', 'sd'],['Tennessee', 'tn'],['Texas', 'tx'],['Utah', 'ut'],['Vermont', 'vt'],['Virginia', 'va'],['Washington', 'wa'],['West Virginia', 'wv'],['Wisconsin', 'wi'],['Wyoming', 'wy']]); 872 873 // Advanced Matching 874 var phoneNumber = '' 875 var email = '' 876 var firstName = '' 877 var lastName = '' 878 var city = '' 879 var state = '' 880 var country = '' 881 var zip = '' 882 if (BODL.phone) { 883 var phoneNumber = BODL.phone; 884 if (BODL.phone.indexOf('+') === -1) { 885 // No country code, so default to US code 886 phoneNumber = `+1${phoneNumber}`; 887 } 888 } 889 890 if (BODL.email) { 891 var email = BODL.email 892 } 893 894 if (BODL.address) { 895 if (BODL.address.first_name) { 896 firstName = (BODL.address.first_name).toLowerCase() 897 } 898 899 if (BODL.address.last_name) { 900 lastName = (BODL.address.last_name).toLowerCase() 901 } 902 903 if (BODL.address.city) { 904 city = BODL.address.city.replace(/\s+/g, '').toLowerCase(); 905 } 906 907 rg = BODL.address.state; 908 if (typeof rg !== 'undefined' && stateList.has(rg)) { 909 state = stateList.get(rg); 910 } 911 912 cn = BODL.address.country 913 if (typeof cn !== 'undefined' && countryCodes.has(cn)) { 914 country = countryCodes.get(cn) 915 } 916 917 if (BODL.address.zip) { 918 zip = BODL.address.zip 919 } 920 } 921 922 ttq.instance('D1ENV1BC77U87UH7DNK0').identify({ 923 email: email, 924 phone_number: phoneNumber, 925 first_name: firstName, 926 last_name: lastName, 927 city: city, 928 state: state, 929 country: country, 930 zip_code: zip}) 931 932 ttq.instance('D1ENV1BC77U87UH7DNK0').track('Registration'); 933} 934</script>
934 935<!-- TikTok Pixel Code End: Registration -->
936<script type="text/javascript"> 937// Create dns-prefetch link dynamically 938(function() { 939 var link = document.createElement("link"); 940 link.rel = "dns-prefetch"; 941 link.href = "//app.omniconvert.com"; 942 document.head.appendChild(link); 943 944 // Init Omniconvert object 945 window._mktz = window._mktz || []; 946 947 // Load Omniconvert script 948 var s = document.createElement("script"); 949 s.src = "//cdn.omniconvert.com/js/u7872e2.js"; // replace xxx.js with your ID 950 s.async = true; 951 document.head.appendChild(s); 952})(); 953</script>
953<script> 954/** 955 * Restrict visible country options on the registration page. 956 * 957 * This script runs only on the register page (identified by `.nb-register-wrapper`) 958 * and limits the visible options in the Country <select> dropdown to a specific 959 */ 960 961document.addEventListener("DOMContentLoaded", function () { 962 // Check if we are on the register page 963 const registerWrapper = document.querySelector(".nb-register-wrapper"); 964 965 if (registerWrapper) { 966 // Select the country dropdown by its data-field-type attribute 967 const countrySelect = document.querySelector('[data-field-type="Country"]'); 968 969 if (countrySelect) { 970 // Define the list of allowed country values (empty string is for the placeholder option) 971 const allowedCountries = ["", "United States"]; 972 973 // Loop through each option and hide those not in the allowed list 974 const options = countrySelect.options; 975 for (let i = 0; i < options.length; i++) { 976 const option = options[i]; 977 const value = option.value.trim(); 978 979 if (!allowedCountries.includes(value)) { 980 option.style.display = "none"; 981 } 982 } 983 } 984 } 985}); 986</script>
986<script data-bc-cookie-consent="2" type="text/plain"> 987//notify me 988 989 //webdav link 990 991//free shipping message in cart(categories name) 992 993// trustpilot show and hide controll 994 995//klarna installment 996 997 998 999//tax controll 1000 1001 1002 1003 1004 1005 1006 1007<!-- badge section settings --> 1008 1009 1010<!-- navigation home page settings for transparent view --> 1011 1012 1013 1014 1015 1016 <!-- Exclusive Bundle image --> 1017 1018 1019 1020<!-- Exclusive Bundle link --> 1021 1022 1023 1024<!-- navigation offer page animation --> 1025 1026 1027 1028 <!-- bundle builder black friday setting --> 1029 1030 1031 1032 1033 1034 1035 1036 1037 <!-- splitit --> 1038 1039 1040 1041 1042 1043 1044 1045 1046 1047 1048 1049 1050 1051 1052 1053 1054 1055//Filter badge settings in plp 1056 1057 1058 1059//red badge settings 1060 1061 1062 1063 1064 1065 1066 1067 1068// blog section 1069window.cm_nb_settings_storefront_api_token = { 1070 "token": 'eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL25leHRiYXNlLmNvbSJdLCJlYXQiOjE3OTA0MTc4NTYsImlhdCI6MTc5MDI0NTA1NiwiaXNzIjoiQkMiLCJzaWQiOjEwMDIwOTQxNzcsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.S3S8xGMbF8uyiL_bUG2PwaaR0od0soYqNqRRDUwUuFqoMazRUJqvd_Q1Hl_rSifM5-bpGUwWAuXVgHI7WoWHAw', 1071 "currency_code": 'USD', 1072 "base_url": "https://nextbase.co.uk" 1073}; 1074 1075 //<!-- blog page settings --> 1076 1077 1078//unwanted_search_filter_skus 1079 1080 1081 1082 1083// additional checkout button hide in pdps (paypal,google payâ¦etc) 1084 1085</script>
1085 1086
1087<script data-bc-cookie-consent="2" type="text/plain"> 1088 window.getcarturl = function (url) { 1089 return url 1090 }; 1091</script>
vendor: 1 bytes, line 1091
1091
1092<script data-bc-cookie-consent="2" type="text/plain"> 1093 1094 1095// Reselling product cards sku list 1096window.cm_nb_product_sku_map = { 1097"NBDVRS2SD128GBU3": 118, 1098"NBIQHWK": 1521, 1099"NBDVRS2SD32GBU3": 123, 1100"NBDVRS2SD64GBU3": 121, 1101"NBIQRWC-CABLE": 1520, 1102"NBIQ3MPLT": 1523, 1103"NBIQ2ANT": 1524, 1104"NBIQHWK": 1521, 1105"NBDVRS2RWC": 120, 1106"NBDVRS2SD256GBU3": 130, 1107"NBDVRS2CC": 128, 1108"NBDVRS2RFCW": 125, 1109"NBDVRS2RFCZ": 122, 1110"WPNBDVRS2PLT": 254, 1111"WPNBDVRS2SCUP": 255, 1112"NBDVRS2PMGPS": 124, 1113"NBDVRS2CLC": 127, 1114"NBDVRS2OBD": 10934, 1115"WPNBDVRS2PT": 250, 1116"WPNBDVRS2MICROFUSE": 257, 1117"NBDVRS2PF-BP": 126, 1118"WPNBDVRS2RWCMNT": 251, 1119"NBDVRS2SD256GBU3": 130, 1120"NBPICO-CC": 6312, 1121"NBPICO-HK": 6311, 1122"NBPICO-OBD": 6313, 1123"NBPICO-3M": 10589, 1124"NBPICO-CLC": 6316, 1125"WPNBDVRS2PLT": 254, 1126"WPNBDVRS2SCUP": 255, 1127"NBDVRS2PM": 132, 1128"NBDVRS2HK": 131, 1129"WPNBDVRS2PT": 250, 1130"WPNBDVRS2MICROFUSE": 257, 1131"NBDVRS2PF-BP": 126, 1132"NBDVRS2XR65M": 253 1133}; 1134 1135 1136(function applyConfig() { 1137 const keys = [ 1138 "cm_nb_ra_in_bg_config", 1139 "cm_nb_ra_in_bg_config_2" 1140 ]; 1141 1142 let applied = false; 1143 1144 keys.forEach(function (key) { 1145 if (window[key]) { 1146 window[key].includeTax = false; 1147 applied = true; 1148 } 1149 }); 1150 1151 if (!applied) { 1152 setTimeout(applyConfig, 500); 1153 } 1154})(); 1155</script>
vendor: 1 bytes, line 1155
1155
1156<script data-bc-cookie-consent="2" type="text/plain"> 1157//React app cloud fair links 1158 1159 1160window.cm_nb_cf_reactApp_links = { 1161 bundle_builder_css_url: "https://nxt-rfc-bigc-variant-bundle-builder-prod.pages.dev/cm_bundle_builder.css", 1162 bundle_builder_js_url: "https://nxt-rfc-bigc-variant-bundle-builder-prod.pages.dev/cm_bundle_builder.js", 1163 upgrade_cart_css_url: "https://nxt-rfc-bigc-cart-upgrade-app-prod.pages.dev/cm_cart_upgarde.css", 1164 upgrade_cart_js_url: "https://nxt-rfc-bigc-cart-upgrade-app-prod.pages.dev/cm_cart_upgarde.js", 1165 support_article_slider: "https://nxt-rfc-support-articles-slider-prod.pages.dev/cm_nb_ra_support_articles_slider.js", 1166 resell_product_slider: "https://nxt-rfc-resell-product-listing-prod.pages.dev/cm_nb_ra_resell_product_listing.js ", 1167 }; 1168</script>
1168<script> 1169window.setcookies_3rd_party_app = function(data) { 1170if(data.allow.includes(3)) 1171 { 1172 console.log("omni allowed") 1173 if(_mktz && typeof _mktz.saveConsentChoice === 'function'){ 1174 _mktz.saveConsentChoice('yes', 'We value your privacy, so please confirm...', '3'); 1175 _mktz?.init(); 1176 } 1177 } 1178 else{ 1179 if(_mktz){ 1180 _mktz.saveConsentChoice('no', 'We value your privacy, so please confirm...', '3'); 1181 } 1182 console.log("omni not allowed") 1183 } 1184 console.log("This is a global function defined on the window object.",data); 1185}; 1186</script>
1186<!-- Splitit js function -->
1187<script> 1188 1189 function splititconfig() { 1190 const input = '{"min": 0, "max": 130.00, "instalment": 4} + {"min": 130.01, "max": 5000, "instalment": 6}'; 1191 1192 const rangesData = input.split(' + '); 1193 1194 1195 const ranges = rangesData.map(rangeString => { 1196 const parts = rangeString.split(', '); 1197 const min = parseInt(parts[0].split(': ')[1]); 1198 const max = parseInt(parts[1].split(': ')[1]); 1199 const number = parseInt(parts[2].split(': ')[1]); 1200 return { min, max, number }; 1201 }); 1202 // console.log("splititconfig return",ranges); 1203 return ranges 1204 } 1205 1206 1207 1208 function checkPriceRange(price, currency_symbol = '') { 1209 // Define the ranges and respective numbers 1210 const ranges = splititconfig() 1211 // console.log("splititconfig return",ranges) 1212 // Iterate through the ranges to find the appropriate range for the price 1213 for (const range of ranges) { 1214 1215 if (price >= range.min && price <= range.max) { 1216 // Calculate the division based on the number for that range 1217 const result = price / range.number; 1218 // console.log("returns",result, {"price":currency_symbol + (result).toFixed(2),"instalment":range.number} ); 1219 return {"price":currency_symbol + (result).toFixed(2),"instalment":range.number}; 1220 } 1221 } 1222 1223 return null; // Price is not in any defined range 1224 } 1225 </script>
vendor: 1 bytes, line 1225
1225
1226<script> 1227// Boxing Day Header navigation color management Common Header scripts V2 1228$(function () { 1229 $('body').append(` 1230 <style> 1231 [data-content-region="header_top--global"] { 1232 pointer-events: auto; 1233 } 1234 1235 [data-content-region="header_top--global"] .homemenu-contents { 1236 pointer-events: none; 1237 } 1238 1239 [data-content-region="header_top--global"]:hover .homemenu-contents { 1240 pointer-events: auto; 1241 user-select: all; 1242 } 1243 1244 </style> 1245 `); 1246}); 1247</script>
1247<!-- Google Tag Manager -->
1248<script>
vendor: 327 bytes, lines 1248-1252
1248(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 1249new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 1250j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 1251'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 1252})(window,document,'script','dataLayer','
1252GTM-TRZSPG2P
vendor: 3 bytes, line 1252
1252');
1252</script>
1252 1253<!-- End Google Tag Manager -->
1253<script data-bc-cookie-consent="3" type="text/plain">/* >> Heatmap.com :: Snippet << */(function (h,e,a,t,m,ap) { (h._heatmap_paq = []).push([ 'setTrackerUrl', (h.heatUrl = e) + a]); h.hErrorLogs=h.hErrorLogs || []; ap=t.createElement('script'); ap.src=h.heatUrl+'preprocessor.min.js?sid='+m; ap.defer=true; t.head.appendChild(ap); ['error', 'unhandledrejection'].forEach(function (ty) { h.addEventListener(ty, function (et) { h.hErrorLogs.push({ type: ty, event: et }); }); });})(window,'https://dashboard.heatmap.com/','heatmap.php',document,5192);</script>
1253<script data-bc-cookie-consent="3" type="text/plain" src="https://cdn.logr-in.com/LogRocket.min.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1253
1253
1254<script data-bc-cookie-consent="3" type="text/plain">window.LogRocket && window.LogRocket.init('axt7bh/d2c-usa');</script>
1254<script data-bc-cookie-consent="3" type="text/plain" src="https://analytics.ahrefs.com/analytics.js" data-key="6outmov2dnI+M+s23LC6aA" async></script>
vendor: 1 bytes, line 1254
1254
1255<script nonce=""> 1256(function () { 1257 var xmlHttp = new XMLHttpRequest(); 1258 1259 xmlHttp.open('POST', 'https://bes.gcp.data.bigcommerce.com/nobot'); 1260 xmlHttp.setRequestHeader('Content-Type', 'application/json'); 1261 xmlHttp.send('{"store_id":"1002094177","timezone_offset":"-4.0","timestamp":"2026-09-24T19:14:33.84937200Z","visit_id":"582a8d93-c093-40ae-8682-0cd84f789d39","channel_id":1}'); 1262})(); 1263</script>
1263 1264 1265 1266 1267 1268 1269 1270 1271 1272 1273 1274 <style type="text/css" media="screen, print"> 1275 @font-face { 1276 font-family: "High Tide Demo"; 1277 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/HighTide.woff2") format("woff2"), 1278 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/HighTide.woff") format("woff"); 1279 font-display: swap; 1280 } 1281 @font-face { 1282 font-family: "bankgothic_lt_btlight"; 1283 font-style: normal; 1284 font-weight: 300; 1285 font-display: swap; 1286 src: local("Poppins Light"), local("Poppins-Light"), 1287 url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) 1288 format("woff2"); 1289 unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, 1290 U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; 1291 } 1292 1293 /* devanagari */ 1294 @font-face { 1295 font-family: "Poppins"; 1296 font-style: normal; 1297 font-weight: 300; 1298 font-display: swap; 1299 src: local("Poppins Light"), local("Poppins-Light"), 1300 url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z11lFc-K.woff2) 1301 format("woff2"); 1302 unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, 1303 U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; 1304 } 1305 1306 /* latin-ext */ 1307 @font-face { 1308 font-family: "Poppins"; 1309 font-style: normal; 1310 font-weight: 300; 1311 font-display: swap; 1312 src: local("Poppins Light"), local("Poppins-Light"), 1313 url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1JlFc-K.woff2) 1314 format("woff2"); 1315 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 1316 U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 1317 } 1318 /* latin */ 1319 @font-face { 1320 font-family: "Poppins"; 1321 font-style: normal; 1322 font-weight: 300; 1323 font-display: swap; 1324 src: local("Poppins Light"), local("Poppins-Light"), 1325 url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLDz8Z1xlFQ.woff2) 1326 format("woff2"); 1327 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 1328 U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 1329 U+2215, U+FEFF, U+FFFD; 1330 } 1331 1332 /* devanagari */ 1333 @font-face { 1334 font-family: "Poppins"; 1335 font-style: normal; 1336 font-weight: 400; 1337 font-display: swap; 1338 src: local("Poppins Regular"), local("Poppins-Regular"), 1339 url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJbecmNE.woff2) 1340 format("woff2"); 1341 unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, 1342 U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; 1343 } 1344 1345 /* latin-ext */ 1346 @font-face { 1347 font-family: "Poppins"; 1348 font-style: normal; 1349 font-weight: 400; 1350 font-display: swap; 1351 src: local("Poppins Regular"), local("Poppins-Regular"), 1352 url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJnecmNE.woff2) 1353 format("woff2"); 1354 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 1355 U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 1356 } 1357 1358 /* latin */ 1359 @font-face { 1360 font-family: "Poppins"; 1361 font-style: normal; 1362 font-weight: 400; 1363 font-display: swap; 1364 src: local("Poppins Regular"), local("Poppins-Regular"), 1365 url(https://fonts.gstatic.com/s/poppins/v9/pxiEyp8kv8JHgFVrJJfecg.woff2) 1366 format("woff2"); 1367 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 1368 U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 1369 U+2215, U+FEFF, U+FFFD; 1370 } 1371 1372 /* devanagari */ 1373 @font-face { 1374 font-family: "Poppins"; 1375 font-style: normal; 1376 font-weight: 700; 1377 font-display: swap; 1378 src: local("Poppins Bold"), local("Poppins-Bold"), 1379 url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z11lFc-K.woff2) 1380 format("woff2"); 1381 unicode-range: U+0900-097F, U+1CD0-1CF6, U+1CF8-1CF9, U+200C-200D, U+20A8, 1382 U+20B9, U+25CC, U+A830-A839, U+A8E0-A8FB; 1383 } 1384 1385 /* latin-ext */ 1386 @font-face { 1387 font-family: "Poppins"; 1388 font-style: normal; 1389 font-weight: 700; 1390 font-display: swap; 1391 src: local("Poppins Bold"), local("Poppins-Bold"),
1392 url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1JlFc-K.woff2) 1393 format("woff2"); 1394 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, 1395 U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 1396 } 1397 1398 /* latin */ 1399 @font-face { 1400 font-family: "Poppins"; 1401 font-style: normal; 1402 font-weight: 700; 1403 font-display: swap; 1404 src: local("Poppins Bold"), local("Poppins-Bold"), 1405 url(https://fonts.gstatic.com/s/poppins/v9/pxiByp8kv8JHgFVrLCz7Z1xlFQ.woff2) 1406 format("woff2"); 1407 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, 1408 U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, 1409 U+2215, U+FEFF, U+FFFD; 1410 } 1411 1412 /*Roobert-Bold */ 1413 @font-face { 1414 font-family: "Roobert-Bold"; 1415 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Bold.woff2") format("woff2"), 1416 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Bold.woff") format("woff"); 1417 font-display: swap; 1418 } 1419 /*Roobert-Heavy */ 1420 @font-face { 1421 font-family: "Roobert-Heavy"; 1422 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Heavy.woff2") format("woff2"), 1423 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Heavy.woff") format("woff"); 1424 font-display: swap; 1425 } 1426 /*Roobert-Heavy */ 1427 @font-face { 1428 font-family: "Roobert-Light"; 1429 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Light.woff2") format("woff2"), 1430 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Light.woff") format("woff"); 1431 font-display: swap; 1432 } 1433 /*Roobert-Medium */ 1434 @font-face { 1435 font-family: "Roobert-Medium"; 1436 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Medium.woff2") format("woff2"), 1437 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Medium.woff") format("woff"); 1438 font-display: swap; 1439 } 1440 /*Roobert-Regular */ 1441 @font-face { 1442 font-family: "Roobert-Regular"; 1443 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Regular.woff2") format("woff2"), 1444 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-Regular.woff") format("woff"); 1445 font-display: swap; 1446 } 1447 /*Roobert-SemiBold */ 1448 @font-face { 1449 font-family: "Roobert-SemiBold"; 1450 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-SemiBold.woff2") format("woff2"), 1451 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/font/Roobert-SemiBold.woff") format("woff"); 1452 font-display: swap; 1453 } 1454</style> 1455 1456<style> 1457 /* Remove outline by default */ 1458 *:focus { 1459 outline: none !important; 1460 outline-offset: 0 !important; 1461 } 1462 1463 /* Only show outline when 'keyboard-user' class is on body */ 1464 body.keyboard-user *:focus { 1465 outline: 2px solid #0f7fff !important; 1466 outline-offset: 2px !important; 1467 } 1468</style> 1469
1470<script> 1471 // Add class when Tab key is pressed 1472 document.addEventListener('keydown', (e) => { 1473 if (e.key === 'Tab') { 1474 document.body.classList.add('keyboard-user'); 1475 } 1476 }); 1477 1478 // Remove class when mouse is used 1479 document.addEventListener('mousedown', () => { 1480 document.body.classList.remove('keyboard-user'); 1481 }); 1482</script>
1482 1483 1484<style> 1485 @font-face { 1486 font-family: "iconpack"; 1487 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/icons/nav_icons/fontello.eot"); 1488 src: url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/icons/nav_icons/fontello.eot") 1489 format("embedded-opentype"), 1490 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/icons/nav_icons/fontello.woff") format("woff"), 1491 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/icons/nav_icons/fontello.ttf") format("truetype"), 1492 url("https://cdn11.bigcommerce.com/s-jpkc0tnv4j/content/icons/nav_icons/fontello.svg") format("svg"); 1493 } 1494 .fontello-icon { 1495 font-family: "iconpack"; 1496 font-style: normal; 1497 font-weight: normal; 1498 display: inline-block; 1499 text-decoration: inherit; 1500 text-align: center; 1501 font-variant: normal; 1502 text-transform: none; 1503 -webkit-font-smoothing: antialiased; 1504 -moz-osx-font-smoothing: grayscale; 1505 } 1506</style> 1507 1508 <style> 1509 .add-to-cart-wallet-buttons{ 1510 display: none; 1511 } 1512 1513 </style> 1514 1515 <!-- navigation header offer link --> 1516 <style> 1517 :root {--cm_nb_th_offer_section_menu_hover_color: #6317ff !important;--cm_nb_th_offer_section_menu_color: #fff;--cm_nb_th_offer_section_menu_round_color: rgb(138, 43, 226);} 1518 </style> 1519 1520<!-- Card-level: hide discount badge globally --> 1521<style> 1522</style> 1523 1524<!-- PDP-level: override card style on product pages --> 1525<style> 1526</style> 1527 </head> 1528 <body> 1529 <svg data-src="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/stencil/38e65070-6704-013f-6375-66379f5904cc/e/88351440-94a8-013f-b863-46687f5e6f27/img/icon-sprite.svg" class="icons-svg-sprite"></svg> 1530 1531 1532 1533<div data-content-region="header_top--global"><div data-layout-id="515c10ef-70a7-4abb-8664-83339e29d14b"> <div data-sub-layout-container="a91ad7f2-2ab0-4d33-8f6a-fc8ac89e01b7" data-layout-name="Top scroller"> 1534 <style data-container-styling="a91ad7f2-2ab0-4d33-8f6a-fc8ac89e01b7"> 1535 [data-sub-layout-container="a91ad7f2-2ab0-4d33-8f6a-fc8ac89e01b7"] { 1536 box-sizing: border-box; 1537 display: flex; 1538 flex-wrap: wrap; 1539 z-index: 0; 1540 position: relative; 1541 height: ; 1542 padding-top: 0px; 1543 padding-right: 0px; 1544 padding-bottom: 0px; 1545 padding-left: 0px; 1546 margin-top: 0px; 1547 margin-right: 0px; 1548 margin-bottom: 0px; 1549 margin-left: 0px; 1550 border-width: 0px; 1551 border-style: solid; 1552 border-color: #333333; 1553 } 1554 1555 [data-sub-layout-container="a91ad7f2-2ab0-4d33-8f6a-fc8ac89e01b7"]:after { 1556 display: block; 1557 position: absolute; 1558 top: 0; 1559 left: 0; 1560 bottom: 0; 1561 right: 0; 1562 background-size: cover; 1563 z-index: auto; 1564 } 1565 </style> 1566 1567 <div data-sub-layout="0ec5a188-deab-4976-b11d-0c108d85a02f"> 1568 <style data-column-styling="0ec5a188-deab-4976-b11d-0c108d85a02f"> 1569 [data-sub-layout="0ec5a188-deab-4976-b11d-0c108d85a02f"] { 1570 display: flex; 1571 flex-direction: column; 1572 box-sizing: border-box; 1573 flex-basis: 100%; 1574 max-width: 100%; 1575 z-index: 0; 1576 position: relative; 1577 height: ; 1578 padding-top: 0px; 1579 padding-right: 10.5px; 1580 padding-bottom: 0px; 1581 padding-left: 10.5px; 1582 margin-top: 0px; 1583 margin-right: 0px; 1584 margin-bottom: 0px; 1585 margin-left: 0px; 1586 border-width: 0px; 1587 border-style: solid; 1588 border-color: #333333; 1589 justify-content: center; 1590 } 1591 [data-sub-layout="0ec5a188-deab-4976-b11d-0c108d85a02f"]:after { 1592 display: block; 1593 position: absolute; 1594 top: 0; 1595 left: 0; 1596 bottom: 0; 1597 right: 0; 1598 background-size: cover; 1599 z-index: auto; 1600 } 1601 @media only screen and (max-width: 700px) { 1602 [data-sub-layout="0ec5a188-deab-4976-b11d-0c108d85a02f"] { 1603 flex-basis: 100%; 1604 max-width: 100%; 1605 } 1606 } 1607 </style> 1608 <div data-widget-id="cab1c474-8010-49a9-8571-bdeb863b75d0" data-placement-id="ed136fca-a0b2-4aed-b76e-cb6810bdaefa" data-placement-status="ACTIVE"><style> 1609 [data-content-region="header_top--global"] .homemenu-contents { 1610 width: 100vw !important; 1611 margin-left: calc(-50vw + 50%) !important; 1612} 1613 .homeprodct1 1614 { 1615 color: #fff !important; 1616 /* font-size: 0.875rem !important; */ 1617 font-size: var(--nb-fs-txt-std) !important; 1618 } 1619 .homeprodct2 1620 { 1621 color: #fff !important; 1622 /* font-size: 0.99rem !important; */ 1623 font-size: var(--nb-fs-txt-std) !important; 1624 } 1625 .homemenu-contents{ 1626 display: inline-block; 1627 text-align: center; 1628 flex-direction: row; 1629 flex-wrap: nowrap; 1630 align-items: center; 1631 justify-content: center; 1632 padding: 1px 10px; 1633 1634 background:black; 1635 text-align: center; 1636 /* font-size: 0.9rem !important; */ 1637 font-size: var(--nb-fs-txt-std) !important; 1638 1639 font-weight: 400; 1640 line-height: 1.6666666667; 1641 z-index: 9999; 1642 position: relative; 1643 } 1644 .homemenu-contents-with-background{ 1645 background-image: url(https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/bf-banner-top.png); 1646 display: flex; 1647 text-align: center; 1648 flex-direction: row; 1649 flex-wrap: wrap; 1650 align-items: center; 1651 justify-content: center; 1652 padding: 10px 10px; 1653 min-height: 100%; 1654 } 1655 1656 1657 .hiddenYellowBanner { 1658 display: none; 1659 } 1660 1661 @keyframes fadeInBanner { 1662 0% { 1663 opacity: 0; 1664 } 1665 100% { 1666 opacity: 1; 1667 } 1668 } 1669 .fadeBanner { 1670 animation: fadeInBanner 1s ease; 1671 } 1672 .a{ 1673 1674 } 1675.homemenu-contents small, 1676.homeprodct1 small, 1677.homeprodct2 small { 1678 font-size: var(--nb-fs-txt-sm) !important; 1679} 1680 @media screen and (max-width: 768px) { 1681 .homeprodct1, 1682 .homeprodct2, 1683 .homemenu-contents { 1684 font-size: var(--nb-fs-txt-md) !important; 1685 } 1686 1687} 1688 1689 </style> 1690 <!-- for yellow section --> 1691<span class="homemenu-contents"> 1692 <div id="div1YellowBanner"> 1693 <div class="yellow-banner-top-region" style="display: none;"> 1694 <div class="homemenu-contents navigationlist nav_type_b nav_type_c full-width-page "><a href="/exclusive-offers/" style="text-decoration: none"><span class="homeprodct1"><!--National Dash Cam Day! TODAY ONLY - Buy One Get One Half Price on all Dash Cams.--><!--Exclusive Bundles only available direct from Nextbase.Year end offer! Use code: <strong>"YEAREND20"</strong> for 20% off on all Dash Cams (bundles excluded).-->Save up to $320 on Exclusive bundles only available direct from Nextbase.<!--<!--10% OFF all products this weekend, use coupon WEEKEND10 at checkout.---->
1694 </span></a> <span class="section-time-based-period homeprodct1"><!--Order before 8PM for Next-Day Delivery <small>(Excludes parts)</small>--><a href="/help-and-support/delivery-returns-repairs/" style="text-decoration: none;color: white"> <!--- Order before 8pm for FREE Next-Day Delivery*</a> ---> <span class="section-time-based-after homeprodct1"></span></a></span></div><a href="/help-and-support/delivery-returns-repairs/" style="text-decoration: none;color: white"> 1695 </a></div><a href="/help-and-support/delivery-returns-repairs/" style="text-decoration: none;color: white"> 1696 1697 1698 <!-- for background image section --> 1699 </a><div class="with-background-banner-top-region" style="display: none;"><a href="/help-and-support/delivery-returns-repairs/" style="text-decoration: none;color: white"> 1700 </a><div class="homemenu-contents-with-background navigationlist nav_type_b nav_type_c full-width-page "><a href="/help-and-support/delivery-returns-repairs/" style="text-decoration: none;color: white"></a><a href="/exclusive-offers/" style="text-decoration: none"><span class="homeprodct2">BLACK FRIDAY DEAL LAST DAY! Buy one, get second 50% off! Applies to all Dash Cams <!--10% OFF all products this weekend, use coupon WEEKEND10 at checkout.--> </span></a> 1701 <!-- < <span class="section-time-based-period homeprodct2"> Order before 2PM for Next-Day Delivery.</span>--> 1702 </div> 1703 </div> 1704 </div> 1705 1706 1707 <div id="div2YellowBanner" class="hiddenYellowBanner"> 1708 <div class="yellow-banner-top-region" style="display: none;"> 1709 <div class="homemenu-contents navigationlist nav_type_b nav_type_c full-width-page "><a href="/dash-cams/" style="text-decoration: none"><span class="homeprodct1"><!--National Dash Cam Day! TODAY ONLY - Buy One Get One Half Price on all Dash Cams.--> <!---Purchase with 0% interest instalments up to 12 months using your existing credit card with Nextbase Pay.--->Pay your way using Affirm over 4 months or in 6 using your credit card with Nextbase Pay, interest-free 1710 1711 1712<!------><!--10% OFF all products this weekend, use coupon WEEKEND10 at checkout.--> </span></a></div> 1713 </div> 1714 1715 1716 <!-- for background image section --> 1717 <div class="with-background-banner-top-region" style="display: none;"> 1718 <div class="homemenu-contents-with-background navigationlist nav_type_b nav_type_c full-width-page "><a href="/dash-cams/" style="text-decoration: none"><span class="homeprodct2">BLACK FRIDAY DEAL LAST DAY! Buy one, get second 50% off! Applies to all Dash Cams <!--10% OFF all products this weekend, use coupon WEEKEND10 at checkout.--> </span></a> 1719 <!-- < <span class="section-time-based-period homeprodct2"> Order before 2PM for Next-Day Delivery.</span>--> 1720 </div> 1721 </div> 1722 </div> 1723</span>
1724<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
1724 1725
1725<script> 1726 var pathname = window.location.pathname; 1727 if(pathname === '/' || pathname === '/dash-cams') 1728 { 1729 $('.yellow-banner-top-region').show() 1730 } 1731 else{ 1732 //$('.with-background-banner-top-region').show() 1733 $('.yellow-banner-top-region').show() 1734 } 1735 1736 </script>
1736 1737
1737<script> 1738 // Function to toggle the visibility of the two divs 1739 function toggleYellowBanner() { 1740 var div1Banner = document.getElementById("div1YellowBanner"); 1741 var div2Banner = document.getElementById("div2YellowBanner"); 1742 if (div1Banner.classList.contains("hiddenYellowBanner")) { 1743 div1Banner.classList.remove("hiddenYellowBanner"); 1744 div1Banner.classList.add("fadeBanner"); 1745 div2Banner.classList.remove("fadeBanner"); 1746 div2Banner.classList.add("hiddenYellowBanner"); 1747 } else { 1748 div1Banner.classList.remove("fadeBanner"); 1749 div1Banner.classList.add("hiddenYellowBanner"); 1750 div2Banner.classList.remove("hiddenYellowBanner"); 1751 div2Banner.classList.add("fadeBanner"); 1752 } 1753 1754 1755 } 1756 1757 // Set an interval to toggle the divs every 20 seconds 1758 setInterval(toggleYellowBanner, 15000); 1759 </script>
1759 1760 1761</div> 1762 <div data-widget-id="a66f98b8-72c3-49d9-a571-d1c25d6bb867" data-placement-id="1b62be90-e263-485c-96dc-bc7ffc780524" data-placement-status="ACTIVE"><style> 1763 .review-section ,.trustpilot-widget { 1764 display: none !important; 1765 } 1766</style> 1767</div> 1768 </div> 1769</div> 1770 1771</div></div> 1772<div class="cm-header-layout" id="top"> 1773 <header class="header" role="banner"> 1774 <div class="header-inner cm-container-header"> 1775 <a href="#" class="mobileMenu-toggle" data-mobile-menu-toggle="menu"> 1776 <span class="mobileMenu-toggleIcon"></span> 1777 </a> 1778 1779 <div 1780 class="header-logo header-logo--center header-left" 1781 > 1782 <div class="header-logo-block"><a href="https://nextbase.com/" class="header-logo__link" data-header-logo-link> 1783 <div class="header-logo-image-container"> 1784 <img class="header-logo-image" 1785 src="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/images/stencil/250x32/logo_1757415802__32203.original_1757997075.original.png" 1786 srcset="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/images/stencil/250x100/logo_1757415802__32203.original_1757997075.original.png" 1787 alt="Nextbase.com" 1788 title="Nextbase.com"> 1789 </div> 1790</a> 1791</div> 1792 </div> 1793 1794 <div class="header-center"> 1795 <div class="navPages-container" id="menu" data-menu> 1796 <nav class="navPages"> 1797 <div class="navPages-quickSearch"> 1798 <div class="container"> 1799 <form class="form" data-url="https://nextbase.com/search.php" data-quick-search-form> 1800 <fieldset class="form-fieldset"> 1801 <div class="form-field"> 1802 <label class="is-srOnly" for="nav-menu-quick-search">Search</label> 1803 <input class="form-input" 1804 data-search-quick 1805 name="nav-menu-quick-search" 1806 id="nav-menu-quick-search" 1807 data-error-message="Search field cannot be empty." 1808 placeholder="Search the store" 1809 autocomplete="off" 1810 > 1811 </div> 1812 </fieldset> 1813 </form> 1814 <section class="quickSearchResults" data-bind="html: results"></section> 1815 <p role="status" 1816 aria-live="polite" 1817 class="aria-description--hidden" 1818 data-search-aria-message-predefined-text="product results for" 1819 ></p> 1820</div> 1821 </div> 1822 <ul class="navPages-list"> 1823 <li class="navPages-item"> 1824 </li> 1825 <li class="navPages-item"> 1826 </li> 1827 <li class="navPages-item"> 1828 </li> 1829 1830 <li class="navPages-item navPages-item-page cm_nb_th_nav_offer_link "> 1831 <a class="navPages-action" href="https://nextbase.com/exclusive-offers/" aria-label="Exclusive Offers" data-navigation-name="Exclusive Offers"> 1832 Exclusive Offers 1833 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 1834 <svg><use href="#icon-chevron-down" /></svg> 1835 </i> 1836 </a> 1837 <div class="dropdown-content" id="page-appendingSection"></div> 1838 </li> 1839 <li class="navPages-item navPages-item-page "> 1840 <a class="navPages-action" href="https://nextbase.com/dash-cams/" aria-label="Dash Cams" data-navigation-name="Dash Cams"> 1841 Dash Cams 1842 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 1843 <svg><use href="#icon-chevron-down" /></svg> 1844 </i> 1845 </a> 1846 <div class="dropdown-content" id="page-appendingSection"></div> 1847 </li> 1848 <li class="navPages-item navPages-item-page "> 1849 <a class="navPages-action" href="/accessories-parts/" aria-label="Accessories" data-navigation-name="Accessories"> 1850 Accessories 1851 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 1852 <svg><use href="#icon-chevron-down" /></svg> 1853 </i> 1854 </a> 1855 <div class="dropdown-content" id="page-appendingSection"></div> 1856 </li> 1857 <li class="navPages-item navPages-item-page "> 1858 <a class="navPages-action" href="https://nextbase.com/help-and-support/" aria-label="Support" data-navigation-name="Support"> 1859 Support 1860 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 1861 <svg><use href="#icon-chevron-down" /></svg> 1862 </i> 1863 </a> 1864 <div class="dropdown-content" id="page-appendingSection"></div> 1865 </li> 1866 <li class="navPages-item navPages-item-page "> 1867 <a class="navPages-action" href="https://nextbase.com/enterprise/" aria-label="Auto Manufacturers" data-navigation-name="Auto Manufacturers"> 1868 Auto Manufacturers 1869 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 1870 <svg><use href="#icon-chevron-down" /></svg> 1871 </i> 1872 </a> 1873 <div class="dropdown-content" id="page-appendingSection"></div> 1874 </li> 1875 <li class="navPages-item navPages-item-page "> 1876 <a class="navPages-action" href="https://nextbase.com/imagery-solutions/" aria-label="Imagery Solutions" data-navigation-name="Imagery Solutions"> 1877 Imagery Solutions 1878 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 1879 <svg><use href="#icon-chevron-down" /></svg> 1880 </i> 1881 </a> 1882 <div class="dropdown-content" id="page-appendingSection"></div> 1883 </li> 1884 1885 <li class="navPages-item cm-mobile-search" id="quick-search-expand"> 1886 <a href="/search.php" class="navPages-action navPages-action--cm-search"> 1887 Search 1888 </a> 1889 </li> 1890 </ul> 1891 <ul class="navPages-list navPages-list--user" id="nb-navPages-list--user"> 1892 <li class="navPages-item"> 1893 <a class="navPages-action" 1894 href="https://nextbase.com/login.php" 1895 aria-label="Sign in" 1896 > 1897 Login / Register 1898 </a> 1899 </li> 1900 </ul> 1901 <a href="/exclusive-offers/?int-area=topnav" class="exclusive-bundle-image"> 1902 <img src="https://cdn11.bigcommerce.com/s-5o7xzmxoo0/images/stencil/original/image-manager/exclusive-offers.png?t=1760692639" alt="exclusive-bundle-image"> 1903 </a> 1904</nav> </div> 1905 </div> 1906 1907 <div class="header-right"> 1908 <div class="nb-navigation-action-container"> 1909 <div class="row"> 1910 <nav class="navUser"> 1911 1912 <ul class="navUser-section navUser-section--alt"> 1913 <li class="navUser-item navUser-item--region-selector"> 1914 <a class="navUser-action region-selector-trigger cm-region-click">
1915 <span class="region-icon"> </span> 1916 </a> 1917 </li> 1918 1919 <li class="navUser-item navUser-item--account"> 1920 <a class="navUser-action" 1921 href="https://nextbase.com/login.php" 1922 aria-label="Sign in"> 1923 <span class="icon-account"></span> 1924 </a> 1925 </li> 1926 1927 <li class="navUser-item"> 1928 <button class="navUser-action navUser-action--quickSearch" 1929 type="button" 1930 id="quick-search-expand" 1931 data-search="quickSearch" 1932 aria-controls="quickSearch" 1933 aria-label="Search" 1934 onclick="window.location.href='https://nextbase.com/search.php';" 1935 > 1936 <span class="icon-search"></span> 1937 </button> 1938 </li> 1939 1940 <li class="navUser-item navUser-item--cart"> 1941 <a class="navUser-action" 1942 data-cart-preview 1943 data-dropdown="cart-preview-dropdown" 1944 data-options="align:right" 1945 href="https://nextbase.com/cart.php" 1946 aria-label="Cart with 0 items"> 1947 <span class="navUser-item-cartLabel"> 1948 <span class="icon-cart"></span> 1949 <span class="countPill cart-quantity"></span> 1950 </a> 1951 <div class="dropdown-menu" id="cart-preview-dropdown" data-dropdown-content aria-hidden="true"></div> 1952 </li> 1953 </ul> 1954</nav> </div> 1955 </div> 1956 </div> 1957 </div> 1958 1959 <div class="countrydropdown"> 1960 <div class="row cm-country-item-section"> 1961 <div class="large-3 columns show-for-medium-up pading-5"> 1962 <div class="cm-country-subtitle">Select Region</div> 1963 </div> 1964 <div class="large-9 columns pading-5"> 1965 <ul 1966 class="small-block-grid-2 medium-block-grid-3 navigation_country_list" 1967 ></ul> 1968 </div> 1969 </div> 1970 </div> 1971 </header> 1972</div> 1973<div data-content-region="header_bottom--global"><div data-layout-id="b5897226-041e-453e-bc4f-b2954d322d11"> <div data-sub-layout-container="0c37a87c-2c40-485e-974e-370afb2c0a98" data-layout-name="Navigation Menu"> 1974 <style data-container-styling="0c37a87c-2c40-485e-974e-370afb2c0a98"> 1975 [data-sub-layout-container="0c37a87c-2c40-485e-974e-370afb2c0a98"] { 1976 box-sizing: border-box; 1977 display: flex; 1978 flex-wrap: wrap; 1979 z-index: 0; 1980 position: relative; 1981 height: ; 1982 padding-top: 0px; 1983 padding-right: 0px; 1984 padding-bottom: 0px; 1985 padding-left: 0px; 1986 margin-top: 0px; 1987 margin-right: 0px; 1988 margin-bottom: 0px; 1989 margin-left: 0px; 1990 border-width: 0px; 1991 border-style: solid; 1992 border-color: #333333; 1993 } 1994 1995 [data-sub-layout-container="0c37a87c-2c40-485e-974e-370afb2c0a98"]:after { 1996 display: block; 1997 position: absolute; 1998 top: 0; 1999 left: 0; 2000 bottom: 0; 2001 right: 0; 2002 background-size: cover; 2003 z-index: auto; 2004 } 2005 </style> 2006 2007 <div data-sub-layout="6680b58d-1833-4144-9072-c1229f32e4aa"> 2008 <style data-column-styling="6680b58d-1833-4144-9072-c1229f32e4aa"> 2009 [data-sub-layout="6680b58d-1833-4144-9072-c1229f32e4aa"] { 2010 display: flex; 2011 flex-direction: column; 2012 box-sizing: border-box; 2013 flex-basis: 100%; 2014 max-width: 100%; 2015 z-index: 0; 2016 position: relative; 2017 height: ; 2018 padding-top: 0px; 2019 padding-right: 0px; 2020 padding-bottom: 0px; 2021 padding-left: 0px; 2022 margin-top: 0px; 2023 margin-right: 0px; 2024 margin-bottom: 0px; 2025 margin-left: 0px; 2026 border-width: 0px; 2027 border-style: solid; 2028 border-color: #333333; 2029 justify-content: center; 2030 } 2031 [data-sub-layout="6680b58d-1833-4144-9072-c1229f32e4aa"]:after { 2032 display: block; 2033 position: absolute; 2034 top: 0; 2035 left: 0; 2036 bottom: 0; 2037 right: 0; 2038 background-size: cover; 2039 z-index: auto; 2040 } 2041 @media only screen and (max-width: 700px) { 2042 [data-sub-layout="6680b58d-1833-4144-9072-c1229f32e4aa"] { 2043 flex-basis: 100%; 2044 max-width: 100%; 2045 } 2046 } 2047 </style> 2048 <div data-widget-id="1514f3a1-f462-43b6-a2b2-0ea7a073c5b4" data-placement-id="20defe01-a456-49b1-b74c-3234cb068a29" data-placement-status="ACTIVE"><!-- =========================================== 2049 MEGA MENU STYLES - DO NOT EDIT THIS SECTION 2050 =========================================== --> 2051<style> 2052 [data-content-region="header_bottom--global"] .cm_ng_th_megamenu{ 2053 display:none; 2054 } 2055 2056</style> 2057 2058<!-- =========================================== 2059 MEGA MENU CONTAINER - MAIN WRAPPER 2060 =========================================== --> 2061<div class="cm_ng_th_megamenu"> 2062 2063 <!-- =========================================== 2064 MENU SECTION 2: DASH CAMS 2065 =========================================== --> 2066 <div class="pageBuilder-data-container cm-container" data-cm_nb_th_megamenu="Dash Cams"> 2067 2068 <!-- MOBILE BACK BUTTON - DO NOT EDIT --> 2069 <div class="menu-back-button-mobile"> 2070 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2071 <svg><use href="#icon-chevron-down"></use></svg> 2072 </i>
2073 <span>Back To Menu</span> 2074 </div> 2075 2076 <!-- MAIN CONTENT AREA --> 2077 <div class="pageBuilder-data-main-content"> 2078 2079 <!-- CATEGORY CARDS SECTION - EDIT THESE CARDS BELOW --> 2080 <div class="pageBuilder-data-categories-section"> 2081 2082 <!-- =========================================== 2083 CATEGORY CARD 1 - EDIT THE VALUES BELOW 2084 =========================================== --> 2085 <a href="/dash-cams/" class="pageBuilder-data-category-card"> 2086 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2087 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/dash-cams.png" alt="All Dash Cams"> 2088 <div class="pageBuilder-data-text-container"> 2089 <!-- LINK TEXT - CHANGE THIS TEXT --> 2090 <div class="pageBuilder-data-category-name">All Dash 2091 Cams</div> 2092 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2093 <p class="pageBuilder-data-category-description">Complete 2094 range for 2095 every driver and every journey.</p> 2096 </div> 2097 <!-- ARROW ICON - DO NOT EDIT --> 2098 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2099 <svg><use href="#icon-chevron-down"></use></svg> 2100 </i> 2101 </a> 2102 2103 <!-- =========================================== 2104 CATEGORY CARD 2 - EDIT THE VALUES BELOW 2105 =========================================== --> 2106 <a href="/smart-dash-cams/iq-smart-dash-cam/" class="pageBuilder-data-category-card"> 2107 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2108 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/smart-dashcams.png" alt="Smart Dashcams"> 2109 <div class="pageBuilder-data-text-container"> 2110 <!-- LINK TEXT - CHANGE THIS TEXT --> 2111 <div class="pageBuilder-data-category-name">Smart 2112 Dash Cams</div> 2113 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2114 <p class="pageBuilder-data-category-description">App 2115 control, cloud 2116 storage, and intelligent features.</p> 2117 </div> 2118 <!-- ARROW ICON - DO NOT EDIT --> 2119 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2120 <svg><use href="#icon-chevron-down"></use></svg> 2121 </i> 2122 </a> 2123 2124 <!-- =========================================== 2125 CATEGORY CARD 3 - EDIT THE VALUES BELOW 2126 =========================================== --> 2127 <a href="/4k-dash-cams/" class="pageBuilder-data-category-card"> 2128 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2129 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/4k.png?t=1760344724" alt="4K Dash Cams"> 2130 <div class="pageBuilder-data-text-container"> 2131 <!-- LINK TEXT - CHANGE THIS TEXT --> 2132 <div class="pageBuilder-data-category-name">4K Dash 2133 Cams</div> 2134 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2135 <p class="pageBuilder-data-category-description">Ultra-clear 2136 footage 2137 with every detail captured.</p> 2138 </div> 2139 <!-- ARROW ICON - DO NOT EDIT --> 2140 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2141 <svg><use href="#icon-chevron-down"></use></svg> 2142 </i> 2143 </a> 2144 2145 <!-- =========================================== 2146 CATEGORY CARD 4 - EDIT THE VALUES BELOW 2147 =========================================== --> 2148 <a href="/dash-cams/piqo-dash-cam/" class="pageBuilder-data-category-card"> 2149 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2150 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/screenless.png" alt="Screenless Dash Cams"> 2151 <div class="pageBuilder-data-text-container"> 2152 <!-- LINK TEXT - CHANGE THIS TEXT --> 2153 <div class="pageBuilder-data-category-name">Screenless 2154 Dash Cams</div> 2155 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2156 <p class="pageBuilder-data-category-description">Discreet 2157 design 2158 with seamless phone connectivity.</p> 2159 </div> 2160 <!-- ARROW ICON - DO NOT EDIT --> 2161 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2162 <svg><use href="#icon-chevron-down"></use></svg> 2163 </i> 2164 </a> 2165 2166 <!-- =========================================== 2167 CATEGORY CARD 5 - EDIT THE VALUES BELOW 2168 =========================================== --> 2169 <a href="/dash-cams/renewed-dashcams/" class="pageBuilder-data-category-card"> 2170 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2171 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/refurbished.png" alt="Certified Refurbished"> 2172 <div class="pageBuilder-data-text-container"> 2173 <!-- LINK TEXT - CHANGE THIS TEXT --> 2174 <div class="pageBuilder-data-category-name">Certified 2175 Refurbished</div> 2176 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2177 <p class="pageBuilder-data-category-description">Tested, 2178 trusted, 2179 and more affordable.</p> 2180 </div> 2181 <!-- ARROW ICON - DO NOT EDIT --> 2182 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2183 <svg><use href="#icon-chevron-down"></use></svg> 2184 </i> 2185 </a> 2186 </div> 2187 </div> 2188 2189 <!-- SIDEBAR AREA WITH SHOP BY USE SECTION --> 2190 <div class="pageBuilder-data-sidebar"> 2191 <!-- SIDEBAR HEADER - YOU CAN CHANGE THIS TEXT --> 2192 <div class="shop-heading">Shop By Use</div> 2193 2194 <!-- SIDEBAR LIST - EDIT THESE LINKS BELOW --> 2195 <ul class="pageBuilder-data-sidebar-list"> 2196 <!-- =========================================== 2197 SIDEBAR ITEM 1 - EDIT THE VALUES BELOW 2198 =========================================== --> 2199 <li> 2200 <!-- LINK URL - CHANGE THIS URL --> 2201 <a href="/taxi-bundles/">Cab & Rideshare Drivers</a> 2202 <!-- ARROW ICON - DO NOT EDIT --> 2203 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2204 <svg><use href="#icon-chevron-down"></use></svg> 2205 </i> 2206 </li> 2207 2208 <!-- =========================================== 2209 SIDEBAR ITEM 2 - EDIT THE VALUES BELOW 2210 =========================================== --> 2211 <li> 2212 <!-- LINK URL - CHANGE THIS URL --> 2213 <a href="/smart-dash-cams/iq-smart-dash-cam/">Dash 2214 Cams for New Drivers</a> 2215 <!-- ARROW ICON - DO NOT EDIT --> 2216 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2217 <svg><use href="#icon-chevron-down"></use></svg> 2218 </i> 2219 </li> 2220 2221 <!-- =========================================== 2222 SIDEBAR ITEM 3 - EDIT THE VALUES BELOW 2223 =========================================== --> 2224 <li> 2225 <!-- LINK URL - CHANGE THIS URL --> 2226 <a href="/large-vehicles/">Large Vehicles</a> 2227 <!-- ARROW ICON - DO NOT EDIT --> 2228 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2229 <svg><use href="#icon-chevron-down"></use></svg> 2230 </i> 2231 </li> 2232 2233 2234 <!-- =========================================== 2235 SIDEBAR ITEM 4 - EDIT THE VALUES BELOW 2236 =========================================== --> 2237 <li> 2238 <!-- LINK URL - CHANGE THIS URL --> 2239 <a href="/off-road/">Off Road</a> 2240 <!-- ARROW ICON - DO NOT EDIT --> 2241 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2242 <svg><use href="#icon-chevron-down"></use></svg> 2243 </i> 2244 </li> 2245 </ul> 2246 <!-- FIRST TIME BUYER SECTION - EDIT THE VALUES BELOW --> 2247 <div class="pageBuilder-data-first-time-buyer"> 2248 <!-- ï¸ ICON IMAGE - CHANGE THIS URL TO YOUR ICON --> 2249 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/qlementine-icons-book-16.png?t=1761113333" alt="first-time-buyer"> 2250 <!-- LINK TEXT - CHANGE THIS TEXT AND URL -->
2251 <span><a href="/first-time-buyer-guide/">First 2252 Time Buyer Guide</a></span> 2253 </div> 2254 </div> 2255 </div> 2256 2257 <!-- =========================================== 2258 MENU SECTION 3: ACCESSORIES & PARTS 2259 =========================================== --> 2260 <div class="pageBuilder-data-container cm-container" data-cm_nb_th_megamenu="Accessories"> 2261 2262 <!-- MOBILE BACK BUTTON - DO NOT EDIT --> 2263 <div class="menu-back-button-mobile"> 2264 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2265 <svg><use href="#icon-chevron-down"></use></svg> 2266 </i> 2267 <span>Back To Menu</span> 2268 </div> 2269 2270 <!-- MAIN CONTENT AREA --> 2271 <div class="pageBuilder-data-main-content"> 2272 2273 <!-- CATEGORY CARDS SECTION - EDIT THESE CARDS BELOW --> 2274 <div class="pageBuilder-data-categories-section"> 2275 2276 <!-- =========================================== 2277 CATEGORY CARD 1 - EDIT THE VALUES BELOW 2278 =========================================== --> 2279 <a href="/accessories-parts/" class="pageBuilder-data-category-card"> 2280 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2281 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/accessories-and-parts.png" alt="All Accessories and Parts"> 2282 <div class="pageBuilder-data-text-container"> 2283 <!-- LINK TEXT - CHANGE THIS TEXT --> 2284 <div class="pageBuilder-data-category-name">All 2285 Accessories and 2286 Parts</div> 2287 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2288 <p class="pageBuilder-data-category-description">Everything 2289 you need to upgrade or replace mounts, cables and 2290 parts</p> 2291 </div> 2292 <!-- ARROW ICON - DO NOT EDIT --> 2293 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2294 <svg><use href="#icon-chevron-down"></use></svg> 2295 </i> 2296 </a> 2297 2298 <!-- =========================================== 2299 CATEGORY CARD 2 - EDIT THE VALUES BELOW 2300 =========================================== --> 2301 <a href="/rear-cameras/" class="pageBuilder-data-category-card"> 2302 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2303 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/rear-cameras.png" alt="Rear Cameras"> 2304 <div class="pageBuilder-data-text-container"> 2305 <!-- LINK TEXT - CHANGE THIS TEXT --> 2306 <div class="pageBuilder-data-category-name">Rear 2307 Cameras</div> 2308 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2309 <p class="pageBuilder-data-category-description">Add a 2310 rear view for complete coverage and safer 2311 driving</p> 2312 </div> 2313 <!-- ARROW ICON - DO NOT EDIT --> 2314 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2315 <svg><use href="#icon-chevron-down"></use></svg> 2316 </i> 2317 </a> 2318 2319 <!-- =========================================== 2320 CATEGORY CARD 3 - EDIT THE VALUES BELOW 2321 =========================================== --> 2322 <a href="/nextbase-memory-cards/" class="pageBuilder-data-category-card"> 2323 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2324 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/memmory-cards.png" alt="Nextbase Memory Cards"> 2325 <div class="pageBuilder-data-text-container"> 2326 <!-- LINK TEXT - CHANGE THIS TEXT --> 2327 <div class="pageBuilder-data-category-name">Nextbase 2328 Memory 2329 Cards</div> 2330 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2331 <p class="pageBuilder-data-category-description">Reliable 2332 storage for your recordings with loop support</p> 2333 </div> 2334 <!-- ARROW ICON - DO NOT EDIT --> 2335 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2336 <svg><use href="#icon-chevron-down"></use></svg> 2337 </i> 2338 </a> 2339 2340 <!-- =========================================== 2341 CATEGORY CARD 4 - EDIT THE VALUES BELOW 2342 =========================================== --> 2343 <a href="/accessories/professional-installation-standalone/" class="pageBuilder-data-category-card"> 2344 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2345 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/home-fitting.png" alt="Professional Fitting"> 2346 <div class="pageBuilder-data-text-container"> 2347 <!-- LINK TEXT - CHANGE THIS TEXT --> 2348 <div class="pageBuilder-data-category-name">Professional 2349 Installation</div> 2350 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2351 <p class="pageBuilder-data-category-description">Expert 2352 Installation for perfect setup and peace of mind</p> 2353 </div> 2354 <!-- ARROW ICON - DO NOT EDIT --> 2355 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2356 <svg><use href="#icon-chevron-down"></use></svg> 2357 </i> 2358 </a> 2359 </div> 2360 </div> 2361 2362 <!-- SIDEBAR AREA - CURRENTLY EMPTY --> 2363 <div class="pageBuilder-data-sidebar"> 2364 <!-- You can add sidebar content here if needed --> 2365 </div> 2366 </div> 2367 2368 <!-- =========================================== 2369 MENU SECTION 4: ASSISTANCE 2370 =========================================== --> 2371 2372 2373 <!-- =========================================== 2374 MENU SECTION 5: FLEET 2375 =========================================== --> 2376 <div class="pageBuilder-data-container cm-container" data-cm_nb_th_megamenu="Fleet"> 2377 2378 <!-- MOBILE BACK BUTTON - DO NOT EDIT --> 2379 <div class="menu-back-button-mobile"> 2380 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2381 <svg><use href="#icon-chevron-down"></use></svg> 2382 </i>
2383 <span>Back To Menu</span> 2384 </div> 2385 2386 <!-- MAIN CONTENT AREA --> 2387 <div class="pageBuilder-data-main-content"> 2388 2389 <!-- CATEGORY CARDS SECTION - EDIT THESE CARDS BELOW --> 2390 <div class="pageBuilder-data-categories-section"> 2391 2392 <!-- =========================================== 2393 CATEGORY CARD 1 - EDIT THE VALUES BELOW 2394 =========================================== --> 2395 <a href="" class="pageBuilder-data-category-card"> 2396 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2397 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/fleet-commercial.png" alt="Fleet & Commercial"> 2398 <div class="pageBuilder-data-text-container"> 2399 <!-- LINK TEXT - CHANGE THIS TEXT --> 2400 <div class="pageBuilder-data-category-name">Fleet & 2401 Commercial</div> 2402 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2403 <p class="pageBuilder-data-category-description"></p> 2404 </div> 2405 <!-- ARROW ICON - DO NOT EDIT --> 2406 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2407 <svg><use href="#icon-chevron-down"></use></svg> 2408 </i> 2409 </a> 2410 2411 <!-- =========================================== 2412 CATEGORY CARD 2 - EDIT THE VALUES BELOW 2413 =========================================== --> 2414 <a href="" class="pageBuilder-data-category-card"> 2415 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2416 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/automotive-dealership.png" alt="Automotive Dealership"> 2417 <div class="pageBuilder-data-text-container"> 2418 <!-- LINK TEXT - CHANGE THIS TEXT --> 2419 <div class="pageBuilder-data-category-name">Automotive 2420 Dealership</div> 2421 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2422 <p class="pageBuilder-data-category-description"></p> 2423 </div> 2424 <!-- ARROW ICON - DO NOT EDIT --> 2425 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2426 <svg><use href="#icon-chevron-down"></use></svg> 2427 </i> 2428 </a> 2429 2430 <!-- =========================================== 2431 CATEGORY CARD 3 - EDIT THE VALUES BELOW 2432 =========================================== --> 2433 <a href="" class="pageBuilder-data-category-card"> 2434 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2435 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/lease-and-hire.png" alt="Lease & Hire"> 2436 <div class="pageBuilder-data-text-container"> 2437 <!-- LINK TEXT - CHANGE THIS TEXT --> 2438 <div class="pageBuilder-data-category-name">Lease & 2439 Hire</div> 2440 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2441 <p class="pageBuilder-data-category-description"></p> 2442 </div> 2443 <!-- ARROW ICON - DO NOT EDIT --> 2444 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2445 <svg><use href="#icon-chevron-down"></use></svg> 2446 </i> 2447 </a> 2448 2449 <!-- =========================================== 2450 CATEGORY CARD 4 - EDIT THE VALUES BELOW 2451 =========================================== --> 2452 <a href="" class="pageBuilder-data-category-card"> 2453 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2454 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/telematics-and-tracking.png" alt="Telematics & Tracking"> 2455 <div class="pageBuilder-data-text-container"> 2456 <!-- LINK TEXT - CHANGE THIS TEXT --> 2457 <div class="pageBuilder-data-category-name">Telematics & 2458 Tracking</div> 2459 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2460 <p class="pageBuilder-data-category-description"></p> 2461 </div> 2462 <!-- ARROW ICON - DO NOT EDIT --> 2463 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2464 <svg><use href="#icon-chevron-down"></use></svg> 2465 </i> 2466 </a> 2467 2468 <!-- =========================================== 2469 CATEGORY CARD 5 - EDIT THE VALUES BELOW 2470 =========================================== --> 2471 <a href="" class="pageBuilder-data-category-card"> 2472 <!-- ï¸ IMAGE URL - CHANGE THIS URL TO YOUR IMAGE --> 2473 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/vechicle-manufacturer.png" alt="Vehicle Manufacturer"> 2474 <div class="pageBuilder-data-text-container"> 2475 <!-- LINK TEXT - CHANGE THIS TEXT --> 2476 <div class="pageBuilder-data-category-name">Vehicle 2477 Manufacturer</div> 2478 <!-- DESCRIPTION - CHANGE THIS DESCRIPTION --> 2479 <p class="pageBuilder-data-category-description"></p> 2480 </div> 2481 <!-- ARROW ICON - DO NOT EDIT --> 2482 <i class="icon navPages-action-moreIcon" aria-hidden="true"> 2483 <svg><use href="#icon-chevron-down"></use></svg> 2484 </i> 2485 </a> 2486 </div> 2487 </div> 2488 2489 </div> 2490</div> 2491 2492<!-- =========================================== 2493 END OF MEGA MENU - DO NOT EDIT BELOW THIS LINE 2494 =========================================== --> 2495 2496 2497 2498 2499 2500</div> 2501 </div> 2502</div> 2503 2504 <div data-widget-id="562982ae-a85d-4b55-8428-6ad87c0a31ae" data-placement-id="abc14289-a5e3-41f2-8941-ca7fc0856434" data-placement-status="ACTIVE"><style> 2505 .review-section ,.trustpilot-widget { 2506 display: none !important; 2507 } 2508</style> 2509</div> 2510</div></div> 2511<div data-content-region="header_bottom"></div> <div class="body" id="main-content" data-currency-code="USD" data-page-type="page"> 2512 2513 <div class="container"> 2514 2515 2516<main class="page"> 2517 <h1 class="page-heading">Homepage | Nextbase</h1> 2518 2519 2520 <div data-content-region="page_builder_content"></div> 2521 2522 <div class="page-content page-content--centered"> 2523 <div class="cm_nb_defult_page_content"><div class="shogun-root" data-shogun-id="697098f58c5c9391dda8bbf4" data-shogun-site-id="222629ad-b2ca-48c9-89b7-e56c7a86f78f" data-shogun-page-id="697098f58c5c9391dda8bbf4" data-shogun-page-version-id="6aad34c65135bd49d36d8b4b" data-shogun-platform-type="big_commerce" data-shogun-variant-id="6aad34c75135bd49d36d9537" data-shogun-page-type="page" data-shogun-power-up-type="" data-shogun-power-up-id="" data-region="main"> <link rel="stylesheet" type="text/css" href="https://a.shgcdn2.com/css-2026-03-06-0655/6aad34c65135bd49d36d8b4b_6aad34c75135bd49d36d9537.css"/> <link rel="stylesheet" type="text/css" href="https://fonts.googleapis.com/css?family=Inter:400,300,500"/>
2523<script type="text/javascript" src="https://a.shgcdn2.com/js-2025-09-16-1610/global-assets-0b41192f1213fbb53e99ab683b8eb509fe691e2b.js" defer></script>
2523
2523<script type="text/javascript" src="https://a.shgcdn2.com/js-2025-09-16-1610/add_ons_asset_6aad34c65135bd49d36d8b4b_6aad34c75135bd49d36d9537.js" defer></script>
2523 <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-065d1915-2443-4bee-b029-e9a563fcf6d5"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-c163bfd3-c2c7-40cd-a08f-736068d197a9" class="shg-c shg-align-left"> <!DOCTYPE html> <html lang="en"> <style> 2524/* ============================================================ 2525 GLOBAL STYLES & VARIABLES 2526============================================================ */ 2527#main-content { 2528 2529 background-color: #fff; 2530} 2531/* ============================================================ 2532 CONTAINER DEFINITIONS 2533============================================================ */ 2534.nb_home_banner_container { 2535 position: relative; 2536 z-index: 10; 2537 width: 100%; 2538 max-width: 86.80%; 2539 margin: 0 auto; 2540 /*padding: 0 60px;*/ 2541 box-sizing: border-box; 2542} 2543/* 1200px max width container for the "Why Drivers Choose" section */ 2544.nb_home_banner_container.nb_home_banner_container_1200 { 2545 max-width: 83.33%; 2546} 2547/* ============================================================ 2548 HERO SECTION 2549============================================================ */ 2550.nb_home_banner_hero { 2551 position: relative; 2552 width: 100%; 2553 padding-top: 120px; 2554 padding-bottom: 30px; 2555 display: flex; 2556 flex-direction: column; 2557 overflow: hidden; 2558 background: #09090f; 2559} 2560.nb_home_banner_hero__bg { 2561 position: absolute; 2562 inset: 0; 2563 background-image: url('https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/home-banner-nextbase-dsk.jpg'); 2564 background-size: cover; 2565 background-position: center 45%; 2566 background-repeat: no-repeat; 2567 z-index: 0; 2568} 2569.nb_home_banner_hero__main { 2570 display: flex; 2571 flex-direction: column; 2572 align-items: flex-start; 2573 margin-bottom: 120px; 2574 margin-top: 100px; 2575} 2576.nb_home_banner_hero__label { 2577 color: var(--global-primarylight-color); 2578 2579} 2580.nb_home_banner_hero__heading { 2581 display: flex; 2582 flex-direction: column; 2583 line-height: 1; 2584 margin-top: 0; 2585 /*margin-bottom: 24px;*/ 2586} 2587.nb_home_banner_hero__line1 { 2588color: var(--global-secondarylight-color); 2589 font-weight: 600; 2590} 2591.nb_home_banner_hero__line2 { 2592 font-size: clamp(3.4rem, 5.417vw, 7.4rem); 2593 /*font-size: clamp(3.4rem, 7.2vw, 7.4rem);*/ 2594 font-weight: 900; 2595 letter-spacing: -0.03em; 2596 line-height: 1; 2597 display: inline-block; 2598 background-image: url('https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/home-textvideo.gif'); 2599 background-size: 120% auto; 2600 background-position: center center; 2601 -webkit-background-clip: text; 2602 background-clip: text; 2603 -webkit-text-fill-color: transparent; 2604 color: transparent; 2605} 2606.nb_home_banner_hero__description { 2607 max-width: 480px; 2608 font-weight: 300; 2609 color: var(--global-secondarylight-color); 2610 margin-bottom: 42px; 2611 line-height: 1.6; 2612} 2613.nb_home_banner_hero__cta { 2614 display: inline-flex; 2615 align-items: center; 2616 gap: 10px; 2617 padding: 8px 24px; 2618 background: #fff; 2619 color: #000; 2620 border-radius: 10px; 2621 text-decoration: none; 2622 font-weight: 500; 2623 /*font-size: 1.1rem;*/ 2624 transition: opacity 0.2s ease; 2625} 2626.nb_home_banner_hero__cta:hover { 2627 background: #f5f5f5; 2628 color: #000; 2629} 2630.nb_home_banner_why__paragraph a { 2631 color: #157fc6; 2632} 2633/* ============================================================ 2634 UNIQUE MOBILE BUTTONS 2635============================================================ */ 2636.nb_mobile_btn_wrap_unique { 2637 display: none; 2638} 2639.nb_mobile_btn_container_unique { 2640 display: flex; 2641 gap: 20px; 2642 justify-content: center; 2643 width: 100%; 2644 max-width: 800px; 2645} 2646.nb_mobile_btn_item_unique { 2647 background: #ffffff; 2648 border: none; 2649 border-radius: 10px; 2650 padding: 10px 36px; 2651 /*font-size: 16px;*/ 2652 font-weight: 600; 2653 cursor: pointer; 2654 display: flex; 2655 align-items: center; 2656 justify-content: center; 2657 gap: 8px; 2658 text-decoration: none; 2659 color: #222224; 2660 min-width: 200px; 2661 box-shadow: 0 4px 6px rgba(0,0,0,0.1); 2662 transition: transform 0.2s ease, 2663 box-shadow 0.2s ease; 2664} 2665.nb_mobile_btn_item_unique:hover { 2666 transform: translateY(-2px); 2667 box-shadow: 0 6px 8px rgba(0,0,0,0.15); 2668} 2669.nb_mobile_btn_icon_unique { 2670 width: 24px; 2671 height: 24px; 2672 display: flex; 2673 align-items: center; 2674 justify-content: center; 2675 flex-shrink: 0; 2676} 2677.nb_mobile_btn_icon_unique svg { 2678 width: 100%; 2679 height: 100%; 2680} 2681/* ============================================================
2682 LOWER SECTION (Heading in black region) 2683============================================================ */ 2684.nb_home_banner_hero__lower { 2685 max-width: 48%; 2686} 2687.nb_home_banner_why__eyebrow { 2688 color: var(--global-primarylight-color); 2689 2690} 2691.nb_home_banner_why__heading { 2692 2693 font-weight: 600; 2694 2695 color: #ffffff; 2696 margin-top: 0; 2697} 2698/* ============================================================ 2699 WHITE SECTION 2700============================================================ */ 2701.nb_home_banner_white-section { 2702 background: #ffffff; 2703 padding: 30px 0px 0px; 2704 position: relative; 2705} 2706.nb_home_banner_white-section .nb_home_banner_container { 2707 display: flex; 2708 align-items: flex-start; 2709 justify-content: space-between; 2710} 2711.nb_home_banner_white-section__left { 2712 width: 48%; 2713} 2714.nb_home_banner_why__paragraph { 2715 2716 2717 color: #555555; 2718 margin-top: 0; 2719 margin-bottom: 16px; 2720} 2721/* On Desktop: Description is fully shown, Learn More button is hidden */ 2722.nb_home_banner_why__link { 2723 display: none; /* Hidden by default on desktop/tablet */ 2724font-weight: 600; 2725 color: #7c3aed; 2726 text-decoration: underline; 2727 cursor: pointer; 2728 align-items: center; 2729 gap: 4px; 2730} 2731.nb_home_banner_why__header-mobile { 2732 display: none; 2733} 2734/* Absolute positioned image overlapping the boundary */ 2735.nb_home_banner_overlap-visual { 2736 position: absolute; 2737 right: -100px; 2738 top: -13px; 2739 width: 60%; 2740 display: flex; 2741 justify-content: flex-end; 2742 z-index: 20; 2743} 2744.nb_home_banner_overlap-img { 2745 width: 100%; 2746 max-width: 750px; 2747 height: auto; 2748 object-fit: contain; 2749 transform: translateY(-50%); /* Shifts the center of the image to the boundary */ 2750} 2751/* ============================================================ 2752 TABLET MEDIA QUERY (max-width: 1024px) 2753============================================================ */ 2754@media (max-width: 1024px) { 2755 .nb_home_banner_container { 2756 padding: 0px; 2757 } 2758 .nb_home_banner_overlap-visual { 2759 right: -55px; 2760 width: 60%; 2761 top: 0px; /* Fixed to keep half portion in black region and bottom half in white region */ 2762 } 2763 .nb_home_banner_hero__lower, 2764 .nb_home_banner_white-section__left { 2765 width: 50%; 2766 } 2767/* .nb_home_banner_container {*/ 2768 2769/* max-width: 96% !important;*/ 2770/*}*/ 2771.nb_home_banner_container.nb_home_banner_container_1200 { 2772 max-width: 90% !important; 2773} 2774.nb_home_banner_hero { 2775 2776 padding-bottom: 10px; 2777 2778} 2779.nb_home_banner_white-section { 2780 2781 padding: 10px 0px 0px; 2782} 2783} 2784/* ============================================================ 2785 MOBILE MEDIA QUERY (max-width: 768px) 2786============================================================ */ 2787@media (max-width: 768px) { 2788 .nb_home_banner_hero__bg { 2789 background-image: url('https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/home-nextbase-banner-mobile.jpg'); 2790 background-position: center top; 2791 background-size: cover; 2792 } 2793 .nb_home_banner_container { 2794 padding: 0px; 2795 } 2796 .nb_home_banner_hero__label { 2797 color: var(--global-secondarylight-color); 2798 2799} 2800 .nb_home_banner_hero { 2801 padding-top: 280px; 2802 padding-bottom: 48px; 2803 } 2804 .nb_home_banner_hero__main { 2805 margin-bottom: 0px; 2806 margin-top: 0px; 2807 gap: 0px; 2808 } 2809 .nb_home_banner_hero__line1 { 2810 /*font-size: 2.2rem;*/ 2811 } 2812 .nb_home_banner_hero__line2 { 2813 font-size: 4.2rem; 2814 } 2815 .nb_home_banner_hero__description { 2816 /*font-size: 0.9rem;*/ 2817 max-width: 100%; 2818 margin-bottom: 24px; 2819 } 2820 /* Hide desktop CTA */ 2821 .nb_home_banner_hero__cta { 2822 display: none; 2823 } 2824 /* Show mobile buttons */ 2825 .nb_mobile_btn_wrap_unique { 2826 display: flex; 2827 width: 100%; 2828 } 2829 .nb_mobile_btn_container_unique { 2830 width: 100%; 2831 gap: 10px; 2832 flex-wrap: nowrap; 2833 } 2834 .nb_mobile_btn_item_unique { 2835 flex: 1; 2836 min-width: 0; 2837 padding: 14px 12px; 2838 /*font-size: 14px;*/ 2839 } 2840 /* Hide the header in the black region on mobile */ 2841 .nb_home_banner_hero__lower { 2842 display: none; 2843 } 2844 /* Show mobile header inside the white section */ 2845 .nb_home_banner_why__header-mobile { 2846 display: block; 2847 margin-bottom: 10px; 2848 } 2849 .nb_home_banner_why__header-mobile .nb_home_banner_why__heading { 2850 color: #000; 2851 2852 2853 } 2854 /* Mobile text expansion styles (clamped to 3 lines) */ 2855 .nb_home_banner_why__paragraph { 2856 display: -webkit-box; 2857 -webkit-line-clamp: 3; 2858 -webkit-box-orient: vertical; 2859 overflow: hidden; 2860 margin-bottom: 12px; 2861 transition: max-height 0.3s ease; 2862 } 2863 .nb_home_banner_why__paragraph.expanded { 2864 display: block; 2865 overflow: visible; 2866 } 2867 /* Show Learn More button on mobile */ 2868 /* Show Learn More button on mobile */ 2869.nb_home_banner_why__link { 2870 display: inline-flex; 2871 align-items: center; 2872 /*gap: 4px;*/ 2873 color: #7c3aed !important; 2874 text-decoration: underline; 2875} 2876 2877/* Force both Learn More & Show Less text to stay purple */ 2878.nb_home_banner_why__link span { 2879 color: #7c3aed !important; 2880} 2881 .nb_home_banner_white-section { 2882 padding: 55px 0px 0px; 2883 } 2884 .nb_home_banner_white-section .nb_home_banner_container { 2885 flex-direction: column; 2886 } 2887 .nb_home_banner_white-section__left { 2888 width: 100%; 2889 order: 1; 2890 } 2891 /* In mobile: all heading, description and image are in the white region itself */ 2892 .nb_home_banner_overlap-visual { 2893 position: relative; 2894 right: 0; 2895 top: 0; 2896 width: 100%; 2897 justify-content: center; 2898 /*margin-top: 24px;*/ 2899 order: 2; 2900 } 2901 .nb_home_banner_overlap-img { 2902 transform: none; /* Remove translation to keep image completely in the white section */ 2903 max-width: 100%; 2904 } 2905} 2906/* ============================================================ 2907 SMALL MOBILE MEDIA QUERY (max-width: 360px) 2908============================================================ */ 2909@media (max-width: 360px) { 2910 .nb_mobile_btn_icon_unique {
2911 width: 20px; 2912 height: 20px; 2913 } 2914 .nb_mobile_btn_item_unique { 2915 padding: 12px 10px; 2916 /*font-size: 13px;*/ 2917 } 2918 .nb_home_banner_container.nb_home_banner_container_1200{ 2919 max-width: 90% !important; 2920} 2921} 2922</style> <body> <section class="nb_home_banner_hero"> <div class="nb_home_banner_hero__bg"></div> <div class="nb_home_banner_container"> <div class="nb_home_banner_hero__main"> <p class="nb_home_banner_hero__label nb_fs_txt_mob_12"> Protect Your Truth with </p> <h2 class="nb_home_banner_hero__heading"> <span class="nb_home_banner_hero__line1 nb_fs_txt_64 nb_fs_txt_tab_50 nb_fs_txt_mob_50 hc:nb_fw_600 nb_c_secondarylight "> Nextbase </span> <span class="nb_home_banner_hero__line2"> Dash Cams </span> </h2> <p class="nb_home_banner_hero__description nb_fw_300 nb_c_secondarylight nbs_mb_30 nb_fs_txt_mob_12"> Award-winning front and rear Dash Cams that safeguard your journeys, provide crystal-clear evidence, and give you peace of mind on the road. </p> <a href="/dash-cams/" class="nb_home_banner_hero__cta"> Shop Dash Cams </a> <div class="nb_mobile_btn_wrap_unique"> <div class="nb_mobile_btn_container_unique"> <a href="/dash-cams/" class="nb_mobile_btn_item_unique"> <span class="nb_mobile_btn_icon_unique"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M10.494 3.89575H11.506C12.3296 3.89573 13.0164 3.89571 13.5616 3.96901C14.1371 4.04638 14.6566 4.21658 15.0741 4.63409C15.4917 5.0516 15.6619 5.57117 15.7392 6.14665C15.8125 6.69185 15.8125 7.37862 15.8125 8.2022V13.7976C15.8125 14.6212 15.8125 15.308 15.7392 15.8532C15.6619 16.4287 15.4917 16.9482 15.0741 17.3658C14.6566 17.7833 14.1371 17.9535 13.5616 18.0308C13.0164 18.1041 12.3296 18.1041 11.506 18.1041H10.494C9.67039 18.1041 8.98359 18.1041 8.43838 18.0308C7.8629 17.9535 7.34333 17.7833 6.92582 17.3658C6.5083 16.9482 6.3381 16.4287 6.26073 15.8532C6.18743 15.308 6.18745 14.6212 6.18748 13.7976L6.18748 8.20226C6.18745 7.37865 6.18743 6.69186 6.26073 6.14665C6.33811 5.57117 6.5083 5.0516 6.92582 4.63409C7.34333 4.21658 7.8629 4.04638 8.43838 3.96901C8.98359 3.89571 9.67039 3.89573 10.494 3.89575ZM8.62159 5.33175C8.19859 5.38862 8.01755 5.48691 7.89809 5.60636C7.77863 5.72582 7.68035 5.90686 7.62347 6.32986C7.56394 6.77265 7.56248 7.36624 7.56248 8.24992V13.7499C7.56248 14.6336 7.56394 15.2272 7.62347 15.67C7.68034 16.093 7.77863 16.274 7.89809 16.3935C8.01755 16.5129 8.19858 16.6112 8.62159 16.6681C9.06437 16.7276 9.65797 16.7291 10.5416 16.7291H11.4583C12.342 16.7291 12.9356 16.7276 13.3784 16.6681C13.8014 16.6112 13.9824 16.5129 14.1019 16.3935C14.2213 16.274 14.3196 16.093 14.3765 15.67C14.436 15.2272 14.4375 14.6336 14.4375 13.7499V8.24992C14.4375 7.36625 14.436 6.77265 14.3765 6.32986C14.3196 5.90686 14.2213 5.72582 14.1019 5.60636C13.9824 5.48691 13.8014 5.38862 13.3784 5.33175C12.9356 5.27222 12.342 5.27076 11.4583 5.27076H10.5416C9.65797 5.27076 9.06438 5.27222 8.62159 5.33175Z" fill="#222224"/> <path d="M19.7083 5.27075C18.8224 5.27075 18.1041 5.98896 18.1041 6.87492V15.1249C18.1041 16.0109 18.8224 16.7291 19.7083 16.7291H20.1666C20.5463 16.7291 20.8541 17.0369 20.8541 17.4166C20.8541 17.7963 20.5463 18.1041 20.1666 18.1041H19.7083C18.063 18.1041 16.7291 16.7703 16.7291 15.1249V6.87492C16.7291 5.22957 18.063 3.89575 19.7083 3.89575H20.1666C20.5463 3.89575 20.8541 4.20356 20.8541 4.58325C20.8541 4.96295 20.5463 5.27075 20.1666 5.27075H19.7083Z" fill="#222224"/> <path d="M1.83331 3.89575C1.45362 3.89575 1.14581 4.20356 1.14581 4.58325C1.14581 4.96295 1.45362 5.27075 1.83331 5.27075H2.29165C3.1776 5.27075 3.89581 5.98896 3.89581 6.87492L3.89581 15.1249C3.89581 16.0109 3.1776 16.7291 2.29165 16.7291H1.83331C1.45362 16.7291 1.14581 17.0369 1.14581 17.4166C1.14581 17.7963 1.45362 18.1041 1.83331 18.1041H2.29165C3.93699 18.1041 5.27081 16.7703 5.27081 15.1249L5.27081 6.87492C5.27081 5.22957 3.937 3.89575 2.29165 3.89575H1.83331Z" fill="#222224"/> </svg> </span> <span>View Range</span> </a> <a href="/exclusive-offers/" class="nb_mobile_btn_item_unique"> <span class="nb_mobile_btn_icon_unique"> <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M15.0277 1.8527L15.0887 1.86904C16.0964 2.13906 16.8951 2.35304 17.5232 2.57995C18.1657 2.81206 18.6897 3.07757 19.1213 3.48185C19.7499 4.07054 20.1897 4.83239 20.3853 5.67107C20.5196 6.24703 20.4875 6.83354 20.3673 7.50604C20.2497 8.16351 20.0357 8.96214 19.7657 9.96994L19.2748 11.8017C19.0048 12.8
2922094 18.7909 13.608 18.5639 14.2362C18.3318 14.8787 18.0663 15.4027 17.662 15.8343C17.0921 16.4428 16.3598 16.8745 15.5526 17.0788C15.3168 17.6195 14.9725 18.109 14.538 18.5159C14.1064 18.9202 13.5824 19.1857 12.9399 19.4178C12.3117 19.6447 11.5131 19.8587 10.5054 20.1287L10.4445 20.145C9.4367 20.4151 8.63807 20.6291 7.9806 20.7466C7.3081 20.8669 6.72159 20.8989 6.14563 20.7646C5.30696 20.5691 4.5451 20.1292 3.95641 19.5007C3.55213 19.069 3.28662 18.5451 3.05451 17.9026C2.8276 17.2744 2.61362 16.4758 2.3436 15.468L1.85277 13.6362C1.58273 12.6285 1.36874 11.8299 1.25118 11.1724C1.13093 10.4999 1.09889 9.91342 1.23318 9.33746C1.42873 8.49879 1.86859 7.73693 2.49713 7.14824C2.92878 6.74396 3.45273 6.47845 4.09526 6.24634C4.7234 6.01943 5.52201 5.80545 6.52977 5.53543L6.56024 5.52726C6.80267 5.4623 7.03205 5.40095 7.24921 5.34357C7.60819 4.06104 7.92408 3.15441 8.53974 2.49707C9.12844 1.86853 9.89029 1.42867 10.729 1.23312C11.3049 1.09883 11.8914 1.13086 12.5639 1.25112C13.2214 1.36868 14.02 1.58267 15.0277 1.8527ZM6.83375 6.87748C5.83194 7.14598 5.11411 7.34026 4.56242 7.53955C4.00378 7.74135 3.67577 7.92823 3.43707 8.1518C3.00702 8.55459 2.70606 9.07586 2.57226 9.649
292269C2.498 9.9682 2.50016 10.3457 2.60471 10.9304C2.71077 11.5235 2.90907 12.2658 3.18908 13.3108L3.66358 15.0817C3.94359 16.1267 4.14301 16.8687 4.34772 17.4354C4.54952 17.994 4.73641 18.322 4.95997 18.5607C5.36276 18.9908 5.88403 19.2918 6.45786 19.4256C6.77637 19.4998 7.15387 19.4977 7.73857 19.3931C8.3317 19.287 9.074 19.0887 10.119 18.8087C11.164 18.5287 11.906 18.3293 12.4727 18.1246C13.0313 17.9228 13.3594 17.7359 13.5981 17.5123C13.7242 17.3942 13.8392 17.266 13.9421 17.1292C13.778 17.1061 13.6091 17.0765 13.4344 17.0418C12.8185 16.9193 12.0788 16.7211 11.1657 16.4764L11.1131 16.4623C10.1053 16.1923 9.30674 15.9783 8.67859 15.7514C8.03606 15.5193 7.51211 15.2538 7.08046 14.8495C6.45192 14.2608 6.01207 13.499 5.81652 12.6603C5.68222 12.0843 5.71426 11.4978 5.83451 10.8253C5.95208 10.1679 6.16607 9.36927 6.4361 8.36152L6.83375 6.87748ZM12.3219 2.60465C11.7372 2.5001 11.3597 2.49794 11.0412 2.5722C10.4674 2.706 9.9461 3.00696 9.54331 3.43701C9.14354 3.86384 8.89754 4.52323 8.4697 6.08954C8.40017 6.34411 8.32665 6.61846 8.24691 6.91606L7.77241 8.68692C7.4924 9.73193 7.29411 10.4742 7.18804 11.0674C7.08349 11.6521 7.08133 12.0296 7.1556 12.3481C7.2894 12.9219 7.59035 13.4432 8.0204 13.846C8.2591 14.0695 8.58711 14.2564 9.14575 14.4582C9.71245 14.6629 10.4544 14.8623 11.4995 15.1423C12.4394 15.3942 13.136 15.5805 13.7025 15.6932C14.2665 15.8053 14.6492 15.8328 14.9629 15.7941C15.0311 15.7857 15.0967 15.7741 15.1606 15.7592C15.7344 15.6254 16.2557 15.3244 16.6585 14.8944C16.8821 14.6557 17.0689 14.3277 17.2707 13.769C17.4755 13.2023 17.6749 12.4603 17.9549 11.4153L18.4294 9.64444C18.7094 8.59943 18.9077 7.85714 19.0137 7.264C19.1183 6.67931 19.1205 6.30181 19.0462 5.9833C18.9124 5.40947 18.6114 4.8882 18.1814 4.48541C17.9427 4.26184 17.6147 4.07496 17.056 3.87316C16.4893 3.66844 15.7473 3.46903 14.7023 3.18902C13.6573 2.90901 12.915 2.71071 12.3219 2.60465Z" fill="#222224"/> <path d="M13.9198 6.27107C14.2865 6.36934 14.5042 6.74632 14.4059 7.11308L13.9907 8.66258L15.5402 9.07777C15.907 9.17604 16.1246 9.55303 16.0264 9.91978C15.9281 10.2865 15.5511 10.5042 15.1843 10.4059L13.6348 9.99073L13.2197 11.5402C13.1214 11.907 12.7444 12.1246 12.3776 12.0264C12.0109 11.9281 11.7932 11.5511 11.8915 11.1844L12.3067 9.63486L10.7572 9.21967C10.3904 9.12139 10.1728 8.74441 10.271 8.37765C10.3693 8.0109 10.7463 7.79325 11.1131 7.89152L12.6626 8.30671L13.0778 6.7572C13.176 6.39044 13.553 6.17279 13.9198 6.27107Z" fill="#222224"/> </svg> </span> <span>Shop Deals</span> </a> </div> </div> </div> </div> <div class="nb_home_banner_container nb_home_banner_container_1200"> <div class="nb_home_banner_hero__lower"> <p class="nb_home_banner_why__eyebrow nbs_mb_lg"> Why Drivers Choose a Dash Cam </p> <h5 class="nb_home_banner_why__heading"> In today's unpredictable roads, a dash cam isn't just an accessory â it's essential protection </h5> </div> </div> </section> <section class="nb_home_banner_white-section"> <div class="nb_home_banner_container nb_home_banner_container_1200"> <div class="nb_home_banner_why__header-mobile"> <p class="nb_home_banner_why__eyebrow nbs_mb_lg nb_c_primarydark nb_fs_txt_mob_12"> Why Drivers Choose a Dash Cam </p> <h5 class="nb_home_banner_why__heading nb_fs_txt_mob_24"> On today's unpredictable roads, a Dash Cam isn't an accessory â it's essential protection. </h5> </div> <div class="nb_home_banner_overlap-visual"> <img class="nb_home_banner_overlap-img" src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/homepage-nextbase-camera.png" alt="Nextbase Dash Cam" loading="lazy"> </div> <div class="nb_home_banner_white-section__left"> <p class="nb_home_banner_why__paragraph" id="why_dashcam_desc"> Think of it as an independent witness that never blinks. It captures what really happened to protect you from false claims, records hit-and-runs or road-rage moments, and helps speed up disputes.It protects your car on every journey and while itâs parked, so youâre covered even when youâre away. Installing a Dash Cam can lower your insurance premiums by up to 30%<sup>*</sup>. When it matters, high-resolution footage stands as undeniable evidence. <a href="/dash-cams/">Discover Our Dash Cams</a> </p> <a href="#" class="nb_home_banner_why__link" id="why_dashcam_toggle"> <span>Learn More</span> </a> </div> </div> </section>
2922<script> 2923document.addEventListener('DOMContentLoaded', function() { 2924 const toggleBtn = document.getElementById('why_dashcam_toggle'); 2925 const paragraph = document.getElementById('why_dashcam_desc'); 2926 const arrowSvg = toggleBtn ? toggleBtn.querySelector('svg') : null; 2927 if (toggleBtn && paragraph) { 2928 // Dynamic overflow check to handle screen size changes / text length 2929 const checkOverflow = () => { 2930 if (window.innerWidth <= 768) { 2931 // Force clamp state to get accurate height measurements 2932 paragraph.classList.remove('expanded'); 2933 2934 // Check if paragraph actually overflows (i.e. scrollHeight exceeds clientHeight) 2935 const hasOverflow = paragraph.scrollHeight > paragraph.clientHeight; 2936 2937 if (hasOverflow) { 2938 toggleBtn.style.display = 'inline-flex'; 2939 } else { 2940 toggleBtn.style.display = 'none'; 2941 } 2942 } else { 2943 // Hide toggle link on desktop & tablet 2944 toggleBtn.style.display = 'none'; 2945 paragraph.classList.remove('expanded'); 2946 } 2947 }; 2948 // Initial check on load 2949 checkOverflow(); 2950 // Recheck on window resize 2951 window.addEventListener('resize', checkOverflow); 2952 // Expand / Collapse functionality on click 2953 toggleBtn.addEventListener('click', function(e) { 2954 e.preventDefault(); 2955 2956 const isExpanded = paragraph.classList.toggle('expanded'); 2957 2958 if (isExpanded) { 2959 toggleBtn.querySelector('span').textContent = 'Show Less'; 2960 if (arrowSvg) { 2961 arrowSvg.style.transform = 'rotate(180deg)'; 2962 } 2963 } else { 2964 toggleBtn.querySelector('span').textContent = 'Learn More'; 2965 if (arrowSvg) { 2966 arrowSvg.style.transform = 'rotate(0deg)'; 2967 } 2968 } 2969 }); 2970 } 2971}); 2972</script>
2972
2972<script>window.__CF$cv$params={r:'a4041ce07ce2addc',t:'MTc5MDI3NzI3Mw==',u:'01a0d4d74b2474558b57417d2918fe26',ut:'NHh7t8PBxERU1g8WFzNEhlSKSXyUTCwS_WQkLiriTx0-1790277274-1.2.1.1-cQezkITLVB1pLsqFudyVjr74JIHJ7inH5OfwDyKmA.cUmsLENH80TL_ELdLf7qUhGUyn0kL_4gyw9Duox1uvewHZRxJMzYgUss_qp7SVKdI',i:60};(function(){if(!document.body)return;var s=document.createElement('script');s.src='/cdn-cgi/challenge-platform/scripts/precursor/main.js';document.head.appendChild(s);})();</script>
2972</body> </html> </div> </div> </div> </div></div> <div id="s-3cf270f8-b08b-4c7a-af70-5c3091387054" class="shg-c shg-align-left"> <style> 2973p { 2974 margin-bottom: 0rem !important; 2975} 2976/*Background colour for the brand container*/ 2977.vertical-gradient-bg { 2978 /* Vertical linear gradient */ 2979 2980 background: linear-gradient(180deg, #ffffff 0%, #f5f7fa 60%, #edf0f3 100%); 2981} 2982 2983/*Page overflow due to few elements in the container*/ 2984#main-content{ 2985 overflow:hidden; 2986} 2987 2988/*Testimonial section background */ 2989.review_bg_color{ 2990 2991background: linear-gradient(to bottom, #EEF2F5 0%, #FFF 100%); 2992 2993} 2994 2995/*Footer top free shipping benefit section adjustmnet in mobile*/ 2996 2997@media screen and (max-width: 767px) and (min-width: 60px) 2998{ 2999 .benefit-mob_center 3000 { 3001 text-align: center!important; 3002 } 3003 .benefit-border-container { 3004 border-right-style: solid; /* Sets the style of the right border */ 3005 border-right-width: 2px; /* Sets the width of the right border */ 3006 border-right-color: #1A1A1C; /* Sets the color of the right border to blue */ 3007 margin-bottom: 25px; 3008} 3009.benefit-border-column { 3010 border-bottom-style: solid; /* Sets the style of the right border */ 3011 border-bottom-width: 2px; /* Sets the width of the right border */ 3012 border-bottom-color: #1A1A1C; /* Sets the color of the right border to blue */ 3013 padding: 10px; /* Optional: for better visual separation */ 3014 3015 } 3016 3017} 3018 3019/*Footer bottom section -Freeshipping code*/ 3020 3021 /*Seperator padding issue*/ 3022 .shg-hr-wrapper { 3023 padding: 10px 0 !important; 3024} 3025 3026/*Button - exclsuive banner below award*/ 3027.btn-sectn{ 3028 display: inline-block!important; 3029 } 3030@media only screen and (min-device-width: 1800px) and (max-device-width: 2000px) { 3031 .cm_nb_sg_home_top_banner_image_reducer img { 3032 width: 702px !important; 3033 margin-bottom: -35px; 3034 } 3035 } 3036</style> </div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_20 nbs_pt_mob_20 " id="s-919129c2-5832-4a4d-a93c-5e7edc0661f9"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-a5d53ed2-5c3f-41df-bcfd-ab9f51f0eba7" class="shg-c shg-align-left"> <style> 3037 .gen2-banner { 3038 position: relative; 3039 width: 100%; 3040 height: 115px; 3041 overflow: hidden; 3042 box-sizing: border-box; 3043 3044 background-color: #ded2ff; 3045 background-image: url('https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/gen-2-banner-home-page-1-1-1-.png?t=1788426708'); 3046 background-repeat: no-repeat; 3047 background-position: left center; 3048 background-size: auto 82%; 3049 3050 font-family: 'Inter', Arial, sans-serif; 3051 3052 display: flex;
3053 align-items: center; 3054 } 3055 3056 .gen2-banner__content { 3057 width: 95%; 3058 height: 100%; 3059 3060 display: grid; 3061 grid-template-columns: 57% 1fr auto; 3062 3063 align-items: center; 3064 column-gap: 35px; 3065 3066 padding: 0 3%; 3067 box-sizing: border-box; 3068 } 3069 3070 .gen2-banner__art-space { 3071 width: 100%; 3072 height: 100%; 3073 } 3074 3075 .gen2-banner__copy { 3076 min-width: 0; 3077 } 3078 3079 .gen2-banner__heading { 3080 margin: 0 0 5px; 3081 3082 color: #000000; 3083 font-size: 24px; 3084 line-height: 1.1; 3085 font-weight: 700; 3086 3087 white-space: nowrap; 3088 } 3089 3090 .gen2-banner__subheading { 3091 margin: 0; 3092 3093 color: #000000; 3094 font-size: 11px; 3095 line-height: 1.4; 3096 font-weight: 400; 3097 3098 white-space: nowrap; 3099 } 3100 3101 .gen2-banner__cta { 3102 display: inline-flex; 3103 align-items: center; 3104 justify-content: center; 3105 3106 min-width: 125px; 3107 padding: 13px 24px; 3108 3109 background: #6317ff; 3110 color: #ffffff !important; 3111 font-size: 12px; 3112 3113 line-height: 1; 3114 font-weight: 600; 3115 3116 text-decoration: none !important; 3117 border-radius: 6px; 3118 3119 white-space: nowrap; 3120 box-sizing: border-box; 3121 } 3122 3123 .gen2-banner__cta:hover { 3124 opacity: 0.88; 3125 } 3126 3127 /* Medium laptops */ 3128 @media (max-width: 1500px) { 3129 .gen2-banner { 3130 height: 105px; 3131 background-size: auto 74%; 3132 } 3133 3134 .gen2-banner__content { 3135 grid-template-columns: 55% 1fr auto; 3136 column-gap: 35px; 3137/* 3138 padding-left: 2.5%; 3139 padding-right: 2.5%;*/ 3140 } 3141 3142 .gen2-banner__heading { 3143 font-size: 20px; 3144 } 3145 3146 .gen2-banner__subheading { 3147 font-size: 9px; 3148 } 3149 3150 .gen2-banner__cta { 3151 min-width: 105px; 3152 padding: 11px 18px; 3153 font-size: 10px; 3154 } 3155 } 3156 3157 /* Smaller laptops / tablets */ 3158 @media (max-width: 1200px) { 3159 .gen2-banner { 3160 height: 100px; 3161 background-size: auto 45%; 3162 } 3163 3164 .gen2-banner__content { 3165 grid-template-columns: 50% 1fr auto; 3166 column-gap: 20px; 3167 3168 padding-left: 2%; 3169 padding-right: 2%; 3170 } 3171 3172 .gen2-banner__heading { 3173 font-size: 17px; 3174 } 3175 3176 .gen2-banner__subheading { 3177 font-size: 8px; 3178 white-space: normal; 3179 } 3180 3181 .gen2-banner__cta { 3182 min-width: 88px; 3183 padding: 10px 14px; 3184 font-size: 9px; 3185 } 3186 } 3187 3188 /* Mobile */ 3189 @media (max-width: 700px) { 3190 .gen2-banner { 3191 height: auto; 3192 min-height: 195px; 3193 3194 padding: 82px 20px 20px; 3195 3196 background-image: url('https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/gen-2-banner-home-page-mobile.png?t=1788427750'); 3197 3198 background-repeat: no-repeat; 3199 background-position: center 20px; 3200 background-size: 100% auto; 3201 } 3202 3203 .gen2-banner__content { 3204 display: flex; 3205 flex-direction: column; 3206 align-items: center; 3207 justify-content: flex-start; 3208 3209 width: 100%; 3210 height: auto; 3211 3212 gap: 12px; 3213 padding: 0; 3214 3215 text-align: center; 3216 } 3217 3218 .gen2-banner__art-space { 3219 display: none; 3220 } 3221 3222 .gen2-banner__copy { 3223 width: 100%; 3224 max-width: 100%; 3225 text-align: center; 3226 } 3227 3228 .gen2-banner__heading { 3229 margin: 0 0 6px; 3230 3231 font-size: 19px; 3232 line-height: 1.15; 3233 3234 white-space: normal; 3235 text-align: center; 3236 } 3237 3238 .gen2-banner__subheading { 3239 margin: 0; 3240 3241 font-size: 10px; 3242 line-height: 1.4; 3243 3244 white-space: normal; 3245 text-align: center; 3246 } 3247 3248 .gen2-banner__cta { 3249 min-width: 110px; 3250 padding: 11px 20px; 3251 font-size: 11px; 3252 } 3253 } 3254</style> <div class="gen2-banner"> <div class="gen2-banner__content"> <div class="gen2-banner__art-space" aria-hidden="true"></div> <div class="gen2-banner__copy"> <h2 class="gen2-banner__heading"> Smarter, faster Gen 2 out now </h2> <p class="gen2-banner__subheading"> Includes new features like Guardian Mode Lite, Witness Mode Lite and QuickSend </p> </div> <a href="/dash-cams/" class="gen2-banner__cta"> Buy now </a> </div> </div> </div> </div> </div> </div></div> <div class="shg-fw">
3254<div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-efde0612-de85-481a-991a-c162e62c756e"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_56 nbs_pb_56 nbs_row-gap_60 nbs_pb_mob_0 " id="s-6521c1e5-78d8-47de-aa19-15c90571e0a8"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-0527a632-a413-4792-bcf8-425461e06ef6"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-cb4c8356-a9b1-4656-80a6-6f8cbb2d2d68" class="shg-c nbs_mb_lg nb_c_primarydark nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p><span class="shg-heading-span"><span style="color: rgb(99, 23, 255);">Why Nextbase</span></span></p></div> </div> <div id="s-87e736c4-0482-47d8-ae73-3d55679d478e" class="shg-c hc:nb_fw_600 nbs_mb_lg nb_fs_txt_mob_24 shg-align-left"> <div class="shogun-heading-component"> <h5> The smarter choice for reliable, innovative road safety </h5> </div> </div> <div id="s-4a910e34-d6ac-46a7-ac25-82939ad5068c" class="shg-c nb_c_secondarymedium "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Nextbase leads the market with cutting-edge technology trusted by millions worldwide. Our dash cams feature:</p></div> </div> </div> </div> </div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-b9fbce41-916a-4327-9c40-723cd26e9ca0"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-9d7e0c7f-170a-4771-9fab-21828385d93d" class="shg-c shg-align-left"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/> <style> 3255 /* All your existing CSS styles remain the same */ 3256 .swiper-slide-duplicate .svc-image-container, 3257 .swiper-slide-duplicate .svc-slide-image, 3258 .swiper-slide-duplicate { 3259 filter: none !important; 3260 backdrop-filter: none !important; 3261 -webkit-backdrop-filter: none !important; 3262 opacity: 1 !important; 3263 } 3264 3265 .split-view-carousel { padding: 3.125% 0 5.05% 0; overflow: visible; } 3266 .svc-carousel-container { 3267 width: 100%; 3268 max-width: 100%; 3269 margin: 0 auto; 3270 padding: 0 10px; 3271 overflow: visible; 3272 } 3273 3274 .svc-swiper { overflow: visible !important; padding: 20px 0; } 3275 .svc-swiper .swiper-wrapper { overflow: visible !important; } 3276 3277 .swiper-slide:nth-child(even), 3278 .swiper-slide:nth-child(odd) { 3279 filter: none !important; 3280 opacity: 1 !important; 3281 transform: none !important; 3282 } 3283 3284 .svc-swiper-slide { 3285 position: relative; 3286 width: 34vw; 3287 max-width: 34vw; 3288 height: 27vw; 3289 max-height: 27vw; 3290 transition: all 0.4s cubic-bezier(0.4,0,0.2,1); 3291 display: flex; 3292 border-radius: 10px; 3293 overflow: hidden; 3294 flex-shrink: 0; 3295 margin-right: 5px; 3296 filter: none !important; 3297 opacity: 1 !important; 3298 } 3299 3300 .svc-swiper-slide::before, 3301 .svc-swiper-slide::after { 3302 content: none !important; 3303 display: none !important; 3304 } 3305 3306 .svc-swiper-slide > * { 3307 filter: none !important; 3308 backdrop-filter: none !important; 3309 -webkit-backdrop-filter: none !important; 3310 } 3311 3312 @media (max-width: 768px) { 3313 .svc-swiper-slide { 3314 width: 80vw; 3315 max-width: 80vw; 3316 height: 90vw; 3317 max-height: 90vw; 3318 margin-right: 5px; 3319 margin-left: 0; 3320 } 3321 3322 .svc-swiper { 3323 padding-left: 10px; 3324 } 3325 } 3326 3327 .svc-swiper-slide.svc-expanded { 3328 width:54vw; 3329 max-width: 54vw; 3330 height: 27vw; 3331 max-height: 27vw; 3332 margin-right: 5px; 3333 } 3334 3335 @media (max-width: 768px) { 3336 .svc-swiper-slide.svc-expanded { 3337 width: 90vw; 3338 max-width: 90vw; 3339 height: 90vw; 3340 max-height:90vw; 3341 margin-right: 0; 3342 margin-left: 2vw; 3343 border-radius: 10px; 3344 } 3345 } 3346 3347 .svc-image-container { 3348 width: 100%; 3349 height: 100%; 3350 position: relative; 3351 transition: opacity 0.35s ease; 3352 overflow: hidden; 3353 cursor: pointer; 3354 isolation: isolate; 3355 filter: none !important; 3356 backdrop-filter: none !important; 3357 -webkit-backdrop-filter: none !important; 3358 } 3359 3360 .svc-image-container::before, 3361 .svc-image-container::after { 3362 content: none !important; 3363 display: none !important; 3364 } 3365 3366 .svc-image-container > img { 3367 filter: none !important; 3368 } 3369 3370 .svc-swiper-slide.svc-expanded .svc-image-container { 3371 opacity: 0; 3372 pointer-events: none; 3373 } 3374 3375 .svc-slide-image { 3376 width: 100%; 3377 height: 100%; 3378 object-fit: cover; 3379 display: block; 3380 filter: none !important; 3381 opacity: 1 !important; 3382 mix-blend-mode: normal !important; 3383 isolation: isolate; 3384 position: relative; 3385 z-index: 1; 3386 } 3387 3388 .svc-slide-image::before, 3389 .svc-slide-image::after { 3390 content: none !important; 3391 display: none !important; 3392 } 3393 3394 .svc-swiper-slide img { 3395 filter: none !important; 3396 -webkit-filter: none !important; 3397 backdrop-filter: none !important; 3398 -webkit-backdrop-filter: none !important; 3399 } 3400 3401 .svc-image-container > * { 3402 backdrop-filter: none !important; 3403 -webkit-backdrop-filter: none !important; 3404 } 3405 3406 .svc-slide-badge { 3407 position: absolute; 3408 top: 12px; 3409 left: 12px; 3410 display: flex; 3411 align-items: center; 3412 gap: 6px; 3413 background: rgb(43 43 43 / 30%); 3414 backdrop-filter: none !important; 3415 -webkit-backdrop-filter: none !important; 3416 color: #fff; 3417 padding: 8px 20px; 3418 border-radius: 100px; 3419 3420 line-height: 160%; 3421 font-weight: 300; 3422 z-index: 3; 3423 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 3424 pointer-events: none; 3425 } 3426 3427 .svc-slide-badge img { width: 16px; height: 16px; object-fit: contain; } 3428 3429 .svc-slide-description { 3430 position: absolute; 3431 bottom: 0; 3432 left: 0; 3433 right: 0; 3434 color: #fff; 3435 padding: 16px 12px 12px; 3436 font-size: 13px; 3437 line-height: 1.4; 3438 z-index: 3; 3439 pointer-events: none; 3440 } 3441 3442 @media (max-width: 768px) { 3443 .svc-slide-badge { 3444 top: 12px; 3445 bottom: auto; 3446 left: 12px; 3447 } 3448 .svc-slide-description { 3449 bottom: 0; 3450 top: auto; 3451 padding: 12px; 3452 } 3453 } 3454 3455 .svc-learn-more { 3456 position: absolute; 3457 top: 12px; 3458 right: 12px; 3459 background: #fff; 3460 color: #000; 3461 border: none; 3462 padding: 6px 16px; 3463 border-radius: 10px; 3464 font-weight: 400; 3465 z-index: 3; 3466 display: flex; 3467 gap: 8px; 3468 align-items: center; 3469 cursor: pointer; 3470 transition: all 0.25s ease; 3471 3472 } 3473 .svc-learn-more:hover{ 3474 background: #fff !important; 3475 color:#000 !important; 3476 } 3477 3478 .svc-learn-more img { width: 12px; height: 12px; object-fit: contain; } 3479 @media (max-width: 768px) { .svc-learn-more { display: none; } } 3480 3481 .svc-mobile-play { 3482 position: absolute; 3483 top: 12px; 3484 right: 12px; 3485 width: 50px; 3486 height: 50px; 3487 min-width: 50px; 3488 min-height: 50px; 3489 max-width: 50px; 3490 max-height: 50px; 3491 border-radius: 50%; 3492 background: rgba(255,255,255,0.95); 3493 display: none; 3494 align-items: center; 3495 justify-content: center; 3496 z-index: 4; 3497 box-shadow: 0 4px 15px rgba(0,0,0,0.3); 3498 cursor: pointer; 3499 flex-shrink: 0; 3500 padding: 0; 3501 border: none; 3502 outline: none; 3503 } 3504 .svc-mobile-play .play-triangle { 3505 width: 0; 3506 height: 0; 3507 border-left: 12px solid #000; 3508 border-top: 10px solid transparent; 3509 border-bottom: 10px solid transparent; 3510 margin-left: 4px; 3511 flex-shrink: 0; 3512 } 3513 @media (max-width: 768px) { .svc-mobile-play { display:flex; } } 3514 3515 .svc-video-container { 3516 position: absolute; 3517 top: 0; 3518 left: 0; 3519 width: 100%; 3520 height: 100%; 3521 opacity: 0; 3522 visibility: hidden; 3523 transition: opacity 0.35s ease, visibility 0.35s ease; 3524 display: flex; 3525 align-items: center; 3526 justify-content: flex-start; 3527 border-radius: 10px; 3528 overflow: hidden; 3529 z-index: 2; 3530 } 3531 3532 .svc-swiper-slide.svc-expanded .svc-video-container { 3533 opacity: 1; 3534 visibility: visible; 3535 } 3536 3537 @media (max-width: 768px) { 3538 .svc-video-container { 3539 width: 100%; 3540 height: 100%; 3541 } 3542 .svc-swiper-slide.svc-expanded .svc-video-container { 3543 opacity: 1; 3544 visibility: visible; 3545 border-radius: 10px; 3546 } 3547 3548 .svc-mobile-play{ 3549 width: 35px; 3550 height: 35px; 3551 min-width: 35px; 3552 min-height: 35px; 3553 max-width: 35px; 3554 max-height: 35px; 3555 } 3556 .svc-mobile-play .play-triangle { 3557 width: 0; 3558 height: 0; 3559 border-left: 13px solid #000; 3560 border-top: 8px solid transparent; 3561 border-bottom: 8px solid transparent; 3562 margin-left: 4px; 3563 flex-shrink: 0; 3564 } 3565 } 3566 3567 .svc-video-container video { 3568 position: absolute; 3569 width: 100%; 3570 height: 100%; 3571 object-fit: cover; 3572 top: 0; 3573 left: 0; 3574 } 3575 3576 .svc-video-thumbnail { 3577 position: absolute; 3578 top: 0; 3579 left: 0; 3580 width:100%; 3581 height:100%; 3582 display:flex; 3583 align-items:center; 3584 justify-content:center; 3585 z-index: 3; 3586 cursor: pointer; 3587 border-radius: 10px; 3588 background: rgba(0,0,0,0.28); 3589 } 3590 .svc-video-thumbnail img { width:100%; height:100%; object-fit:cover; display:block; } 3591 .svc-video-thumbnail.svc-hidden { display:none; } 3592 3593 .custom-play-button { 3594 position: absolute; 3595 width: 50px; 3596 height: 50px; 3597 border-radius: 50%; 3598 background: rgba(255,255,255,0.95); 3599 display:flex; 3600 align-items:center; 3601 justify-content:center; 3602 z-index: 10; 3603 transition: transform .18s; 3604 box-shadow: 0 4px 20px rgba(0,0,0,0.3); 3605 top: 50%; 3606 left: 50%; 3607 transform: translate(-50%,-50%); 3608 cursor: pointer; 3609 } 3610 .custom-play-button:hover { transform: translate(-50%,-50%) scale(1.08); } 3611 .play-triangle { 3612 width:0; 3613 height:0; 3614 border-left: 12px solid #000; 3615 border-top: 10px solid transparent; 3616 border-bottom: 10px solid transparent; 3617 margin-left:4px; 3618 } 3619 3620 .svc-close-btn { 3621 position: absolute; 3622 top: 15px; 3623 right: 15px; 3624 width: 35px; 3625 height: 35px; 3626 border-radius: 50%; 3627 background: rgba(255, 255, 255, 0.95); 3628 display: none; 3629 align-items: center; 3630 justify-content: center; 3631 z-index: 15; 3632 cursor: pointer; 3633 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3); 3634 padding: 0; 3635 border: none; 3636 outline: none; 3637 flex-shrink: 0; 3638 transition: all 0.2s ease; 3639 } 3640 3641 .svc-swiper-slide.svc-expanded .svc-close-btn { display:flex; } 3642 .svc-close-btn:hover { 3643 background: #000; 3644 transform: scale(1.05); 3645 } 3646 3647 .svc-close-btn:hover svg { 3648 stroke: #fff; 3649 } 3650 3651 .close-icon { 3652 width: 16px; 3653 height: 16px; 3654 stroke: #000; 3655 stroke-width: 2; 3656 transition: stroke 0.2s ease; 3657 } 3658 3659 @media (max-width: 768px) { 3660 .svc-close-btn { 3661 top: 12px; 3662 right: 12px; 3663 width: 36px; 3664 height: 36px; 3665 } 3666 .close-icon { 3667 width: 18px; 3668 height: 18px; 3669 } 3670 } 3671
3672 .svc-carousel-controls { 3673 display:flex; 3674 justify-content:space-between; 3675 align-items:center; 3676 margin-top:4.01%; 3677 padding: 0 10px; 3678 gap: 10px; 3679 } 3680 3681 .svc-line-indicator { display:flex; gap:5px; align-items:center; flex:1; max-width:calc(100% - 120px); flex-wrap:wrap;} 3682 .svc-line-indicator div { 3683 width: 25px; height:1px; background:#d1d5db; border-radius:2px; cursor:pointer; transition:all .25s; 3684 } 3685 .svc-line-indicator div.svc-active { background:#000; } 3686 3687 .svc-arrows { display:flex; flex-shrink:0;gap:5px } 3688 .svc-arrow { 3689 width:30px; height:30px; border-radius:50%; 3690 background:#efefef; border:none; display:flex; align-items:center; justify-content:center; 3691 cursor:pointer; font-size:12px; color:#808080; transition:all .25s; padding:0; 3692 } 3693 .svc-arrow:hover { background:transparent !important; color:#808080 } 3694 .svc-arrow:active { background:transparent !important; color:#808080 } 3695 3696 .svc-carousel-container .svc-swiper .swiper-slide { 3697 aspect-ratio: 1/1; 3698 } 3699 .svc-carousel-container .svc-swiper .swiper-slide.svc-expanded { 3700 aspect-ratio: 1/1; 3701 } 3702 3703 @media (max-width: 768px) { 3704 .svc-line-indicator { max-width: calc(100% - 80px); } 3705 .svc-line-indicator div { width: 20px; height:1px; } 3706 .svc-arrow { width:30px; height:30px; font-size:12px;gap:5px } 3707 .svc-arrows { 3708 padding-right: 0 !important; 3709 justify-content: flex-end; 3710 } 3711 .swiper-slide { 3712 height:90vh !important; 3713 } 3714 } 3715 3716 /* New styles for smooth transitions */ 3717 .svc-swiper-slide.svc-smooth-transition { 3718 transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); 3719 } 3720 3721 .svc-swiper-slide.svc-expanding { 3722 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 3723 } 3724 3725 /* Ensure all slides are clickable */ 3726 .svc-swiper-slide { 3727 pointer-events: auto !important; 3728 } 3729 3730 .svc-swiper-slide .svc-image-container { 3731 pointer-events: auto !important; 3732 } 3733 /* Update the mobile play button positioning and styling */ 3734.svc-mobile-play { 3735 position: absolute; 3736 top: 50%; 3737 left: 50%; 3738 transform: translate(-50%, -50%); 3739 right: auto; 3740 width: 50px; 3741 height: 50px; 3742 min-width: 50px; 3743 min-height: 50px; 3744 max-width: 50px; 3745 max-height: 50px; 3746 border-radius: 50%; 3747 background: rgba(255,255,255,0.95); 3748 display: none; 3749 align-items: center; 3750 justify-content: center; 3751 z-index: 4; 3752 box-shadow: 0 4px 15px rgba(0,0,0,0.3); 3753 cursor: pointer; 3754 flex-shrink: 0; 3755 padding: 0; 3756 border: none; 3757 outline: none; 3758} 3759 3760.svc-mobile-play .play-triangle { 3761 width: 0; 3762 height: 0; 3763 border-left: 12px solid #6317FF; /* Purple color */ 3764 border-top: 10px solid transparent; 3765 border-bottom: 10px solid transparent; 3766 margin-left: 4px; 3767 flex-shrink: 0; 3768} 3769 3770@media (max-width: 768px) { 3771 .svc-mobile-play { 3772 display: flex; 3773 top: 50%; 3774 left: 50%; 3775 transform: translate(-50%, -50%); 3776 right: auto; 3777 } 3778 3779 .svc-mobile-play .play-triangle { 3780 width: 0; 3781 height: 0; 3782 border-left: 13px solid #6317FF; /* Purple color */ 3783 border-top: 8px solid transparent; 3784 border-bottom: 8px solid transparent; 3785 margin-left: 4px; 3786 flex-shrink: 0; 3787 } 3788} 3789 </style> <div class="split-view-carousel"> <div class="svc-carousel-container cm-nb-th-bsrc-ovhide"> <div class="swiper svc-swiper"> <div class="swiper-wrapper"> <div class="swiper-slide svc-swiper-slide" data-slide-index="1"> <div class="svc-image-container"> <img class="svc-slide-image" src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/features-new-4-.png" alt="Abstract Gradient"/> <div class="svc-slide-badge nb_fs_txt_std"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/smart-parking.png?t=1759898739" alt="icon"/> Smart Sense Parking </div> <div class="svc-slide-description nb_fs_txt_md">Protect your car while youâre away. Smart Sense Parking detects bumps or motion, records instantly, and sends alerts straight to your phone.</div> <button class="svc-learn-more nb_fs_txt_std"><img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/
3789playbutton.png?t=1759898743" alt="play"/>See It in Action</button> <button class="svc-mobile-play"><div class="play-triangle"></div></button> </div> <div class="svc-video-container"> <button class="svc-close-btn"> <svg class="close-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 6L6 18M6 6L18 18" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div class="svc-video-thumbnail"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/features-new-4-.png" alt="thumb"/> <div class="custom-play-button"><div class="play-triangle"></div></div> </div> <video class="lazyload" preload="metadata" data-desktop-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/b1166b6e-75b1-4f2b-b30f-d101deb1aa05/Nextbase-Smartsense-Parking-16x9.mp4" data-mobile-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/6f79d67c-0cb0-4ae7-a8af-5854059eaa48/Nextbase-Smartsense-Parking-1x1.mp4" playsinline webkit-playsinline></video> </div> </div> <div class="swiper-slide svc-swiper-slide" data-slide-index="2"> <div class="svc-image-container"> <img class="svc-slide-image" src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/features-new-5-.png" alt="Sample Image 3"/> <div class="svc-slide-badge nb_fs_txt_std"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/emergency-sos.png" alt="icon"/> Emergency SOS </div> <div class="svc-slide-description nb_fs_txt_md">An ally in an accident. If no movement is sensed after impact, we automatically notify emergency services and share your locationâweâve got your back.</div> <button class="svc-learn-more nb_fs_txt_std"><img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/playbutton.png?t=1759898743" alt="play"/> See It in Action </button> <button class="svc-mobile-play"><div class="play-triangle"></div></button> </div> <div class="svc-video-container"> <button class="svc-close-btn"> <svg class="close-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 6L6 18M6 6L18 18" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div class="svc-video-thumbnail"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/features-new-5-.png" alt="thumb"/> <div class="custom-play-button"><div class="play-triangle"></div></div> </div> <video class="lazyload" preload="metadata" data-desktop-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/5395d804-7c96-49f8-9855-61d58f54d4ab/EMERGENCY-SOS-16x9.mp4" data-mobile-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/60c9c97c-4750-470d-9a91-c1da61f0bcc7/Nextbase-Emergency-SOS-1x1.mp4" playsinline webkit-playsinline></video> </div> </div> <div class="swiper-slide svc-swiper-slide" data-slide-index="0"> <div class="svc-image-container"> <img class="svc-slide-image" src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/features-new-3-.png" alt="Modern Architecture"/> <div class="svc-slide-badge nb_fs_txt_std"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/witness-mode.png?t=1759898743" alt="icon"/> Witness Mode </div> <div class="svc-slide-description nb_fs_txt_md">Never face danger alone. Use a simple voice command to connect a trusted contact who can see, hear, and step in to helpâlive.</div> <button class="svc-learn-more nb_fs_txt_std"><img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/
3789playbutton.png?t=1759898743" alt="play"/>See It in Action </button> <button class="svc-mobile-play"><div class="play-triangle"></div></button> </div> <div class="svc-video-container"> <button class="svc-close-btn"> <svg class="close-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 6L6 18M6 6L18 18" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div class="svc-video-thumbnail"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/features-new-3-.png" alt="thumb"/> <div class="custom-play-button"><div class="play-triangle"></div></div> </div> <video class="lazyload" preload="metadata" data-desktop-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/f80a2188-c002-4af1-a313-19bd51ce3a59/WITNESS-MODE_30_16x9_DISCLAIMERS-2.mp4" data-mobile-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/89bfe388-924e-4954-b2af-fa64b5417022/iQ-WitnessMode-Loop-Square.mp4" playsinline webkit-playsinline></video> </div> </div> <div class="swiper-slide svc-swiper-slide" data-slide-index="3"> <div class="svc-image-container"> <img class="svc-slide-image" src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/liveview-videohome.png" alt="Modern Architecture 2"/> <div class="svc-slide-badge nb_fs_txt_std"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/witness-mode.png?t=1759898743" alt="icon"/> Live View </div> <div class="svc-slide-description nb_fs_txt_md">Stay connected to your car. See what your camera sees in real time, ideal for checking parking, lending the keys, or a quick look after a motion alert.</div> <button class="svc-learn-more nb_fs_txt_std"><img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/playbutton.png?t=1759898743" alt="play"/>See It in Action </button> <button class="svc-mobile-play"><div class="play-triangle"></div></button> </div> <div class="svc-video-container"> <button class="svc-close-btn"> <svg class="close-icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M18 6L6 18M6 6L18 18" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> <div class="svc-video-thumbnail"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/liveview-videohome.png" alt="thumb"/> <div class="custom-play-button"><div class="play-triangle"></div></div> </div> <video class="lazyload" preload="metadata" data-desktop-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/2d7004a5-9066-4a69-bb89-ebeb8e92021f/iQ-LiveView-Loop.mp4" data-mobile-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/851be9a0-0646-4ae5-bf62-6d9b55d8340b/iQ-LiveView-Loop-Square.mp4" playsinline webkit-playsinline></video> </div> </div> </div> </div> <div class="svc-carousel-controls"> <div class="svc-line-indicator"></div> <div class="svc-arrows"> <button class="svc-arrow svc-arrow-left" aria-label="Prev">❮</button> <button class="svc-arrow svc-arrow-right" aria-label="Next">❯</button> </div> </div> </div> </div>
3789<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
3789
3789<script> 3790 (function() { 3791 function setVideoSources() { 3792 const isMobile = window.innerWidth <= 768; 3793 const videos = document.querySelectorAll('.svc-video-container video'); 3794 3795 videos.forEach(video => { 3796 const desktopSrc = video.getAttribute('data-desktop-src'); 3797 const mobileSrc = video.getAttribute('data-mobile-src'); 3798 const currentSrc = video.getAttribute('src'); 3799 const newSrc = isMobile ? mobileSrc : desktopSrc; 3800 3801 if (currentSrc !== newSrc) { 3802 const wasPlaying = !video.paused; 3803 const currentTime = video.currentTime; 3804 video.src = newSrc; 3805 if (wasPlaying) { 3806 video.currentTime = currentTime; 3807 video.play().catch(() => {}); 3808 } 3809 } 3810 }); 3811 } 3812 3813 setVideoSources(); 3814 3815 let resizeTimer; 3816 window.addEventListener('resize', () => { 3817 clearTimeout(resizeTimer); 3818 resizeTimer = setTimeout(() => { 3819 setVideoSources(); 3820 }, 250); 3821 }); 3822 3823 const swiper = new Swiper('.svc-swiper', { 3824 slidesPerView: 'auto', 3825 spaceBetween: 5, 3826 centeredSlides: false, 3827 loop: true, 3828 grabCursor: true, 3829 autoplay: false, 3830 allowTouchMove: true, 3831 speed: 400, 3832 breakpoints: { 3833 320: { slidesPerView: 'auto', spaceBetween: 5, centeredSlides: false }, 3834 769: { slidesPerView: 'auto', spaceBetween: 5, centeredSlides: false } 3835 } 3836 }); 3837 3838 const leftBtn = document.querySelector('.svc-arrow-left'); 3839 const rightBtn = document.querySelector('.svc-arrow-right'); 3840 const indicatorContainer = document.querySelector('.svc-line-indicator'); 3841 const realSlidesCount = 4; 3842 let currentIndex = 0; 3843 3844 // Track target slide for auto-expansion 3845 let targetSlideForExpansion = null; 3846 let isTransitioning = false; // Flag to prevent multiple transitions 3847 let currentlyExpandedSlide = null; // Track the currently expanded slide 3848 3849 function createIndicators() { 3850 indicatorContainer.innerHTML = ''; 3851 for (let i = 0; i < realSlidesCount; i++) { 3852 const indicator = document.createElement('div'); 3853 if (i === 0) indicator.classList.add('svc-active'); 3854 indicatorContainer.appendChild(indicator); 3855 } 3856 } 3857 3858 createIndicators(); 3859 const indicators = Array.from(document.querySelectorAll('.svc-line-indicator div')); 3860 3861 const updateControls = () => { 3862 indicators.forEach((ind, i) => { 3863 ind.classList.toggle('svc-active', i === currentIndex); 3864 }); 3865 }; 3866 3867 const collapseAll = () => { 3868 document.querySelectorAll('.svc-swiper-slide').forEach(sli
3868de => { 3869 slide.classList.remove('svc-expanded'); 3870 const video = slide.querySelector('video'); 3871 if (video) { 3872 video.pause(); 3873 video.currentTime = 0; 3874 } 3875 const thumb = slide.querySelector('.svc-video-thumbnail'); 3876 if (thumb) thumb.classList.remove('svc-hidden'); 3877 }); 3878 targetSlideForExpansion = null; 3879 currentlyExpandedSlide = null; 3880 }; 3881 3882 // Enhanced function to check if a slide is fully visible 3883 const isSlideFullyVisible = (slideEl) => { 3884 const rect = slideEl.getBoundingClientRect(); 3885 const viewportWidth = window.innerWidth; 3886 const visibleWidth = Math.min(rect.right, viewportWidth) - Math.max(rect.left, 0); 3887 const slideWidth = rect.width; 3888 3889 // Consider a slide fully visible if at least 95% of it is in viewport 3890 return visibleWidth / slideWidth > 0.95; 3891 }; 3892 3893 // Function to check if a slide is partially visible (peeked/cropped) 3894 const isSlidePartiallyVisible = (slideEl) => { 3895 const rect = slideEl.getBoundingClientRect(); 3896 const viewportWidth = window.innerWidth; 3897 const visibleWidth = Math.min(rect.right, viewportWidth) - Math.max(rect.left, 0); 3898 const slideWidth = rect.width; 3899 3900 // Consider a slide partially visible if between 5% and 95% is visible 3901 const visibilityRatio = visibleWidth / slideWidth; 3902 return visibilityRatio > 0.05 && visibilityRatio <= 0.95; 3903 }; 3904 3905 // Function to determine scroll direction for a partially visible slide 3906 const getScrollDirection = (slideEl) => { 3907 const rect = slideEl.getBoundingClientRect(); 3908 const viewportCenter = window.innerWidth / 2; 3909 const slideCenter = rect.left + rect.width / 2; 3910 3911 // If slide center is to the left of viewport center, scroll right 3912 // If slide center is to the right of viewport center, scroll left 3913 return slideCenter < viewportCenter ? 'right' : 'left'; 3914 }; 3915 3916 // Get the real slide index (accounting for duplicates in loop mode) 3917 const getRealSlideIndex = (slideEl) => { 3918 const slideIndex = parseInt(slideEl.getAttribute('data-slide-index')); 3919 return isNaN(slideIndex) ? 0 : slideIndex; 3920 }; 3921 3922 const expandSlide = (slideEl) => { 3923 // Close any currently expanded slide first 3924 if (currentlyExpandedSlide && currentlyExpandedSlide !== slideEl) { 3925 closeExpandedSlide(currentlyExpandedSlide); 3926 } 3927 3928 // Add expanding class for smooth transition 3929 slideEl.classList.add('svc-expanding'); 3930 3931 setTimeout(() => { 3932 slideEl.classList.add('svc-expanded'); 3933 3934 // Remove expanding class after transition 3935 setTimeout(() => { 3936 slideEl.classList.remove('svc-expanding'); 3937 }, 300); 3938 3939 // Update current index based on the actual slide data 3940 currentIndex = getRealSlideIndex(slideEl); 3941 updateControls(); 3942 3943 const video = slideEl.querySelector('video'); 3944 const thumb = slideEl.querySelector('.svc-video-thumbnail'); 3945 if (video && thumb) { 3946 thumb.classList.add('svc-hidden'); 3947 video.currentTime = 0; 3948 video.play().catch(() => {}); 3949 } 3950 3951 // Set as currently expanded slide 3952 currentlyExpandedSlide = slideEl; 3953 isTransitioning = false; 3954 }, 30); 3955 }; 3956 3957 const closeExpandedSlide = (slideEl) => { 3958 slideEl.classList.remove('svc-expanded'); 3959 const video = slideEl.querySelector('video'); 3960 if (video) { 3961 video.pause(); 3962 video.currentTime = 0; 3963 } 3964 const thumb = slideEl.querySelector('.svc-video-thumbnail'); 3965 if (thumb) thumb.classList.remove('svc-hidden'); 3966 3967 // Clear the currently expanded slide if it's the one being closed 3968 if (currentlyExpandedSlide === slideEl) { 3969 currentlyExpandedSlide = null; 3970 } 3971 }; 3972 3973 // Function to smoothly scroll to a slide 3974 const smoothScrollToSlide = (slideEl, direction) => { 3975 if (isTransitioning) return; 3976 isTransitioning = true; 3977 3978 // Store the target slide for expansion after scrolling 3979 targetSlideForExpansion = slideEl; 3980 3981 // Get the real index of the slide 3982 const slideIndex = getRealSlideIndex(slideEl); 3983 3984 // Scroll to the specific slide instead of just next/prev
3985 // This prevents multiple slides from moving 3986 swiper.slideToLoop(slideIndex); 3987 }; 3988 3989 // Main click handler for the carousel 3990 document.querySelector('.svc-swiper').addEventListener('click', function(e) { 3991 const slide = e.target.closest('.svc-swiper-slide'); 3992 if (!slide) return; 3993 3994 const learnMore = e.target.closest('.svc-learn-more'); 3995 const mobilePlay = e.target.closest('.svc-mobile-play'); 3996 const imgContainer = e.target.closest('.svc-image-container'); 3997 const closeBtn = e.target.closest('.svc-close-btn'); 3998 const playBtn = e.target.closest('.custom-play-button'); 3999 const thumb = e.target.closest('.svc-video-thumbnail'); 4000 4001 if (closeBtn) { 4002 e.stopPropagation(); 4003 closeExpandedSlide(slide); 4004 targetSlideForExpansion = null; 4005 return; 4006 } 4007 4008 if (playBtn || thumb) { 4009 e.stopPropagation(); 4010 const video = slide.querySelector('video'); 4011 const thumbEl = slide.querySelector('.svc-video-thumbnail'); 4012 if (thumbEl) thumbEl.classList.add('svc-hidden'); 4013 if (video) { 4014 video.currentTime = 0; 4015 video.play().catch(() => {}); 4016 } 4017 return; 4018 } 4019 4020 // Handle slide clicks for the new behavior 4021 if (learnMore || mobilePlay || (imgContainer && !slide.classList.contains('svc-expanded'))) { 4022 e.stopPropagation(); 4023 4024 // If clicking on the same slide that's already expanded, do nothing 4025 if (slide === currentlyExpandedSlide) return; 4026 4027 // Check if slide is partially visible 4028 if (isSlidePartiallyVisible(slide)) { 4029 // Get the direction to scroll 4030 const direction = getScrollDirection(slide); 4031 4032 // Smoothly scroll to the slide 4033 smoothScrollToSlide(slide, direction); 4034 } 4035 // If slide is fully visible, expand it immediately 4036 else if (isSlideFullyVisible(slide)) { 4037 expandSlide(slide); 4038 } 4039 // If slide is barely visible (less than 5%), still try to expand it 4040 else { 4041 // Get the direction to scroll 4042 const direction = getScrollDirection(slide); 4043 4044 // Smoothly scroll to the slide 4045 smoothScrollToSlide(slide, direction); 4046 } 4047 } 4048 }); 4049 4050 // Check for slides that need auto-expansion after scrolling 4051 function checkForAutoExpand() { 4052 if (targetSlideForExpansion && isSlideFullyVisible(targetSlideForExpansion)) { 4053 expandSlide(targetSlideForExpansion); 4054 targetSlideForExpansion = null; 4055 } 4056 } 4057 4058 // Listen for scroll events to check for auto-expansion 4059 swiper.on('transitionEnd', checkForAutoExpand); 4060 swiper.on('slideChangeTransitionEnd', checkForAutoExpand); 4061 4062 document.querySelectorAll('video').forEach(video => { 4063 video.addEventListener('ended', function() { 4064 const thumb = this.closest('.svc-video-container').querySelector('.svc-video-thumbnail'); 4065 if (thumb) thumb.classList.remove('svc-hidden'); 4066 }); 4067 }); 4068 4069 leftBtn?.addEventListener('click', () => { 4070 // Close any expanded slide before navigating 4071 if (currentlyExpandedSlide) { 4072 closeExpandedSlide(currentlyExpandedSlide); 4073 } 4074 swiper.slidePrev(); 4075 }); 4076 4077 rightBtn?.addEventListener('click', () => { 4078 // Close any expanded slide before navigating 4079 if (currentlyExpandedSlide) { 4080 closeExpandedSlide(currentlyExpandedSlide); 4081 } 4082 swiper.slideNext(); 4083 }); 4084
4085 indicators.forEach((ind, i) => { 4086 ind.addEventListener('click', () => { 4087 // Close any expanded slide before navigating 4088 if (currentlyExpandedSlide) { 4089 closeExpandedSlide(currentlyExpandedSlide); 4090 } 4091 currentIndex = i; 4092 swiper.slideToLoop(currentIndex); 4093 updateControls(); 4094 }); 4095 }); 4096 4097 swiper.on('slideChange', () => { 4098 currentIndex = swiper.realIndex; 4099 updateControls(); 4100 // Don't collapse all on slide change, only close the expanded one if needed 4101 if (currentlyExpandedSlide) { 4102 const currentSlideIndex = getRealSlideIndex(currentlyExpandedSlide); 4103 if (currentSlideIndex !== currentIndex) { 4104 closeExpandedSlide(currentlyExpandedSlide); 4105 } 4106 } 4107 }); 4108 4109 updateControls(); 4110 })(); 4111 </script>
4111 </div> </div> </div> </div></div> </div> </div> </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shogun-lazyload shogun-lazyload-bg-image" id="s-2f7e0cc4-ab4c-4648-a2af-00efdb48a480"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-40aaa7bf-fdc1-4df9-acd0-7d810f4d104a" class="shg-c shg-align-left"> <style> 4112 .cm_shogun_wg_animation_section { 4113 display: flex; 4114 align-items: center; 4115 justify-content: flex-start; 4116 position: relative; 4117 } 4118 4119 4120 4121 .cm_shogun_wg_animation_animation_section { 4122 position: relative; 4123 overflow: hidden; 4124 } 4125 4126 4127 .cm_shogun_wg_animation_dashcam_image { 4128 width: 100vw; 4129 object-fit: none; 4130 position: absolute; 4131 top: 0; 4132 left: 0; 4133 transition: none; 4134 } 4135 4136 4137 .cm_shogun_wg_animation_left_content, 4138 .cm_shogun_wg_animation_left_content_sub_main { 4139 position: relative; 4140 z-index: 15; 4141 } 4142 4143 4144 .cm_shogun_wg_animation_section_start .cm_shogun_wg_animation_left_content span, 4145 .cm_shogun_wg_animation_section_start .cm_shogun_wg_animation_left_content_sub_main_description { 4146 color: var(--global_primarywhite-color); 4147 } 4148 4149 .cm_shogun_wg_animation_section_start .cm_shogun_wg_animation_left_content span { 4150 4151 font-weight: 600; 4152 /*width: 4.0in;*/ 4153 display: flex; 4154 } 4155 4156 .cm_shogun_wg_animation_section_end .cm_shogun_wg_animation_left_content span { 4157 color: var(--global-secondarydarkest-color); 4158 4159 font-weight: 600; 4160 /*width: 4.0in;*/ 4161 display: flex; 4162 } 4163 4164 .cm_shogun_wg_animation_left_content_sub_main_description { 4165 4166 line-height: 1.6; 4167 margin-bottom: 1.4rem; 4168 } 4169 4170 .cm_shogun_wg_animation_section_end .cm_shogun_wg_animation_left_content_sub_main_description { 4171 color: var(--global-secondarydark-color); 4172 } 4173 4174 .cm_shogun_wg_animation_section_start .cm_shogun_wg_animation_left_content_sub_main_btn { 4175 z-index: 5; 4176 } 4177 4178 .cm_shogun_wg_animation_section_start #cm_shogun_wg_animation_main_image { 4179 filter: brightness(0.9); 4180 } 4181 4182 4183 4184 /* --- Base --- */ 4185 /* #cm_shogun_wg_animation_section { 4186 position: relative; 4187 height: 100vh; 4188 overflow: hidden; 4189} */ 4190 4191 #cm_shogun_wg_animation_main_image { 4192 width: 100vw; 4193 height: 100vh; 4194 object-fit: contain; 4195 /* We'll simulate "none" using scale */ 4196 transform: scale(2.2) translate(0, 0); 4197 /* looks like object-fit:none */ 4198 transition: transform 1.5s linear, border-radius 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); 4199 position: absolute; 4200 top: 0; 4201 left: 0; 4202 z-index: 10; 4203 will-change: transform; 4204 } 4205 4206 #cm_shogun_wg_animation_content_overlay { 4207 position: absolute; 4208 inset: 0; 4209 background: rgba(0, 0, 0, 0.5); 4210 transition: opacity 1.5s ease; 4211 opacity: 1; 4212 z-index: 15; 4213 } 4214 4215 #cm_shogun_wg_animation_left_content { 4216 position: relative; 4217 z-index: 20; 4218 color: #fff; 4219 opacity: 1; 4220 transition: opacity 1.5s ease; 4221 } 4222 4223 /* --- Animation state --- */ 4224 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_main_image { 4225 transform: scale(.8) translate(35vw, -15vh); 4226 /* zoom out + move */ 4227 } 4228 4229 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_content_overlay { 4230 opacity: 0; 4231 } 4232 4233 /* Default higher layer before animation starts */ 4234 #cm_shogun_wg_animation_left_content, 4235 .cm_shogun_wg_animation_left_content_sub_main, 4236 #cm_shogun_wg_animation_cta_button { 4237 position: relative; 4238 z-index: 20; 4239 transition: z-index 0s linear 2s, opacity 0.6s ease; 4240 /* the 2s delay ensures z-index drops only after animation starts */ 4241 } 4242 4243 /* When animation plays, lower z-index */ 4244 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_left_content, 4245 .cm_shogun_wg_animation_section_end .cm_shogun_wg_animation_left_content_sub_main, 4246 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_cta_button { 4247 z-index: 5; 4248 opacity: 1;
4249 transition-delay: 0s; 4250 } 4251 4252 /* Animation states - removed as we'll use direct CSS transforms */ 4253 4254 /* Responsive */ 4255 @media (max-width: 768px) { 4256 .cm_shogun_wg_animation_content_overlay { 4257 left: 10%; 4258 right: 10%; 4259 } 4260 4261 .cm_shogun_wg_animation_left_content_main { 4262 height: 320px; 4263 } 4264 4265 .cm_shogun_wg_animation_left_content_sub_main_btn { 4266 display: flex; 4267 justify-content: flex-start; 4268 align-items: flex-end; 4269 padding-top: 20px; 4270 } 4271 4272 .cm_shogun_wg_animation_section .cm_shogun_wg_animation_left_content_sub_main_btn, 4273 .cm_shogun_wg_animation_section .cm_shogun_wg_animation_left_content_sub_main { 4274 display: none; 4275 } 4276 4277 .cm_shogun_wg_animation_section { 4278 height: 350px; 4279 } 4280 4281 .cm_shogun_wg_animation_dashcam_image { 4282 height: 300px; 4283 } 4284 4285 .cm_shogun_wg_animation_bottom_content_sub_mobile { 4286 padding-bottom: 30px; 4287 } 4288 4289 .cm_shogun_wg_animation_section_start #cm_shogun_wg_animation_main_image { 4290 transform: scale(6) translate(0, -51px); 4291 /* looks like object-fit:none */ 4292 transition: transform 1.5s cubic-bezier(.9, .8, 0.5, 1), border-radius 2.5s ease; 4293 } 4294 4295 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_main_image { 4296 transform: scale(.8) translate(0, -23vh); 4297 4298 } 4299 4300 .cm_shogun_wg_animation_section_end .cm_shogun_wg_animation_left_content span, 4301 .cm_shogun_wg_animation_section_start .cm_shogun_wg_animation_left_content span { 4302 4303 font-weight: 600; 4304 width: 100%; 4305 display: flex; 4306 } 4307 } 4308 4309 @media (min-width: 768px) { 4310 .cm_shogun_wg_animation_left_content_main { 4311 height: 67vh; 4312 } 4313 4314 .cm_shogun_wg_animation_left_content_sub_main_btn { 4315 display: flex; 4316 justify-content: flex-end; 4317 align-items: flex-end; 4318 margin-top: 20px; 4319 } 4320 4321 .cm_shogun_wg_animation_bottom_content_sub_mobile { 4322 display: none; 4323 } 4324 4325 .cm_shogun_wg_animation_section { 4326 height: 100vh; 4327 } 4328 4329 .cm_shogun_wg_animation_dashcam_image { 4330 height: 100vh; 4331 } 4332 } 4333 4334 @media (max-width: 1200px) { 4335 4336 #cm_shogun_wg_animation_main_image { 4337 transform: scale(3.6) translate(0, 0); 4338 } 4339 } 4340 4341 @media (min-width: 1500px) { 4342 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_main_image { 4343 transform: scale(.7) translate(38vw, -15vh); 4344 } 4345 4346 .cm_shogun_wg_animation_left_content_main { 4347 height: 60vh; 4348 } 4349 4350 #cm_shogun_wg_animation_main_image { 4351 transform: scale(2.9) translate(0, -46px); 4352 } 4353 } 4354 4355 @media (min-width: 2000px) { 4356 .cm_shogun_wg_animation_left_content_main { 4357 height: 45vh; 4358 } 4359 4360 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_main_image { 4361 transform: scale(.5) translate(27vw, -75vh); 4362 } 4363 } 4364 4365 .cm_shogun_wg_animmation_shrink_btn { 4366 background: var(--global-primary-color); 4367 color: var(--global_primarywhite-color); 4368 font-family: var(--global-font-family); 4369 border: none; 4370 padding: 10px 15px; 4371 border-radius: 10px; 4372 cursor: pointer; 4373 transition: all 0.3s ease; 4374 align-self: flex-start; 4375 z-index: 5; 4376 font-weight: 400; 4377 cursor: pointer; 4378 } 4379 4380 .cm_shogun_wg_animmation_shrink_btn:hover, 4381 .cm_shogun_wg_animmation_shrink_btn:focus { 4382 background: var(--global-primarydarkest-color); 4383 } 4384 4385 4386 .cm_shogun_wg_animation_no_padding { 4387 padding-left: 0px; 4388 padding-right: 0px; 4389 } 4390 4391 @media (max-width: 768px) { 4392 .cm_shogun_wg_animmation_shrink_btn { 4393 4394 font-weight: 400; 4395 padding: 12px 18px !important; 4396 } 4397 } 4398 4399 /*mobile screen image adjustment */ 4400 @media only screen and (max-width: 768px) and (min-width: 600px) { 4401 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_main_image { 4402 transform: scale(.6); 4403 } 4404 4405 #cm_shogun_wg_animation_main_image { 4406 top: 40px; 4407 height: 100%; 4408 } 4409 } 4410 4411 @media only screen and (max-width: 600px) and (min-width: 460px) { 4412 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_main_image { 4413 transform: scale(.75); 4414 } 4415 4416 #cm_shogun_wg_animation_main_image { 4417 top: 45px; 4418 height: 100%; 4419 } 4420 } 4421 4422 @media only screen and (max-width: 460px) and (min-width: 60px) { 4423 .cm_shogun_wg_animation_section_end #cm_shogun_wg_animation_main_image { 4424 transform: scale(.8); 4425 } 4426 4427 #cm_shogun_wg_animation_main_image { 4428 top: 50px; 4429 height: 100%; 4430 } 4431 } 4432</style> <section class="cm_shogun_wg_animation_section cm_shogun_wg_animation_animation_section full-width-page cm_shogun_wg_animation_section_start" id="cm_shogun_wg_animation_section"> <div class="cm-container"> <div class="small-12 large-4 columns cm_shogun_wg_animation_left_content_main cm_shogun_wg_animation_no_padding"> <h4 class="cm_shogun_wg_animation_left_content" id="cm_shogun_wg_animation_left_content"> <span>Up to 4K resolution with wide-angle lenses for comprehensive <br>coverage</span> </h4> </div> <div class="cm_shogun_wg_animation_dashcam_container_image_main"> <div class="cm_shogun_wg_animation_dashcam_container " id="cm_shogun_wg_animation_dashcam_container container"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/dashcam-rebrand-animaton-x4-min.png" alt="Dashcam View" class="cm_shogun_wg_animation_dashcam_image" id="cm_shogun_wg_animation_main_image"> </div> </div> <div class="small-12 large-12 columns"></div> <div class="small-12 large-4 columns cm_shogun_wg_animation_left_content_sub_main cm_shogun_wg_animation_no_padding"> <p class="cm_shogun_wg_animation_left_content_sub_main_description nb_fs_txt_std "> Nextbase dash cams record in up to <strong>4K Ultra HD</strong>, capturing every road sign, license plate, and detail with precision. The sharper the image, the more reliable your evidence will be. </p> </div> <div class="small-12 large-8 columns cm_shogun_wg_animation_left_content_sub_main_btn cm_shogun_wg_animation_no_padding"> <button class="cm_shogun_wg_animmation_shrink_btn nb_fs_txt_lg" id="cm_shogun_wg_animation_cta_button" onclick="window.location.href='/4k-dash-cams/'">Shop 4K Dash Cams</button> </div> </div> </section> <section class="cm_shogun_wg_animation_bottom_content_sub_mobile full-width-page"> <div class="row "> <div class="small-12 medium-12 large-4 columns cm_shogun_wg_animation_left_content_sub_main "> <p class="cm_shogun_wg_animation_left_content_sub_main_description nb_fs_txt_std"> Nextbase dash cams record in up to <strong>4K Ultra HD</strong>, capturing every road sign, license plate, and detail with precision. The sharper the image, the more reliable your evidence will be. </p> </div> <div class="small-12 medium-12 large-8 columns cm_shogun_wg_animation_left_content_sub_main_btn "> <button class="cm_shogun_wg_animmation_shrink_btn nb_fs_txt_std" id="cm_shogun_wg_animation_cta_button" onclick="window.location.href='/4k-dash-cams/'">Shop 4K Dash Cams</button> </div> </div> </section>
4432<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
4432
4432<script> 4433 $(document).ready(function () { 4434 const $section = $('#cm_shogun_wg_animation_section'); 4435 4436 // Observer 1 â Trigger animation start when 50% visible 4437 const observerIn = new IntersectionObserver((entries) => { 4438 entries.forEach(entry => { 4439 if (entry.isIntersecting) { 4440 $section.addClass('cm_shogun_wg_animation_section_end'); 4441 $section.removeClass('cm_shogun_wg_animation_section_start'); 4442 } 4443 }); 4444 }, { threshold: 0.5 }); 4445 4446 // Observer 2 â Trigger animation reset when less than 10% visible 4447 const observerOut = new IntersectionObserver((entries) => { 4448 entries.forEach(entry => { 4449 if (!entry.isIntersecting) { 4450 // When section leaves viewport beyond 90%, reset 4451 $section.removeClass('cm_shogun_wg_animation_section_end'); 4452 $section.addClass('cm_shogun_wg_animation_section_start'); 4453 } 4454 }); 4455 }, { threshold: 0 }); 4456 4457 observerIn.observe($section[0]); 4458 observerOut.observe($section[0]); 4459 4460 if ($(window).width() > 2000) { 4461 $section.removeClass('full-width-page') 4462 } 4463 }); 4464</script>
4464 </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-82b71129-050c-4ea1-9839-71575c9e2edc"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_84 nbs_pb_100 " id="s-1fcabf98-3b27-49d4-971f-5393068fae85"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_70 nbs_pb_70 nbs_mb_84 " id="s-34838aee-986a-4f81-ab28-dca3eb5aeaa1"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-c0d3ad27-ff52-486c-85f0-8a86c66925e4" class="shg-c nbs_mb_lg hc:nb_c_primarylight nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"data-animations='[{"event":"enterviewport","name":"fadeInUp","delay":"","duration":"","iterationCount":"","shouldBeTriggeredOnce":false}]'><p style="text-align: center;"><span style="color: rgb(202, 176, 255);">Smarter Dash Cams. Safer Journeys.</span></p></div> </div> <div id="s-aa183feb-d591-4ed0-84a1-299ae129cbd8" class="shg-c shg-align-left"> <style> 4465 /* ========================================================= 4466 TYPING BANNER 4467 ========================================================= */ 4468 4469 .nb_typing_banner_text { 4470 color: #fff !important; 4471 text-align: center !important; 4472 font-weight: 600 !important; 4473 line-height: 1.05 !important; 4474 white-space: normal !important; 4475 margin: 0 !important; 4476 padding: 0 !important; 4477 display: block !important; 4478 width: 100%; 4479 overflow: visible !important; 4480 } 4481 4482 /* Each line */ 4483 .nb_typing_line { 4484 display: flex; 4485 justify-content: center; 4486 align-items: center; 4487 gap: 0; 4488 margin: 0; 4489 padding: 0; 4490 flex-wrap: wrap; 4491 } 4492 4493 /* Space between lines */ 4494 .nb_typing_line + .nb_typing_line { 4495 margin-top: -8px; 4496 } 4497 4498 /* Letter animation */ 4499 .nb_typing_letter { 4500 display: inline-block; 4501 opacity: 0; 4502 filter: blur(8px); 4503 animation: nbRevealLetter 0.8s forwards ease-out; 4504 font-weight: 600 !important; 4505 will-change: transform, opacity; 4506 } 4507 4508 @keyframes nbRevealLetter { 4509 to { 4510 opacity: 1; 4511 filter: blur(0); 4512 } 4513 } 4514 4515 /* ========================= 4516 TABLET 4517 ========================= */ 4518 @media (max-width: 768px) { 4519 4520 .nb_typing_banner_text { 4521 text-align: center !important; 4522 line-height: 1.08 !important; 4523 padding-inline: 16px; 4524 } 4525 4526 .nb_typing_line { 4527 justify-content: center !important; 4528 } 4529 4530 .nb_typing_line + .nb_typing_line { 4531 margin-top: -4px !important; 4532 } 4533 } 4534 4535 /* ========================= 4536 MOBILE 4537 ========================= */ 4538 @media (max-width: 480px) { 4539 4540 .nb_typing_banner_text { 4541 text-align: left !important; 4542 line-height: 1.1 !important; 4543 padding-inline: 18px; 4544 overflow-wrap: break-word; 4545 } 4546 4547 .nb_typing_line { 4548 justify-content: flex-start !important; 4549 flex-wrap: wrap; 4550 } 4551 4552 .nb_typing_line + .nb_typing_line { 4553 margin-top: 0px !important; 4554 } 4555 4556 .nb_typing_letter { 4557 filter: blur(5px); 4558 } 4559 } 4560</style> <h2 class="nb_typing_banner_text nb_fs_txt_64 nb_fs_txt_tab_40 nb_fs_txt_mob_25"></h2>
4560<script> 4561 const textElement = document.querySelector(".nb_typing_banner_text"); 4562 4563 const typingText = [ 4564 "The world's most awarded", 4565 "Dash Cam brand" 4566 ]; 4567 4568 const typingSpeed = 50; 4569 4570 function prepareText() { 4571 4572 textElement.innerHTML = ''; 4573 4574 let globalIndex = 0; 4575 4576 typingText.forEach((line) => { 4577 4578 const lineContainer = document.createElement('div'); 4579 lineContainer.className = 'nb_typing_line'; 4580 4581 [...line].forEach((char) => { 4582 4583 const span = document.createElement('span'); 4584 span.className = 'nb_typing_letter'; 4585 4586 span.innerHTML = 4587 char === ' ' 4588 ? ' ' 4589 : char; 4590 4591 span.style.animationDelay = 4592 `${globalIndex * typingSpeed / 1000}s`; 4593 4594 globalIndex++; 4595 4596 lineContainer.appendChild(span); 4597 4598 }); 4599 4600 textElement.appendChild(lineContainer); 4601 4602 }); 4603 } 4604 4605 function startTypingAnimation() { 4606 prepareText(); 4607 } 4608 4609 /* ========================================= 4610 VIEWPORT OBSERVER 4611 Animation retriggers on viewport entry 4612 ========================================= */ 4613 4614 const observer = new IntersectionObserver( 4615 (entries) => { 4616 4617 entries.forEach((entry) => { 4618 4619 if (entry.isIntersecting) { 4620 4621 /* Reset existing animation */ 4622 textElement.innerHTML = ''; 4623 4624 /* Small delay helps browser repaint */ 4625 setTimeout(() => { 4626 startTypingAnimation(); 4627 }, 100); 4628 4629 } 4630 4631 }); 4632 4633 }, 4634 { 4635 threshold: 0.4 4636 } 4637 ); 4638 4639 observer.observe(textElement); 4640</script>
4640 </div> <div class="shg-c " id="s-81ba64fa-c15d-4d79-b83a-5178f4f9c2cd" data-animations='[{"event":"enterviewport","name":"fadeInUp","delay":"","duration":"","iterationCount":"","shouldBeTriggeredOnce":false}]'> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-4"><div id="s-83cd89d6-f811-4c1e-a84f-17a2e5e08f5a-root"> <div class="shg-image-margin-container-s-83cd89d6-f811-4c1e-a84f-17a2e5e08f5a" id="wrap-s-83cd89d6-f811-4c1e-a84f-17a2e5e08f5a"> <div class="s-83cd89d6-f811-4c1e-a84f-17a2e5e08f5a shg-align-container"> <div class="shg-c s-83cd89d6-f811-4c1e-a84f-17a2e5e08f5a shogun-image-container shg-align-center" id="s-83cd89d6-f811-4c1e-a84f-17a2e5e08f5a"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/5b111b18-bd86-442f-a258-1961411caefd/-/format/auto/-/quality/best/" alt="Trusted Reviews Awards 2025, Best Dashcam, Nextbase PiQo 2K." class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
4640<script class="__SHG_DATA__" type="application/json"> 4641 { 4642 "__shgImageV3Elements": { "uuid": "s-83cd89d6-f811-4c1e-a84f-17a2e5e08f5a" } 4643 } 4644 </script>
4644 </div> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-4"><div id="s-b4c05bea-7e9d-490c-aaec-825a7b984cad-root"> <div class="shg-image-margin-container-s-b4c05bea-7e9d-490c-aaec-825a7b984cad" id="wrap-s-b4c05bea-7e9d-490c-aaec-825a7b984cad"> <div class="s-b4c05bea-7e9d-490c-aaec-825a7b984cad shg-align-container"> <div class="shg-c s-b4c05bea-7e9d-490c-aaec-825a7b984cad shogun-image-container shg-align-center" id="s-b4c05bea-7e9d-490c-aaec-825a7b984cad"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/f05c54a8-74b2-48c6-8c65-1e1b9904929c/-/format/auto/-/quality/best/" alt="Which? Best Buy Dashcams July 2025 badge." class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
4644<script class="__SHG_DATA__" type="application/json"> 4645 { 4646 "__shgImageV3Elements": { "uuid": "s-b4c05bea-7e9d-490c-aaec-825a7b984cad" } 4647 } 4648 </script>
4648 </div> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-4"><div id="s-c86767d6-a40c-40e4-899c-8b34d966d545-root"> <div class="shg-image-margin-container-s-c86767d6-a40c-40e4-899c-8b34d966d545" id="wrap-s-c86767d6-a40c-40e4-899c-8b34d966d545"> <div class="s-c86767d6-a40c-40e4-899c-8b34d966d545 shg-align-container"> <div class="shg-c s-c86767d6-a40c-40e4-899c-8b34d966d545 shogun-image-container shg-align-center" id="s-c86767d6-a40c-40e4-899c-8b34d966d545"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/2e0f3806-048e-4260-90de-57e9ded8ad03/-/format/auto/-/quality/best/" alt="Time best innovation award" class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
4648<script class="__SHG_DATA__" type="application/json"> 4649 { 4650 "__shgImageV3Elements": { "uuid": "s-c86767d6-a40c-40e4-899c-8b34d966d545" } 4651 } 4652 </script>
4652 </div> </div> </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nb_bg_secondarydarkest " id="s-014c4cd3-d404-44d7-93a0-0bdc62fb3147"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c " id="s-f3541dfe-7956-407b-9012-fe72b2256881"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-37376651-c3ed-4eca-8654-37be792097c7"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c fix-height nbs_mb_lg shogun-lazyload" data-bgset='https://i.shgcdn.com/4e49cec6-c008-48df-91e7-7bca0784898e/' id="s-2af85205-5ee2-479b-bdea-d0075ea78483"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-a2eeea60-d510-4a1f-b477-389f782fa6db-root"> <div class="shg-image-margin-container-s-a2eeea60-d510-4a1f-b477-389f782fa6db" id="wrap-s-a2eeea60-d510-4a1f-b477-389f782fa6db"> <div class="s-a2eeea60-d510-4a1f-b477-389f782fa6db shg-align-container"> <div class="shg-c s-a2eeea60-d510-4a1f-b477-389f782fa6db shogun-image-container shogun-image-linked nbs_pb_lg nbs_pt_lg shg-align-center" id="s-a2eeea60-d510-4a1f-b477-389f782fa6db"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <a class="shogun-image-link" href="/exclusive-offers/iqxr-front-and-rear-bundle/"> <img srcset="https://i.shgcdn.com/b3365097-e53a-44ad-9f26-eed3d52c8db0/-/format/auto/-/quality/best/-/resize/180x/ 180w,https://i.shgcdn.com/b3365097-e53a-44ad-9f26-eed3d52c8db0/-/format/auto/-/quality/best/-/resize/360x/ 360w,https://i.shgcdn.com/b3365097-e53a-44ad-9f26-eed3d52c8db0/-/format/auto/-/quality/best/-/resize/720x/ 720w" sizes="100vw" src="https://i.shgcdn.com/b3365097-e53a-44ad-9f26-eed3d52c8db0/-/format/auto/-/quality/best/" alt="A futuristic camera design with sleek lines and blue accents." class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </a> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-linked"> </div> </div> </div> </div> </div>
4652<script class="__SHG_DATA__" type="application/json"> 4653 { 4654 "__shgImageV3Elements": { "uuid": "s-a2eeea60-d510-4a1f-b477-389f782fa6db" } 4655 } 4656 </script>
4656 <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-1642abf1-ca4e-402e-99f4-7863c74ee069"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-99fbd53d-88db-4df9-a899-1c185c0bb262" class="shg-c nbs_mb_28 nb_c_secondarylight hc:nb_fw_500 nb_fs_txt_mob_18 shg-align-left"> <div class="shogun-heading-component"> <h5> Nextbase iQ - A personal bodyguard for your vehicle </h5> </div> </div> <div id="s-e6e606a1-daf2-4492-ac73-4ab0d7abfba0" class="shg-c nbs_mb_28 nb_c_secondarylight nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p><span data-teams="true">Stay connected and protected with the iQ 4K Bundle, packed with AI-powered features, 3 channels and 24/7 Smart Parking. Our top spec package.</span></p></div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_mb_mob_60 " id="s-311a17f1-2eff-4c48-9000-6883e5f2ed29"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-3f2caece-6744-430a-ac66-cf6db76ae1c3" class="shg-c nbs_mb_lg hc:nb_fw_300 nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p><span style="color: rgb(207, 207, 208);">Rated Which? Best Buy top Dash Cam of 2025.</span></p></div> </div> <div id="s-a7e9aa6c-2961-4c2c-98f9-2d73685f5c92-root" class="shg-c shg-btn-wrapper btn-sectn nb_pr_10 hc:nb_fw_300 nb_fs_txt_std shg-align-left"> <a id="s-a7e9aa6c-2961-4c2c-98f9-2d73685f5c92" class="shg-btn shg-cse shg-btn-text " href="/exclusive-offers/iqxr-front-and-rear-bundle/"> Shop our iQ 4K Bundle </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c fix-height " id="s-8a07ed57-e1c0-483a-bc9b-94347b9fa09a"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_mb_lg shogun-lazyload" data-bgset='https://i.shgcdn.com/fb6baa64-44a6-49db-a2aa-0f35a9618b12/' id="s-10649ad9-58ef-4cd0-963d-6d1d564a764f"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_28 " id="s-2fea519e-0eb3-4096-8210-2e56e4c3f835"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-1450ece9-8b06-426c-baae-d6ea135e32c4" class="shg-c nbs_mb_std nb_c_secondarylight hc:nb_fw_500 nb_fs_txt_mob_18 shg-align-left"> <div class="shogun-heading-component"> <h5> Nextbase Exclusive Bundles </h5> </div> </div> <div id="s-4b6179f2-d8c9-4303-822d-4a28b06302af" class="shg-c nb_c_secondarylight nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p><span data-teams="true">Perfectly paired packages of Dash Cams with Rear Cams, memory cards and more!</span></p></div> </div> </div> </div> </div> <div id="s-bf45b51b-33e9-4262-b776-6fa81d8b9420-root"> <div class="shg-image-margin-container-s-bf45b51b-33e9-4262-b776-6fa81d8b9420" id="wrap-s-bf45b51b-33e9-4262-b776-6fa81d8b9420"> <div class="s-bf45b51b-33e9-4262-b776-6fa81d8b9420 shg-align-container"> <div class="shg-c s-bf45b51b-33e9-4262-b776-6fa81d8b9420 shogun-image-container shogun-image-linked shg-align-center" id="s-bf45b51b-33e9-4262-b776-6fa81d8b9420"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <a class="shogun-image-link" href="/exclusive-offers/"> <img src="https://i.shgcdn.com/9e13e8f3-2413-484d-a01f-6948115f801b/-/format/auto/-/quality/best/" alt="Black dash cam with lens and memory card." class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </a> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-linked"> </div> </div> </div> </div> </div>
4656<script class="__SHG_DATA__" type="application/json"> 4657 { 4658 "__shgImageV3Elements": { "uuid": "s-bf45b51b-33e9-4262-b776-6fa81d8b9420" } 4659 } 4660 </script>
4660 <div id="s-c8a0c307-f133-4246-b3be-b7d638d989dc" class="shg-c shg-align-left"> <div class="nb-save-badge-wrapper"> <div class="nb-save-badge"> <div class="nb-circular-text"> <svg viewBox="0 0 220 220" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <defs> <path id="nb-circlePath" d="M110,110 m-90,0 a90,90 0 1,1 180,0 a90,90 0 1,1 -180,0"/> </defs> <text font-size="15" font-weight="700" fill="white" letter-spacing="4"> <textpath href="#nb-circlePath" startOffset="0%"> SAVE · SAVE · SAVE · SAVE · SAVE · SAVE · SAVE · SAVE · SAVE · SAVE · SAVE · </textpath> </text> </svg> </div> <div class="nb-inner-circle"> <span class="nb-upto">UP TO</span> <span class="nb-percent">$320</span> </div> </div> </div> <style> 4661/* ─── Wrapper ───────────────────────────────────────────────────────── 4662 position: relative + z-index fixes the "badge behind image" issue. 4663 All sizing is controlled here â change width to resize everything. 4664──────────────────────────────────────────────────────────────────────*/ 4665.nb-save-badge-wrapper { 4666 display: inline-block; 4667 position: relative; /* ✅ Fix 1: creates stacking context */ 4668 z-index: 10; /* ✅ Fix 1: sits above the hero image */ 4669 width: 140px; 4670} 4671 4672/* ─── Outer ring ────────────────────────────────────────────────────── 4673 The translucent circle background. 4674 overflow: hidden clips background only â not the SVG text child, 4675 because the SVG is self-contained within its own viewBox. 4676──────────────────────────────────────────────────────────────────────*/ 4677.nb-save-badge { 4678 position: relative; 4679 width: 100%; 4680 aspect-ratio: 1; 4681 border-radius: 50%; 4682 background: rgba(138, 56, 245, 0.39); 4683 display: flex; 4684 align-items: center; 4685 justify-content: center; 4686} 4687 4688/* ─── SVG text ring ─────────────────────────────────────────────────── 4689 Covers exactly the badge area. The SVG viewBox already has enough 4690 padding so text never exits it â no overflow issues at any angle. 4691──────────────────────────────────────────────────────────────────────*/ 4692.nb-circular-text { 4693 position: absolute; 4694 inset: 0; 4695 animation: nbRotateText 12s linear infinite; 4696 display: flex; 4697 align-items: center; 4698 justify-content: center; 4699} 4700 4701.nb-circular-text svg { 4702 width: 100%; 4703 height: 100%; 4704 /* SVG text is always within viewBox â overflow:visible not needed */ 4705} 4706 4707@keyframes nbRotateText { 4708 from { transform: rotate(0deg); } 4709 to { transform: rotate(360deg); } 4710} 4711 4712/* ───
4712 Inner solid circle ──────────────────────────────────────────────*/ 4713.nb-inner-circle { 4714 position: relative; 4715 z-index: 1; /* Sits above the rotating text layer */ 4716 width: 62%; /* 62% of badge width â scales at all sizes */ 4717 aspect-ratio: 1; 4718 border-radius: 50%; 4719 background: #8A38F5; 4720 box-shadow: 0 0 18px #5F22DD, inset 0 0 8px rgba(0,0,0,0.08); 4721 display: flex; 4722 flex-direction: column; 4723 align-items: center; 4724 justify-content: center; 4725} 4726 4727.nb-upto { 4728 color: rgba(255, 255, 255, 0.9); 4729 font-size: clamp(6px, 1.5cqw, 10px); 4730 letter-spacing: 0.08em; 4731 margin-bottom: 2px; 4732 font-weight: 600; 4733 text-transform: uppercase; 4734 white-space: nowrap; 4735} 4736 4737.nb-percent { 4738 color: #fff; 4739 font-size: clamp(14px, 3.5cqw, 24px); 4740 line-height: 1; 4741 font-weight: 700; 4742 white-space: nowrap; 4743} 4744 4745/* ─── Responsive wrapper widths ───────────────────────────────────────*/ 4746 4747@media (min-width: 1280px) { 4748 .nb-save-badge-wrapper { width: 130px; } 4749} 4750@media (max-width: 768px) { 4751 .nb-save-badge-wrapper { width: 110px; } 4752} 4753@media (max-width: 480px) { 4754 .nb-save-badge-wrapper { width: 90px; } 4755} 4756@media (min-width: 1920px) and (max-width: 2559px) { 4757 .nb-save-badge-wrapper { 4758 width: 175px; 4759 } 4760} 4761 4762</style> </div> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-155090dd-bd40-44d5-8513-0b543a0ef524"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-d70a9285-38f0-4a46-9fea-61651440c860" class="shg-c nbs_mb_lg hc:nb_fw_300 nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p><span style="color: rgb(207, 207, 208);">Drivers get more value when they buy direct from Nextbase</span></p></div> </div> <div id="s-70c2fe6f-d91f-4746-82d2-3aace160897d-root" class="shg-c shg-btn-wrapper hc:nb_fw_300 nb_fs_txt_std shg-align-left"> <a id="s-70c2fe6f-d91f-4746-82d2-3aace160897d" class="shg-btn shg-cse shg-btn-text " href="/exclusive-offers/"> Shop Exclusive Bundles </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shogun-lazyload shogun-lazyload-bg-image" id="s-f7a38467-fa4a-405b-828d-e178fc543ef8"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-a72caa97-e417-4af1-86ea-2ab4aae1b9d6" class="shg-c shg-align-left"> <style> 4763 .cm_shogun_wg_animation_section_mobile { 4764 display: flex; 4765 align-items: center; 4766 justify-content: flex-start; 4767 position: relative; 4768 } 4769 4770 4771 4772 .cm_shogun_wg_animation_animation_section { 4773 position: relative; 4774 overflow: hidden; 4775 } 4776 4777 4778 .cm_shogun_wg_animation_dashcam_image { 4779 width: 100vw; 4780 object-fit: none; 4781 position: absolute; 4782 top: 0; 4783 left: 0; 4784 transition: none; 4785 } 4786 4787 4788 .cm_shogun_wg_animation_left_content, 4789 .cm_shogun_wg_animation_left_content_sub_main { 4790 position: relative; 4791 z-index: 15; 4792 } 4793 4794 4795 .cm_shogun_wg_animation_section_mobile_start .cm_shogun_wg_animation_left_content span, 4796 .cm_shogun_wg_animation_section_mobile_start .cm_shogun_wg_animation_left_content_sub_main_description { 4797 color: var(--global_primarywhite-color); 4798 } 4799 4800 .cm_shogun_wg_animation_section_mobile_start .cm_shogun_wg_animation_left_content span { 4801 4802 font-weight: 600; 4803 width: 3.5in; 4804 display: flex; 4805 } 4806 4807 .cm_shogun_wg_animation_section_mobile_end .cm_shogun_wg_animation_left_content span { 4808 color: var(--global-secondarydarkest-color); 4809 4810 font-weight: 600; 4811 width: 3.5in; 4812 display: flex; 4813 } 4814 4815 .cm_shogun_wg_animation_left_content_sub_main_description { 4816 4817 line-height: 1.6; 4818 margin-bottom: 2rem; 4819 } 4820 4821 .cm_shogun_wg_animation_section_mobile_end .cm_shogun_wg_animation_left_content_sub_main_description { 4822 color: var(--global-secondarydark-color); 4823 } 4824 4825 .cm_shogun_wg_animation_section_mobile_start .cm_shogun_wg_animation_left_content_sub_main_btn { 4826 z-index: 5; 4827 } 4828 4829 .cm_shogun_wg_animation_section_mobile_start #cm_shogun_wg_animation_main_image { 4830 filter: brightness(0.9); 4831 } 4832 4833 4834 4835 /* --- Base --- */ 4836 /* #cm_shogun_wg_animation_section_mobile { 4837 position: relative; 4838 height: 100vh; 4839 overflow: hidden; 4840} */ 4841 4842 #cm_shogun_wg_animation_main_image { 4843 width: 100vw; 4844 height: 100vh; 4845 object-fit: contain; 4846 /* We'll simulate "none" using scale */ 4847 transform: scale(2.2) translate(0, 0); 4848 /* looks like object-fit:none */ 4849 transition: transform 1.5s linear, border-radius 2.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); 4850 position: absolute; 4851 top: 0; 4852 left: 0; 4853 z-index: 10; 4854 will-change: transform; 4855 } 4856 4857 #cm_shogun_wg_animation_content_overlay { 4858 position: absolute; 4859 inset: 0; 4860 background: rgba(0, 0, 0, 0.5); 4861 transition: opacity 1.5s ease; 4862 opacity: 1;
4863 z-index: 15; 4864 } 4865 4866 #cm_shogun_wg_animation_left_content { 4867 position: relative; 4868 z-index: 20; 4869 color: #fff; 4870 opacity: 1; 4871 transition: opacity 1.5s ease; 4872 } 4873 4874 /* --- Animation state --- */ 4875 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_main_image { 4876 transform: scale(.8) translate(35vw, -15vh); 4877 /* zoom out + move */ 4878 } 4879 4880 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_content_overlay { 4881 opacity: 0; 4882 } 4883 4884 /* Default higher layer before animation starts */ 4885 #cm_shogun_wg_animation_left_content, 4886 .cm_shogun_wg_animation_left_content_sub_main, 4887 #cm_shogun_wg_animation_cta_button { 4888 position: relative; 4889 z-index: 20; 4890 transition: z-index 0s linear 2s, opacity 0.6s ease; 4891 /* the 2s delay ensures z-index drops only after animation starts */ 4892 } 4893 4894 /* When animation plays, lower z-index */ 4895 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_left_content, 4896 .cm_shogun_wg_animation_section_mobile_end .cm_shogun_wg_animation_left_content_sub_main, 4897 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_cta_button { 4898 z-index: 5; 4899 opacity: 1; 4900 transition-delay: 0s; 4901 } 4902 4903 /* Animation states - removed as we'll use direct CSS transforms */ 4904 4905 /* Responsive */ 4906 @media (max-width: 768px) { 4907 .cm_shogun_wg_animation_content_overlay { 4908 left: 10%; 4909 right: 10%; 4910 } 4911 4912 .cm_shogun_wg_animation_left_content_main { 4913 height: 320px; 4914 } 4915 4916 .cm_shogun_wg_animation_left_content_sub_main_btn { 4917 display: flex; 4918 justify-content: center; 4919 align-items: flex-end; 4920 padding-top: 20px; 4921 } 4922 4923 .cm_shogun_wg_animation_section_mobile .cm_shogun_wg_animation_left_content_sub_main_btn, 4924 .cm_shogun_wg_animation_section_mobile .cm_shogun_wg_animation_left_content_sub_main { 4925 display: none; 4926 } 4927 4928 .cm_shogun_wg_animation_section_mobile { 4929 height: 350px; 4930 } 4931 4932 .cm_shogun_wg_animation_dashcam_image { 4933 height: 300px; 4934 } 4935 4936 .cm_shogun_wg_animation_bottom_content_sub_mobile { 4937 padding-bottom: 30px; 4938 } 4939 4940 .cm_shogun_wg_animation_section_mobile_start #cm_shogun_wg_animation_main_image { 4941 transform: scale(6) translate(0, -51px); 4942 /* looks like object-fit:none */ 4943 transition: transform 1.5s cubic-bezier(.9, .8, 0.5, 1), border-radius 2.5s ease; 4944 } 4945 4946 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_main_image { 4947 transform: scale(.8) translate(0, -23vh); 4948 4949 } 4950 4951 .cm_shogun_wg_animation_section_mobile_end .cm_shogun_wg_animation_left_content span, 4952 .cm_shogun_wg_animation_section_mobile_start .cm_shogun_wg_animation_left_content span { 4953 4954 font-weight: 600; 4955 width: 100%; 4956 display: flex; 4957 } 4958 } 4959 4960 @media (min-width: 768px) { 4961 .cm_shogun_wg_animation_left_content_main { 4962 height: 67vh; 4963 } 4964 4965 .cm_shogun_wg_animation_left_content_sub_main_btn { 4966 display: flex; 4967 justify-content: center; 4968 align-items: flex-end; 4969 margin-top: 20px; 4970 } 4971 4972 .cm_shogun_wg_animation_bottom_content_sub_mobile { 4973 display: none; 4974 } 4975 4976 .cm_shogun_wg_animation_section_mobile { 4977 height: 100vh; 4978 } 4979 4980 .cm_shogun_wg_animation_dashcam_image { 4981 height: 100vh; 4982 } 4983 } 4984 4985 @media (max-width: 1200px) { 4986 4987 #cm_shogun_wg_animation_main_image { 4988 transform: scale(3.6) translate(0, 0); 4989 } 4990 } 4991 4992 @media (min-width: 1500px) { 4993 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_main_image { 4994 transform: scale(.7) translate(36vw, -15vh); 4995 } 4996 4997 .cm_shogun_wg_animation_left_content_main { 4998 height: 60vh; 4999 } 5000 5001 #cm_shogun_wg_animation_main_image { 5002 transform: scale(2.9) translate(0, -46px); 5003 } 5004 } 5005 5006 @media (min-width: 2000px) { 5007 .cm_shogun_wg_animation_left_content_main { 5008 height: 45vh; 5009 } 5010 5011 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_main_image { 5012 transform: scale(.7) translate(27vw, -49vh); 5013 } 5014 } 5015 5016 .cm_shogun_wg_animmation_shrink_btn { 5017 background: var(--global-primary-color); 5018 color: var(--global_primarywhite-color); 5019 font-family: var(--global-font-family); 5020 border: none; 5021 padding: 10px 15px; 5022 border-radius: 10px; 5023 cursor: pointer; 5024 transition: all 0.3s ease; 5025 align-self: flex-start; 5026 z-index: 5; 5027 5028 font-weight: 400; 5029 cursor: pointer; 5030 } 5031 5032 .cm_shogun_wg_animmation_shrink_btn:hover, 5033 .cm_shogun_wg_animmation_shrink_btn:focus { 5034 background: var(--global-primarydarkest-color); 5035 } 5036 5037 5038 .cm_shogun_wg_animation_no_padding { 5039 padding-left: 0px; 5040 padding-right: 0px; 5041 } 5042 5043 @media (max-width: 768px) { 5044 .cm_shogun_wg_animmation_shrink_btn { 5045 5046 font-weight: 400; 5047 padding: 12px 18px !important; 5048 } 5049 } 5050 5051 /*mobile screen image adjustment */ 5052 @media only screen and (max-width: 768px) and (min-width: 600px) { 5053 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_main_image { 5054 transform: scale(.6); 5055 } 5056 5057 #cm_shogun_wg_animation_main_image { 5058 top: 40px; 5059 height: 100%; 5060 } 5061 } 5062 5063 @media only screen and (max-width: 600px) and (min-width: 460px) { 5064 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_main_image { 5065 transform: scale(.75); 5066 } 5067 5068 #cm_shogun_wg_animation_main_image { 5069 top: 45px; 5070 height: 100%; 5071 } 5072 } 5073 5074 @media only screen and (max-width: 460px) and (min-width: 60px) { 5075 .cm_shogun_wg_animation_section_mobile_end #cm_shogun_wg_animation_main_image { 5076 transform: scale(.8); 5077 } 5078 5079 #cm_shogun_wg_animation_main_image { 5080 top: 50px; 5081 height: 100%; 5082 } 5083 } 5084</style> <section class="cm_shogun_wg_animation_section_mobile cm_shogun_wg_animation_animation_section full-width-page cm_shogun_wg_animation_section_mobile_start" id="cm_shogun_wg_animation_section_mobile"> <div class="cm-container"> <div class="small-12 large-4 columns cm_shogun_wg_animation_left_content_main cm_shogun_wg_animation_no_padding"> <div class="cm_shogun_wg_animation_left_content" id="cm_shogun_wg_animation_left_content"> <span class="nb_fs_txt_36 nb_fs_txt_tab_24 nb_fs_txt_mob_24">Up to 4K resolution with wide-angle lenses for comprehensive coverage</span> </div> </div> <div class="cm_shogun_wg_animation_dashcam_container_image_main"> <div class="cm_shogun_wg_animation_dashcam_container " id="cm_shogun_wg_animation_dashcam_container container"> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/dashcam-rebrand-animaton-x4-min.png" alt="Dashcam View" class="cm_shogun_wg_animation_dashcam_image" id="cm_shogun_wg_animation_main_image"> </div> </div> <div class="small-12 large-12 columns"></div> <div class="small-12 large-4 columns cm_shogun_wg_animation_left_content_sub_main cm_shogun_wg_animation_no_padding"> <p class="cm_shogun_wg_animation_left_content_sub_main_description"> Nextbase dash cams record in up to <strong>4K Ultra HD</strong>, capturing every road sign, license plate, and detail with precision. The sharper the image, the more reliable your evidence will be. </p> </div> <div class="small-12 large-8 columns cm_shogun_wg_animation_left_content_sub_main_btn cm_shogun_wg_animation_no_padding"> <button class="cm_shogun_wg_animmation_shrink_btn nb_fs_txt_std" id="cm_shogun_wg_animation_cta_button" onclick="window.location.href='/4k-dash-cams/'">Shop 4K Dash Cams</button> </div> </div> </section> <section class="cm_shogun_wg_animation_bottom_content_sub_mobile full-width-page"> <div class="row "> <div class="small-12 medium-12 large-4 columns cm_shogun_wg_animation_left_content_sub_main "> <p class="cm_shogun_wg_animation_left_content_sub_main_description"> Nextbase dash cams record in up to <strong>4K Ultra HD</strong>, capturing every road sign, license plate, and detail with precision. The sharper the image, the more reliable your evidence will be. </p> </div> <div class="small-12 medium-12 large-8 columns cm_shogun_wg_animation_left_content_sub_main_btn "> <button class="cm_shogun_wg_animmation_shrink_btn nb_fs_txt_std" id="cm_shogun_wg_animation_cta_button" onclick="window.location.href='/4k-dash-cams/'">Shop 4K Dash Cams</button> </div> </div> </section>
5084<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
5084
5084<script> 5085 $(document).ready(function () { 5086 const $section = $('.cm_shogun_wg_animation_section_mobile'); 5087 5088 // Observer 1 â Trigger animation start when 50% visible 5089 const observerIn = new IntersectionObserver((entries) => { 5090 entries.forEach(entry => { 5091 if (entry.isIntersecting) { 5092 $section.addClass('cm_shogun_wg_animation_section_mobile_end'); 5093 $section.removeClass('cm_shogun_wg_animation_section_mobile_start'); 5094 } 5095 }); 5096 }, { threshold: 0.5 }); 5097 5098 // Observer 2 â Trigger animation reset when less than 10% visible 5099 const observerOut = new IntersectionObserver((entries) => { 5100 entries.forEach(entry => { 5101 if (!entry.isIntersecting) { 5102 // When section leaves viewport beyond 90%, reset 5103 $section.removeClass('cm_shogun_wg_animation_section_mobile_end'); 5104 $section.addClass('cm_shogun_wg_animation_section_mobile_start'); 5105 } 5106 }); 5107 }, { threshold: 0 }); 5108 5109 observerIn.observe($section[0]); 5110 observerOut.observe($section[0]); 5111 5112 if ($(window).width() > 2000) { 5113 $section.removeClass('full-width-page') 5114 } 5115 }); 5116</script>
5116 </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c vertical-gradient-bg nbs_pt_70 nbs_pb_70 nbs_mt_mob_42 " id="s-7f8dda58-b414-475a-8285-d419043199d2"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c nbs_mb_70 " id="s-434b184f-88d8-4464-814a-4ee5f466d4b3"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-e59a840f-5493-4ed1-a84b-6f4c39edde73"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-8d800445-33fe-4d67-898e-33af4966bf5b" class="shg-c nbs_mb_lg nb_c_primarydark nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Trusted by Car Brands & Partners</p></div> </div> <div id="s-63a25001-96bb-4fbb-ad80-3d3be2a5e856" class="shg-c hc:nb_fw_600 nbs_pb_45 nb_fs_txt_mob_24 shg-align-left"> <div class="shogun-heading-component"> <h5> Our reputation extends across the automotive industry. Leading car manufacturers and technology partners rely on Nextbase </h5> </div> </div> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_28 nbs_pb_28 " id="s-54ced9ce-d602-4aa9-b2c7-8e88639d37ca"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-72a10f7a-d05a-4aa7-babc-3d597db2fddf-root"> <div class="shg-image-margin-container-s-72a10f7a-d05a-4aa7-babc-3d597db2fddf" id="wrap-s-72a10f7a-d05a-4aa7-babc-3d597db2fddf"> <div class="s-72a10f7a-d05a-4aa7-babc-3d597db2fddf shg-align-container"> <div class="shg-c s-72a10f7a-d05a-4aa7-babc-3d597db2fddf shogun-image-container shg-align-center" id="s-72a10f7a-d05a-4aa7-babc-3d597db2fddf"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/727981f2-460f-4fd3-ab89-af5da3c5be88/-/format/auto/-/quality/best/" alt="Car brand logos" class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
5116<script class="__SHG_DATA__" type="application/json"> 5117 { 5118 "__shgImageV3Elements": { "uuid": "s-72a10f7a-d05a-4aa7-babc-3d597db2fddf" } 5119 } 5120 </script>
5120 </div> </div> </div> </div> </div> </div> <div class="shg-c " id="s-cecf88a4-dbb6-47e3-bd7d-8a2e54dff35b"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-59580c3f-d525-43af-aae4-e7f5f4ba2b80"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-11c28cb8-9c6f-4f2b-8404-bcabe2ab4a33" class="shg-c hc:nb_fw_500 nb_c_secondarydarkest nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>OEM Partnerships</p></div> </div> <div id="s-2dd7a5cb-023c-4363-8476-1244df5ca07c" class="shg-c "> <div class="shg-hr-wrapper"> <hr/> </div> </div> <div id="s-d8460551-88db-4f1c-9399-db6a340edd62" class="shg-c nb_c_secondarydark nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p><span style="color: rgb(0, 0, 0);">The Nextbase 380GW dash cam is fitted by car makers like Toyota, Lexus, Kia, Hyundai and VW. We also work directly with companies like Ford and VW through our automotive division, developing factory-fit dash cams for modern vehicles.</span></p> <p> </p></div> </div> </div> </div> </div> </div> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-219fcdf7-7905-4f18-88c9-df33e3ec1beb"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-42a267cc-96de-49c9-b6e2-c05056ac9cc8" class="shg-c hc:nb_fw_500 nb_c_secondarydarkest nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Retail & Tech Leaders</p></div> </div> <div id="s-50473528-857c-4f3f-a6c8-b6251380e579" class="shg-c "> <div class="shg-hr-wrapper"> <hr/> </div> </div> <div id="s-bacb2998-4067-4f1e-a899-521bc358905b" class="shg-c nb_c_secondarydark nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Nextbase is sold by top retailers worldwide (Amazon, Walmart, Best Buy, etc.) and used by services such as Uber and RED Driving School. We also collaborate on mapping and road safety projects, contributing anonymized video for infrastru
5120cture improvements.</p> <p> </p></div> </div> </div> </div> </div> </div> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-12"><div id="s-b44ee3be-a898-421d-9571-41ebf50246c4" class="shg-c hc:nb_fw_500 nb_c_secondarydarkest nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Industry Recognition</p></div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-c907e604-0a97-4b3a-b4d5-1d39c21ba8d5"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-9574f9d8-5f8f-4a66-854d-782950f63207" class="shg-c "> <div class="shg-hr-wrapper"> <hr/> </div> </div> <div id="s-34627461-baf0-4453-8a95-65456d3ac8f9" class="shg-c nb_c_secondarydark nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>We hold hundreds of patents in automotive imaging. Products like the iQ series have won prestigious awards (TIME Best Invention 2022, CES Best of 2022, Auto Express Dash Cam of the Year).</p></div> </div> </div> </div> </div> </div> </div> </div> <div id="s-00b6f547-d881-4b86-92a8-30d365261d4e" class="shg-c nb_fs_txt_std "> <div class="shogun-accordion-wrapper" data-multi=""> <div class="shogun-accordion shogun-accordion-active"> <div class="shogun-accordion-heading"> <div class="shogun-accordion-header"> <h4 class="shogun-accordion-title"> OEM Partnerships </h4> <div class="shogun-accordion-icon shogun-icon-plus"> <span/> </div> </div> </div> <div class="shogun-accordion-body shogun-accordion-active"> <div id="s-d65a072c-9186-4138-a471-64fada7618c1" class="shg-c nb_c_secondarymedium nb_fs_txt_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>The Nextbase 380GW dash cam is fitted by car makers like Toyota, Lexus, Kia, Hyundai and VW. We also work directly with companies like Ford and VW through our automotive division, developing factory-fit dash cams for modern vehicles.</p></div> </div> </div> </div> <div class="shogun-accordion"> <div class="shogun-accordion-heading"> <div class="shogun-accordion-header"> <h4 class="shogun-accordion-title"> Retail & Tech Leaders </h4> <div class="shogun-accordion-icon shogun-icon-plus"> <span/> </div> </div> </div> <div class="shogun-accordion-body"> <div id="s-6ff34f68-eac2-4427-8e82-0361ad2a6a69" class="shg-c nb_c_secondarymedium nb_fs_txt_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Nextbase is sold by top retailers worldwide (Amazon, Walmart, Best Buy, etc.) and used by services such as Uber and RED Driving School. We also collaborate on mapping and road safety projects, contributing anonymized video for infrastru
5120cture improvements.</p> <p> </p></div> </div> </div> </div> <div class="shogun-accordion"> <div class="shogun-accordion-heading"> <div class="shogun-accordion-header"> <h4 class="shogun-accordion-title"> Industry Recognition </h4> <div class="shogun-accordion-icon shogun-icon-plus"> <span/> </div> </div> </div> <div class="shogun-accordion-body"> <div id="s-8f5cf8df-2254-4b81-8522-c0ad368a7641" class="shg-c nb_c_secondarymedium nb_fs_txt_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>We hold hundreds of patents in automotive imaging. Products like the iQ series have won prestigious awards (TIME Best Invention 2022, CES Best of 2022, Auto Express Dash Cam of the Year).</p> <p> </p></div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_100 nbs_mt_mob_20 " id="s-153d9b49-d3ce-441a-a4e2-7d13ab0dc655"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c " id="s-4c622446-9141-4021-aa15-9bc93d98cd39"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_mb_42 " id="s-7a159f2c-b2f9-4d77-828d-3cee7ceb7527"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-3e2f71e4-5a92-458b-b5e6-08188e8995d4" class="shg-c nbs_mb_lg nb_c_primarydark nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>View It. Share It. Save It.</p></div> </div> <div id="s-003dc7e9-88a2-4602-90c7-5e0227fa5ecb" class="shg-c hc:nb_fw_600 nbs_pb_100 nb_fs_txt_mob_24 shg-align-left"> <div class="shogun-heading-component"> <h5> Access your recordings directly in the Nextbase app â watch clips, share moments, or download files in seconds </h5> </div> </div> <div id="s-00b155d9-b07b-4518-a6ec-3ff7980709d4-root" class="shg-c shg-btn-wrapper hc:nb_fw_400 shg-align-left"> <a id="s-00b155d9-b07b-4518-a6ec-3ff7980709d4" class="shg-btn shg-cse shg-btn-text " href=""> Learn More </a> </div> </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_100 " id="s-9e469306-da01-4c51-9ddc-0ca26414a2d1"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-1a71a375-6fad-481e-b38e-11b8b369d757-root"> <div class="shg-image-margin-container-s-1a71a375-6fad-481e-b38e-11b8b369d757" id="wrap-s-1a71a375-6fad-481e-b38e-11b8b369d757"> <div class="s-1a71a375-6fad-481e-b38e-11b8b369d757 shg-align-container"> <div class="shg-c s-1a71a375-6fad-481e-b38e-11b8b369d757 shogun-image-container shg-align-left" id="s-1a71a375-6fad-481e-b38e-11b8b369d757"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/5353dd44-9ca9-4da1-85be-0a5d9839e7f9/-/format/auto/-/quality/best/" alt="Logos of iOS and Android operating systems." class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
5120<script class="__SHG_DATA__" type="application/json"> 5121 { 5122 "__shgImageV3Elements": { "uuid": "s-1a71a375-6fad-481e-b38e-11b8b369d757" } 5123 } 5124 </script>
5124 <div id="s-736219df-e42d-4d6c-8ee7-980ba70c0dff" class="shg-c nb_c_secondarymedium nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>App available for<span style="color: #157fc6;"> <span style="color: rgb(30, 34, 221);"><a style="color: #157fc6 !important;" href="https://apps.apple.com/gb/app/nextbase/id6503702226" target="_blank" rel="noopener">iOS</a> </span></span> & <a style="color: #157fc6 !important;" href="https://play.google.com/store/apps/details?id=com.nextbase.app&hl=en_GB" target="_blank" rel="noopener">Android</a>. Minimum OS Requirements: IOS 15 & Android 10</p> <p class="nb_fs_txt_sm">Includes optional <a style="color: #157fc6 !important;" href="/iq-subscriptions/" target="_blank" rel="noopener">subscription plans</a></p></div> </div> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"><div id="s-06df8992-cb81-4b82-b989-add08ff9fd3d-root"> <div class="shg-image-margin-container-s-06df8992-cb81-4b82-b989-add08ff9fd3d" id="wrap-s-06df8992-cb81-4b82-b989-add08ff9fd3d"> <div class="s-06df8992-cb81-4b82-b989-add08ff9fd3d shg-align-container"> <div class="shg-c s-06df8992-cb81-4b82-b989-add08ff9fd3d shogun-image-container cm_shogun_wg_scrollImage shg-align-center" id="s-06df8992-cb81-4b82-b989-add08ff9fd3d"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/5409dbef-b612-4588-90ae-ecaefe06a231/-/format/auto/-/quality/best/" alt="A marketing graphic for the Nextbase mobile application" class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
5124<script class="__SHG_DATA__" type="application/json"> 5125 { 5126 "__shgImageV3Elements": { "uuid": "s-06df8992-cb81-4b82-b989-add08ff9fd3d" } 5127 } 5128 </script>
5128 <div id="s-6b2da3d5-af87-4999-9b9a-54c0d16a6090" class="shg-c shg-align-left"> <style> 5129.cm_shogun_wg_scrollImage img { 5130 display: block; 5131 max-width: 100%; 5132 height: auto; 5133 transform: perspective(1200px) scale(1.3) rotateX(50deg); 5134 transform-origin: center center; 5135 will-change: transform; 5136 transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); 5137 } 5138.cm_shogun_wg_scrollImage .shg-inner-inline-image, .cm_shogun_wg_scrollImage .shg-image-overflow { 5139 overflow: visible !important; 5140} 5141</style>
5141<script> 5142 const img = document.querySelector('.cm_shogun_wg_scrollImage img'); 5143 5144 // Define separate settings for mobile and desktop 5145 const desktopSettings = { 5146 startScale: 1.3, 5147 endScale: 1, 5148 startRotateX: 45, 5149 endRotateX: 0, 5150 startPoint: 0.9, 5151 endPoint: 0.35 5152 }; 5153 5154 const mobileSettings = { 5155 startScale: 1.6, // slightly more zoom for mobile 5156 endScale: 1, 5157 startRotateX: 60, // stronger tilt for mobile 5158 endRotateX: 0, 5159 startPoint: 0.95, // starts a bit later 5160 endPoint: 0.6 5161 }; 5162 5163 // Detect current settings based on screen width 5164 function getCurrentSettings() { 5165 return window.innerWidth <= 1024 ? mobileSettings : desktopSettings; 5166 } 5167 5168 function animateOnScroll() { 5169 if (!img) return; 5170 const rect = img.getBoundingClientRect(); 5171 const windowHeight = window.innerHeight; 5172 const settings = getCurrentSettings(); 5173 5174 const startPixel = windowHeight * settings.startPoint; 5175 const endPixel = windowHeight * settings.endPoint; 5176 5177 let progress = (startPixel - rect.top) / (startPixel - endPixel); 5178 progress = Math.min(Math.max(progress, 0), 1); 5179 5180 const scale = settings.startScale + (settings.endScale - settings.startScale) * progress; 5181 const rotateX = settings.startRotateX + (settings.endRotateX - settings.startRotateX) * progress; 5182 5183 img.style.transform = `perspective(1200px) scale(${scale}) rotateX(${rotateX}deg)`; 5184 } 5185 5186 window.addEventListener('scroll', animateOnScroll, { passive: true }); 5187 window.addEventListener('resize', animateOnScroll, { passive: true }); // handle orientation change
5188 animateOnScroll(); 5189</script>
5189 </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-c1e78fd4-8957-4a71-a9d5-7d33f2d01181"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-b5d16f84-7abf-444f-be8e-41d758ae0311-root"> <div class="shg-image-margin-container-s-b5d16f84-7abf-444f-be8e-41d758ae0311" id="wrap-s-b5d16f84-7abf-444f-be8e-41d758ae0311"> <div class="s-b5d16f84-7abf-444f-be8e-41d758ae0311 shg-align-container"> <div class="shg-c s-b5d16f84-7abf-444f-be8e-41d758ae0311 shogun-image-container shg-align-left" id="s-b5d16f84-7abf-444f-be8e-41d758ae0311"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/bd9e35de-7b5f-4993-8c91-1c7e29cbefbc/-/format/auto/-/quality/best/" class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
5189<script class="__SHG_DATA__" type="application/json"> 5190 { 5191 "__shgImageV3Elements": { "uuid": "s-b5d16f84-7abf-444f-be8e-41d758ae0311" } 5192 } 5193 </script>
5193 <div id="s-1b69a009-aabd-4de9-b886-3948d085490c" class="shg-c nb_c_secondarymedium nb_fs_txt_mob_10 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="font-size: calc(12px * var(--proportional-font-size) / 100);">App available for<span style="color: #157fc6;"> <span style="color: rgb(30, 34, 221);"><a style="color: #157fc6 !important;" href="https://apps.apple.com/gb/app/nextbase/id6503702226" target="_blank" rel="noopener">iOS</a></span></span> & <a style="color: #157fc6 !important;" href="https://play.google.com/store/apps/details?id=com.nextbase.app&hl=en_GB" target="_blank" rel="noopener">Android</a>. Minimum OS Requirements: IOS 15 & Android 10 </p> <p style="font-size: calc(12px * var(--proportional-font-size) / 100);">Includes optional <a style="color: #157fc6 !important;" href="/iq-subscriptions" target="_blank" rel="noopener">subscription plans</a></p></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_42 nbs_pb_70 nbs_mt_mob_55 nbs_mb_mob_55 " id="s-fc929391-6336-46ce-9870-5a9637fe813f"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c nbs_mb_28 " id="s-962ac9fe-a31c-45da-a285-95b84166bf97"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"><div id="s-46aee510-543b-4d3f-8a03-58e4a0eb1fb3" class="shg-c hc:nb_fw_500 nb_fs_txt_mob_24 shg-align-left"> <div class="shogun-heading-component"> <h5> Nextbase on the road </h5> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"></div> </div> </div> <div id="s-d3720a04-cf58-48f3-8a50-b8753c95db0c" class="shg-c shg-align-left"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/> <style> 5194 5195 5196 .nextbase-container { 5197 max-width: 100%; 5198 margin: 0 auto; 5199 position: relative; 5200 overflow: hidden; 5201 } 5202 5203 .nextbase-video-swiper { 5204 width: 100%; 5205 overflow: visible !important; 5206 padding: 20px 0; 5207 position: relative; 5208 } 5209 5210 .swiper-wrapper { 5211 display: flex; 5212 align-items: center; 5213 } 5214 5215 /* Default slide style for desktop */ 5216 .nextbase-container .nextbase-video-swiper .swiper-slide { 5217 width: 70% !important; 5218 flex-shrink: 0; 5219 height: 70vh; 5220 max-height: 60vh; 5221 border-radius: 10px; 5222 overflow: hidden; 5223 display: flex; 5224 justify-content: center; 5225 align-items: center; 5226 position: relative; 5227 transition: opacity 0.3s ease, transform 0.3s ease; 5228 /*background: #000;*/ 5229 opacity: 0.5; 5230 } 5231 5232 /* Video styling inside slides */ 5233 .nextbase-container .nextbase-video-swiper .swiper-slide video { 5234 width: 100%; 5235 height: 100%; 5236 object-fit: cover; 5237 border-radius: 10px; 5238 } 5239 5240 /* Active slide styling */ 5241 .swiper-slide-active { 5242 opacity: 1 !important; 5243 z-index: 2; 5244 transform: scale(1) !important; 5245 } 5246 5247 /* Adjacent slides should be visible */ 5248 .swiper-slide-prev, 5249 .swiper-slide-next { 5250 opacity: 0.6 !important; 5251 } 5252 5253 /* Play button styles */ 5254 .play-btn { 5255 position: absolute; 5256 top: 50%; 5257 left: 50%; 5258 transform: translate(-50%, -50%); 5259 width: 40px; 5260 height: 40px; 5261 background: rgba(255, 255, 255, 0.9); 5262 border-radius: 50%; 5263 display: flex; 5264 justify-content: center; 5265 align-items: center; 5266 cursor: pointer; 5267 z-index: 3; 5268 } 5269 5270 .play-btn:hover { 5271 background: rgba(255, 255, 255, 1); 5272 transform: translate(-50%, -50%) scale(1.1); 5273 } 5274 5275 .play-btn:before { 5276 content: ""; 5277 display: block; 5278 width: 0; 5279 height: 0; 5280 border-left: 14px solid #000; 5281 border-top: 10px solid transparent; 5282 border-bottom: 10px solid transparent; 5283 margin-left: 4px; 5284 } 5285 5286 /* Bottom controls styles */ 5287 .bottom-controls { 5288 display: flex; 5289 justify-content: space-between; 5290 align-items: center; 5291 padding: 30px 15%; 5292 position: relative; 5293 padding-right: 17%; 5294 } 5295 5296 .swiper-lines { 5297 display: flex; 5298 gap: 5px; 5299 align-items: center; 5300 } 5301 5302 .swiper-line { 5303 width: 25px; 5304 height: 1px; 5305 background: #a0a0a0; 5306 border-radius: 2px; 5307 transition: all 0.3s ease; 5308 cursor: pointer; 5309 } 5310 5311 .swiper-line.active { 5312 background: #000; 5313 } 5314 5315 /* Arrows styles */ 5316 .custom-arrows { 5317 display: flex; 5318 align-items: center; 5319 gap: 5px; 5320 } 5321 5322 .custom-arrow { 5323 width: 30px; 5324 height: 30px; 5325 border-radius: 50%; 5326 background: #efefef; 5327 border: none; 5328 display: flex; 5329 align-items: center; 5330 justify-content: center; 5331 cursor: pointer; 5332 font-size: 12px; 5333 color: #808080; 5334 transition: all 0.25s; 5335 padding: 0; 5336 } 5337 5338 .custom-arrow:hover, 5339 .custom-arrow:active { 5340 background: transparent !important; 5341 color: #808080; 5342 } 5343 5344 /* Remove borders if any */ 5345 .swiper-slide, 5346 .swiper-slide video { 5347 border: none !important; 5348 } 5349
5350 /* Responsive adjustments for tablets */ 5351 @media (max-width: 1024px) { 5352 .nextbase-container .nextbase-video-swiper .swiper-slide { 5353 width: 75% !important; 5354 height: 55vh; 5355 max-height: 55vh; 5356 } 5357 5358 .bottom-controls { 5359 padding: 25px 10%; 5360 padding-right: 12%; 5361 } 5362 } 5363 5364 /* Mobile/tablet adjustments */ 5365 @media (max-width: 768px) { 5366 .nextbase-container .nextbase-video-swiper { 5367 padding: 15px 0; 5368 } 5369 5370 .nextbase-container .nextbase-video-swiper .swiper-slide { 5371 width: 80% !important; 5372 height: 50vh; 5373 max-height: 50vh; 5374 } 5375 5376 .bottom-controls { 5377 padding: 20px 7.5%; 5378 padding-right: 9.5%; 5379 } 5380 5381 .play-btn { 5382 width: 50px; 5383 height: 50px; 5384 } 5385 5386 .play-btn:before { 5387 border-left: 16px solid #000; 5388 border-top: 12px solid transparent; 5389 border-bottom: 12px solid transparent; 5390 } 5391 } 5392 5393 /* Small mobile devices */ 5394 @media (max-width: 576px) { 5395 .nextbase-container .nextbase-video-swiper { 5396 padding: 10px 0; 5397 } 5398 5399 .nextbase-container .nextbase-video-swiper .swiper-slide { 5400 width: 80% !important; 5401 height: 55vh; 5402 max-height: 55vh; 5403 } 5404 5405 .bottom-controls { 5406 padding: 15px 5%; 5407 padding-right: 7%; 5408 } 5409 5410 .swiper-line { 5411 width: 20px; 5412 height: 1px; 5413 } 5414 5415 .custom-arrow { 5416 width: 28px; 5417 height: 28px; 5418 font-size: 11px; 5419 } 5420 } 5421 5422 /* Extra small devices (very narrow phones) */ 5423 @media (max-width: 400px) { 5424 .nextbase-container .nextbase-video-swiper .swiper-slide { 5425 width: 80% !important; 5426 height: 50vh; 5427 max-height: 50vh; 5428 } 5429 5430 .play-btn { 5431 width: 45px; 5432 height: 45px; 5433 } 5434 5435 .play-btn:before { 5436 border-left: 14px solid #000; 5437 border-top: 10px solid transparent; 5438 border-bottom: 10px solid transparent; 5439 } 5440 } 5441 5442 /* Very narrow screens (300px width) */ 5443 @media (max-width: 350px) { 5444 .nextbase-container .nextbase-video-swiper .swiper-slide { 5445 width: 78% !important; 5446 height: 50vh; 5447 max-height: 50vh; 5448 } 5449 5450 .bottom-controls { 5451 padding: 12px 3%; 5452 padding-right: 5%; 5453 } 5454 5455 .swiper-line { 5456 width: 18px; 5457 } 5458 5459 .custom-arrow { 5460 width: 26px; 5461 height: 26px; 5462 font-size: 10px; 5463 } 5464 5465 .play-btn { 5466 width: 42px; 5467 height: 42px; 5468 } 5469 } 5470</style> <div class="nextbase-container"> <div class="nextbase-video-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <video class="lazyload" data-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/77624b12-f70a-4a47-8854-6fc4a97532cc/Know-you-re-protected-1080p-webloop.mp4" muted playsinline></video> <div class="play-btn"></div> </div> <div class="swiper-slide"> <video class="lazyload" data-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/0ac45ed2-7520-434f-aa53-dca80d494287/UK_PIQOPDP_Video_Sheep.mp4" muted playsinline></video> <div class="play-btn"></div> </div> <div class="swiper-slide"> <video class="lazyload" data-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/462b1f38-b54e-4231-aa0d-1ad2d5a2b017/UK_PIQOPDP_Video_MotorwayCrash.mp4" muted playsinline></video> <div class="play-btn"></div> </div> <div class="swiper-slide"> <video class="lazyload" data-src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://asset.nextbase.com/asset/77c9d048-4c7f-4a44-962a-c29936e1b660/UK_PIQOPDP_Video_BikersRedLight.mp4" muted playsinline></video> <div class="play-btn"></div> </div> </div> </div> <div class="bottom-controls"> <div class="swiper-lines"></div> <div class="custom-arrows"> <div class="custom-arrow arrow-left">❮</div> <div class="custom-arrow arrow-right">❯</div> </div> </div> </div>
5470<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
5470
5470<script> 5471 document.addEventListener("DOMContentLoaded", function () { 5472 const swiperEl = document.querySelector(".nextbase-video-swiper"); 5473 const slides = swiperEl.querySelectorAll(".swiper-slide"); 5474 const slidesCount = slides.length; 5475 const swiperLinesContainer = document.querySelector(".swiper-lines"); 5476 let autoplayTimer = null; 5477 5478 // Generate the lines 5479 swiperLinesContainer.innerHTML = ""; 5480 for (let i = 0; i < slidesCount; i++) { 5481 const line = document.createElement("div"); 5482 line.classList.add("swiper-line"); 5483 swiperLinesContainer.appendChild(line); 5484 } 5485 5486 const swiper = new Swiper(swiperEl, { 5487 slidesPerView: "auto", 5488 centeredSlides: true, 5489 initialSlide: 0, 5490 loop: false, 5491 spaceBetween: 10, 5492 slideToClickedSlide: false, 5493 on: { 5494 init: function () { 5495 updateLines(this); 5496 playActiveVideo(this); 5497 }, 5498 slideChange: function () { 5499 updateLines(this); 5500 stopAllVideos(); 5501 clearTimeout(autoplayTimer); 5502 }, 5503 slideChangeTransitionEnd: function() { 5504 playActiveVideo(this); 5505 }, 5506 }, 5507 }); 5508 5509 // Enable loop after initialization 5510 setTimeout(() => { 5511 swiper.params.loop = true; 5512 swiper.loopCreate(); 5513 swiper.update(); 5514 }, 50); 5515 5516 document 5517 .querySelector(".arrow-left") 5518 .addEventListener("click", () => { 5519 swiper.slidePrev(); 5520 }); 5521 5522 document 5523 .querySelector(".arrow-right") 5524 .addEventListener("click", () => { 5525 swiper.slideNext(); 5526 }); 5527 5528 document.querySelectorAll(".swiper-line").forEach((line, i) => { 5529 line.addEventListener("click", () => { 5530 swiper.slideToLoop(i); 5531 }); 5532 }); 5533 5534 slides.forEach((slide) => { 5535 const video = slide.querySelector("video"); 5536 const btn = slide.querySelector(".play-btn"); 5537 5538 btn.addEventListener("click", (e) => { 5539 e.stopPropagation(); 5540 video.play(); 5541 btn.style.display = "none"; 5542 }); 5543 5544 video.addEventListener("play", () => (btn.style.display = "none")); 5545 video.addEventListener("pause", () => (btn.style.display = "flex")); 5546 video.addEventListener("ended", () => (btn.style.display = "flex")); 5547 }); 5548 5549 function updateLines(swiper) { 5550 const lines = document.querySelectorAll(".swiper-line"); 5551 lines.forEach((l) => l.classList.remove("active")); 5552 const activeIndex = swiper.realIndex; 5553 if (lines[activeIndex]) lines[activeIndex].classList.add("active"); 5554 } 5555 5556 function stopAllVideos() { 5557 const allVideos = swiperEl.querySelectorAll("video"); 5558 allVideos.forEach((video) => { 5559 video.pause(); 5560 video.currentTime = 0; 5561 }); 5562 } 5563 5564 function playActiveVideo(swiper) { 5565 const activeSlide = swiper.slides[swiper.activeIndex]; 5566 if (!activeSlide) return; 5567 const video = activeSlide.querySelector("video"); 5568 if (video) { 5569 video.play().catch(() => {}); 5570 autoplayTimer = setTimeout(() => swiper.slideNext(), 5000); 5571 } 5572 } 5573 5574 const observer = new IntersectionObserver( 5575 (entries) => { 5576 entries.forEach((entry) => { 5577 if (entry.isIntersecting) { 5578 playActiveVideo(swiper); 5579 } else { 5580 stopAllVideos(); 5581 clearTimeout(autoplayTimer); 5582 } 5583 }); 5584 }, 5585 { threshold: 0.6 } 5586 ); 5587 5588 observer.observe(swiperEl); 5589 }); 5590</script>
5590 </div> <div class="shg-c " id="s-63d51b8f-379d-4ac8-b102-9d03baeb05fa"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-9 shg-c-md-9 shg-c-sm-9 shg-c-xs-12"><div id="s-884c21c4-bb77-41af-9d88-5edbb6ee8a27" class="shg-c md:hc:nb_text_center nb_c_secondarydark nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="text-align: right;"><span class="nb_mb_text_center" style="color: rgb(0, 0, 0);">Upload your Dash Cam videos and we just might share them with the world.</span></p></div> </div> </div> <div class="shg-c-lg-3 shg-c-md-3 shg-c-sm-3 shg-c-xs-12"><div id="s-4f0f88e9-7279-4ec7-ac74-0c8bdc309784" class="shg-c nb_fs_txt_lg shg-align-right"> <div class="video-button-wrapper"> <a href="/video-hub/" class="video-button" id="videoButton" style=" font-size: 12px; font-weight: 300 !important; padding: 12px 30px; border-radius: 10px; color: #fff;"> <div class="video-overlay" id="videoOverlay"> </div> <video class="video-bg" autoplay muted loop playsinline> <source src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/share-your-video2.gif" type="video/mp4"/> </video> <img class="image-bg" src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/share-your-video2.gif" alt="Background"/> <span class="button-text" id="buttonText">Share your videos</span> </a> </div> <style> 5591.video-button-wrapper { 5592 display: inline-block; 5593 position: relative; 5594} 5595 5596.video-button { 5597 position: relative; 5598 overflow: hidden; 5599 display: inline-flex; 5600 align-items: center; 5601 justify-content: center; 5602 text-decoration: none; 5603 cursor: pointer; 5604 transition: color 0.3s ease; 5605} 5606 5607.video-bg, 5608.image-bg { 5609 position: absolute; 5610 top: 0; 5611 left: 0; 5612 width: 100%; 5613 height: 100%; 5614 object-fit: cover; 5615 z-index: -2; 5616 transition: transform 0.3s ease, opacity 0.3s ease; 5617} 5618 5619.image-bg { 5620 display: none; 5621} 5622 5623.video-overlay { 5624 position: absolute; 5625 top: 0; 5626 left: 0; 5627 width: 100%; 5628 height: 100%; 5629 z-index: -1; 5630 transition: background 0.3s ease; 5631} 5632 5633.video-button:hover .video-bg, 5634.video-button:hover .image-bg { 5635 transform: scale(1.1); 5636} 5637 5638.button-text { 5639 position: relative; 5640 z-index: 2; 5641 text-align: center; 5642} 5643</style>
5643<script> 5644document.addEventListener("DOMContentLoaded", function() { 5645 const button = document.getElementById('videoButton'); 5646 const overlay = document.getElementById('videoOverlay'); 5647 const text = document.getElementById('buttonText'); 5648 const video = button.querySelector('.video-bg'); 5649 const image = button.querySelector('.image-bg'); 5650 5651 // Detect media type and display accordingly 5652 function updateBackground(url) { 5653 const isVideo = /\.(mp4|webm|ogg)$/i.test(url); 5654 const isImage = /\.(jpg|jpeg|png|gif|webp)$/i.test(url); 5655 5656 if (isVideo) { 5657 video.style.display = 'block'; 5658 image.style.display = 'none'; 5659 const source = video.querySelector('source'); 5660 source.src = url; 5661 video.load(); 5662 video.play(); 5663 } else if (isImage) { 5664 image.src = url; 5665 image.style.display = 'block'; 5666 video.style.display = 'none'; 5667 video.pause(); 5668 } else { 5669 video.style.display = 'none'; 5670 image.style.display = 'none'; 5671 } 5672 } 5673 5674 // Hover pause/play for video 5675 button.addEventListener('mouseenter', () => { 5676 if (video.style.display === 'block') video.pause(); 5677 }); 5678 button.addEventListener('mouseleave', () => { 5679 if (video.style.display === 'block') video.play(); 5680 }); 5681 5682 // Initialize on load
5683 updateBackground('https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/share-your-video2.gif'); 5684 5685 if (window.Shogun) { 5686 // Font size 5687 Shogun.onSettingChange('button_setup.font_size', v => { button.style.fontSize = v + 'px'; }); 5688 5689 // Font weight 5690 Shogun.onSettingChange('button_setup.font_weight', v => { 5691 button.style.fontWeight = v || 'bold'; 5692 }); 5693 5694 // Padding 5695 Shogun.onSettingChange('button_setup.padding_vertical', v => { 5696 button.style.padding = v + 'px ' + button_setup.padding_horizontal + 'px'; 5697 }); 5698 Shogun.onSettingChange('button_setup.padding_horizontal', v => { 5699 button.style.padding = button_setup.padding_vertical + 'px ' + v + 'px'; 5700 }); 5701 5702 // Border radius 5703 Shogun.onSettingChange('button_setup.border_radius', v => { button.style.borderRadius = v + 'px'; }); 5704 5705 // Text color 5706 Shogun.onSettingChange('button_setup.text_color', v => { button.style.color = v; }); 5707 5708 // Hover text color 5709 Shogun.onSettingChange('button_setup.hover_text_color', v => { 5710 button.addEventListener('mouseenter', () => button.style.color = v); 5711 button.addEventListener('mouseleave', () => button.style.color = button_setup.text_color); 5712 }); 5713 5714 // Overlay opacity 5715 Shogun.onSettingChange('button_setup.overlay_opacity', v => { 5716 overlay.style.background = `linear-gradient(rgba(0,0,0,${v}), rgba(0,0,0,${v}))`; 5717 }); 5718 5719 // Button text 5720 Shogun.onSettingChange('button_setup.button_text', v => { text.textContent = v; }); 5721 5722 // Background URL (image/gif/video) 5723 Shogun.onSettingChange('button_setup.background_url', v => {
5724 updateBackground(v); 5725 }); 5726 5727 // Button link 5728 Shogun.onSettingChange('button_setup.button_link', v => { button.href = v; }); 5729 } 5730}); 5731</script>
5731 </div> </div> </div> </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c review_bg_color " id="s-ffd98f9c-6530-4782-a094-f8e9421debe1"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c " id="s-6d517033-dbf6-49bc-bf34-17da3c457e4e"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-12"><div id="s-866db1bd-2836-4620-b27d-26c18a0c270e-root"> <div class="shg-image-margin-container-s-866db1bd-2836-4620-b27d-26c18a0c270e" id="wrap-s-866db1bd-2836-4620-b27d-26c18a0c270e"> <div class="s-866db1bd-2836-4620-b27d-26c18a0c270e shg-align-container"> <div class="shg-c s-866db1bd-2836-4620-b27d-26c18a0c270e shogun-image-container shg-align-center" id="s-866db1bd-2836-4620-b27d-26c18a0c270e"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/dabf5103-e8e2-429e-9940-dedabb0cfcf7/-/format/auto/-/quality/best/" alt="Windshield installation view of a Nextbase dash cam mounted next to the rear-view mirror" class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
5731<script class="__SHG_DATA__" type="application/json"> 5732 { 5733 "__shgImageV3Elements": { "uuid": "s-866db1bd-2836-4620-b27d-26c18a0c270e" } 5734 } 5735 </script>
5735 </div> <div class="shg-c-lg-8 shg-c-md-8 shg-c-sm-8 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_mt_97 " id="s-b94755eb-e0b3-40db-ac53-47d939911b9e"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-0077a291-10ab-4fb4-8ab4-781ddfcf13e3" class="shg-c nbs_mb_20 nb_c_primarydark nb_fs_txt_md nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p><span style="color: rgb(99, 23, 255);">Reviews & Customer Satisfaction</span></p></div> </div> <div id="s-0c34c1b6-b1d3-40c1-92c8-3041bdbaeaf7" class="shg-c hc:nb_fw_600 nbs_mb_40 nb_fs_txt_mob_24 shg-align-left"> <div class="shogun-heading-component"> <h5> Donât just take our word for it â hear it from drivers who use Nextbase </h5> </div> </div> <div id="s-1b2f72f9-445a-4896-a2fa-fb48e7f304e0" class="shg-c shg-align-left"> <style> 5736 .trustpilot-badge { 5737 display: flex; 5738 align-items: center; 5739 gap: 15px; 5740 } 5741 5742 .trustpilot-logo-img { 5743 height: 50px; 5744 display: block; 5745 } 5746 5747 .trustpilot-info { 5748 line-height: 1.5; 5749 5750 color: #6b7280; 5751 } 5752 5753 .rating-excellent { 5754 font-weight: 700; 5755 color: #000; 5756 } 5757 5758 .rating-link { 5759 color: #0066cc; 5760 text-decoration: underline; 5761 } 5762 5763 @media (max-width: 480px) { 5764 .trustpilot-badge { 5765 gap: 10px; 5766 } 5767 .trustpilot-logo-img { 5768 height: 40px; 5769 } 5770 /*.trustpilot-info {*/ 5771 /* font-size: 12px;*/ 5772 /*}*/ 5773 } 5774</style> <div class="trustpilot-badge"> <img src="https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/trustpilot.png" alt="Trustpilot" class="trustpilot-logo-img"/> <div class="trustpilot-info nb_fs_txt_md"> Nextbase is rated <span class="rating-excellent">EXCELLENT</span><br> at Trustpilot from over <a href="https://www.trustpilot.com/review/nextbase.com" target="_blank" class="rating-link">25,000 reviews</a> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-57e7b648-e3e2-484d-b97b-6d5665ad67dc"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-313976f1-ef12-4b10-8894-8ddef9588924" class="shg-c shg-align-left"> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"/> <style> 5775 .testimonial-component { 5776 contain: layout style; 5777 width: 100%; 5778 } 5779 5780 .testimonial-component * { 5781 box-sizing: border-box; 5782 } 5783 5784 .testimonial-component .testimonial-container { 5785 max-width: 100%; 5786 position: relative; 5787 padding: 40px 20px; 5788 overflow: visible; 5789 } 5790 5791 .testimonial-component .testimonial-swiper { 5792 width: 100%; 5793 overflow: visible; 5794 padding: 10px 0; 5795 position: relative; 5796 } 5797 5798 .testimonial-component .swiper-wrapper { 5799 align-items: stretch; 5800 } 5801 5802 .testimonial-component .testimonial-swiper .swiper-slide { 5803 width: 38%; 5804 background: #fff; 5805 border-radius: 12px; 5806 padding: 18px 20px; 5807 display: flex; 5808 flex-direction: column; 5809 transition: all 0.3s ease; 5810 opacity: 0.85; 5811 margin-right: 10px !important; 5812 height: auto !important; 5813 min-height: unset !important; 5814 box-shadow: 0 2px 10px rgba(0,0,0,0.05); 5815 } 5816 5817 .testimonial-component .testimonial-swiper .swiper-slide-active { 5818 opacity: 1; 5819 box-shadow: 0 4px 15px rgba(0,0,0,0.1); 5820 } 5821 5822 .testimonial-component .testimonial-header { 5823 display: flex; 5824 justify-content: space-between; 5825 align-items: flex-start; 5826 margin-bottom: 10px; 5827 } 5828 5829 .testimonial-component .testimonial-profile-info h4 { 5830 /*font-size: 14px;*/ 5831 font-weight: 500; 5832 color: #000; 5833 margin: 0; 5834 } 5835 5836 .testimonial-component .testimonial-meta { 5837 display: flex; 5838 align-items: center; 5839 gap: 6px; 5840 } 5841 5842 .testimonial-component .testimonial-profile-info small { 5843 font-size: 10px; 5844 color: #888; 5845 } 5846 5847 .testimonial-component .testimonial-profile-info a { 5848 font-size: 10px; 5849 color: #000; 5850 text-decoration: underline; 5851 font-weight: 600; 5852 } 5853 5854 .testimonial-component .testimonial-stars { 5855 color: #000; 5856 flex-shrink: 0; 5857 /*font-size: 14px;*/ 5858 } 5859 5860 .testimonial-component .testimonial-text { 5861 /*font-size: 12px;*/ 5862 color: #555; 5863 line-height: 1.5; 5864 font-style: italic; 5865 flex-grow: 1; 5866 margin: 0; 5867 height: auto !important; 5868 } 5869
5870 .testimonial-component .testimonial-bottom-controls { 5871 display: flex; 5872 justify-content: space-between; 5873 align-items: center; 5874 margin-top: 20px; 5875 padding: 0 20px; 5876 width: 100%; 5877 } 5878 5879 .testimonial-component .testimonial-lines { 5880 display: flex; 5881 gap: 5px; 5882 } 5883 5884 .testimonial-component .testimonial-line { 5885 width: 25px; 5886 height: 1px; 5887 background: #d1d5db; 5888 border-radius: 2px; 5889 transition: all 0.3s ease; 5890 cursor: pointer; 5891 } 5892 5893 .testimonial-component .testimonial-line.active { 5894 background: #000; 5895 } 5896 5897 .testimonial-component .testimonial-arrows { 5898 position: absolute; 5899 right: 20%; 5900 display: flex; 5901 gap: 5px; 5902 z-index: 5; 5903 } 5904 5905 .testimonial-component .testimonial-arrow { 5906 width: 28px; 5907 height: 28px; 5908 border-radius: 50%; 5909 background: #efefef; 5910 border: none; 5911 display: flex; 5912 align-items: center; 5913 justify-content: center; 5914 cursor: pointer; 5915 font-size: 12px; 5916 color: #808080; 5917 transition: all 0.25s; 5918 padding: 0; 5919 } 5920 5921 .testimonial-component .testimonial-arrow:hover { 5922 background: #e0e0e0; 5923 } 5924 5925 .testimonial-component .testimonial-arrow.disabled { 5926 opacity: 0.4; 5927 cursor: not-allowed; 5928 /* REMOVED: pointer-events: none; */ 5929 } 5930 5931 .testimonial-component .testimonial-arrow.disabled:hover { 5932 background: #efefef; 5933 /* Keep the same background color on hover when disabled */ 5934 } 5935 5936 /* MOBILE FIXES - UPDATED */ 5937 @media (max-width: 768px) { 5938 .testimonial-component .testimonial-swiper .swiper-slide { 5939 width: 85% !important; 5940 padding: 16px !important; 5941 height: auto !important; 5942 min-height: unset !important; 5943 } 5944 5945 .testimonial-component .testimonial-container { 5946 padding: 30px 10px; 5947 } 5948 5949 .testimonial-component .testimonial-bottom-controls { 5950 margin-top: 15px; 5951 padding: 0 10px; 5952 } 5953 5954 .testimonial-component .testimonial-arrows { 5955 position: relative; 5956 right: 0; 5957 gap: 5px; 5958 } 5959 5960 .testimonial-component .testimonial-text { 5961 font-size:var(--nb-fs-txt-md); 5962 line-height: 1.4; 5963 } 5964 5965 .testimonial-component .testimonial-stars { 5966 font-size: 13px; 5967 } 5968 } 5969 5970 /* EXTRA SMALL DEVICES */ 5971 @media (max-width: 480px) { 5972 .testimonial-component .testimonial-swiper .swiper-slide { 5973 width: 82% !important; 5974 padding: 14px 12px !important; 5975 } 5976 5977 .testimonial-component .testimonial-text { 5978 font-size: 12px; 5979 } 5980 5981 .testimonial-component .testimonial-header { 5982 margin-bottom: 8px; 5983 } 5984 } 5985 </style> <div class="testimonial-component" id="testimonial-carousel"> <div class="testimonial-container cm-nb-th-bsrc-ovhide"> <div class="testimonial-swiper swiper"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-header"> <div class="testimonial-profile-info"> <h4 class="nb_fs_txt_std">Craig P</h4> <div class="testimonial-meta"> <small>02.11.2025</small> <a href="/dash-cams/322gw-dash-cam/">322GW</a> </div> </div> <div class="testimonial-stars">★★★★★</div> </div> <p class="testimonial-text"> "I bought this dash cam for my wife's car. I already have one in mine. They are great cameras, top quality, and easy to use." </p> </div> <div class="swiper-slide"> <div class="testimonial-header"> <div class="testimonial-profile-info"> <h4 class="nb_fs_txt_std">Anthony S</h4> <div class="testimonial-meta"> <small>31.10.2025</small> <a href="/modules/rear-window-camera/">Rear Window Camera</a> </div> </div> <div class="testimonial-stars">★★★★★</div> </div> <p class="testimonial-text"> "It was easy to use and next day delivery free. The Nextbase cameras work and protect you from drivers that leave the scene of an accident." </p> </div> <div class="swiper-slide"> <div class="testimonial-header"> <div class="testimonial-profile-info"> <h4 class="nb_fs_txt_std">Nazrul</h4> <div class="testimonial-meta"> <small>30.10.2025</small> <a href="/dash-cams/322gw-dash-cam/">322GW</a> </div> </div> <div class="testimonial-stars">★★★★★</div> </div> <p class="testimonial-text"> "I called the Customer Service number and was assisted by Ryan â he understood what the issue was and was very quick at finding a solution, which he followed up as promised. Very happy with his service." </p> </div> <div class="swiper-slide"> <div class="testimonial-header"> <div class="testimonial-profile-info"> <h4 class="nb_fs_txt_std">T Singh</h4> <div class="testimonial-meta"> <small>30.08.2025</small> <a href="/dash-cams/422gw-dash-cam/">422GW</a> </div> </div> <div class="testimonial-stars">★★★★☆</div> </div> <p class="testimonial-text"> "Good information and purchase went through quick and smoothly. Looking forward to the delivery." </p> </div> <div class="swiper-slide"> <div class="testimonial-header"> <div class="testimonial-profile-info"> <h4 class="nb_fs_txt_std">D Frew</h4> <div class="testimonial-meta"> <small>10.07.2025</small> <a href="/smart-dash-cams/iq-smart-dash-cam/">iQ 4K</a> </div> </div> <div class="testimonial-stars">★★★★★</div> </div> <p class="testimonial-text"> "Buying as a bundle was cost-effective and it is nice to know my car is monitoring itself. Hopefully no more car park bumps without knowing who the culprit is." </p> </div> </div> </div>
5985 <div class="testimonial-bottom-controls"> <div class="testimonial-lines"></div> <div class="testimonial-arrows"> <div class="testimonial-arrow testimonial-arrow-left">❮</div> <div class="testimonial-arrow testimonial-arrow-right">❯</div> </div> </div> </div> </div>
5985<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
5985
5985<script> 5986 document.addEventListener("DOMContentLoaded", function () { 5987 const testimonialEl = document.querySelector("#testimonial-carousel"); 5988 const swiperContainer = testimonialEl.querySelector(".testimonial-swiper"); 5989 const slidesCount = testimonialEl.querySelectorAll(".swiper-slide").length; 5990 const linesContainer = testimonialEl.querySelector(".testimonial-lines"); 5991 const leftArrow = testimonialEl.querySelector(".testimonial-arrow-left"); 5992 const rightArrow = testimonialEl.querySelector(".testimonial-arrow-right"); 5993 5994 // Track if this is the first load 5995 let isFirstLoad = true; 5996 5997 // Initialize Swiper (without autoplay) 5998 const testimonialSwiper = new Swiper(swiperContainer, { 5999 slidesPerView: "auto", 6000 loop: false, // Changed to false to properly detect beginning/end 6001 spaceBetween: 20, 6002 speed: 600, 6003 centeredSlides: false, 6004 navigation: false, 6005 watchOverflow: false, 6006 observer: true, 6007 observeParents: true, 6008 initialSlide: 0, 6009 breakpoints: { 6010 768: { 6011 spaceBetween: 20, 6012 centeredSlides: false 6013 }, 6014 320: { 6015 spaceBetween: 15, 6016 centeredSlides: true 6017 } 6018 }, 6019 on: { 6020 init: function () { 6021 updateLines(this); 6022 updateArrowStates(this); 6023 }, 6024 slideChange: function () { 6025 updateLines(this); 6026 updateArrowStates(this); 6027 } 6028 } 6029 }); 6030 6031 // Only reset to first slide on initial page load 6032 if (isFirstLoad) { 6033 testimonialSwiper.slideTo(0, 0); 6034 isFirstLoad = false; 6035 } 6036 6037 // Line indicators 6038 for (let i = 0; i < slidesCount; i++) { 6039 const line = document.createElement("div"); 6040 line.classList.add("testimonial-line"); 6041 line.dataset.index = i; 6042 line.addEventListener("click", function() { 6043 testimonialSwiper.slideTo(parseInt(this.dataset.index)); 6044 }); 6045 linesContainer.appendChild(line); 6046 } 6047 6048 // Set initial active indicator after lines are created 6049 updateLines(testimonialSwiper); 6050 6051 // Arrow click handlers with disabled state check 6052 leftArrow.addEventListener("click", function(e) { 6053 if (this.classList.contains('disabled')) { 6054 e.preventDefault(); 6055 e.stopPropagation(); 6056 return false; 6057 } 6058 testimonialSwiper.slidePrev(600); 6059 }); 6060 6061 rightArrow.addEventListener("click", function(e) { 6062 if (this.classList.contains('disabled')) { 6063 e.preventDefault(); 6064 e.stopPropagation(); 6065 return false; 6066 } 6067 testimonialSwiper.slideNext(600); 6068 }); 6069 6070 // Update indicator lines 6071 function updateLines(swiper) { 6072 const lines = testimonialEl.querySelectorAll(".testimonial-line"); 6073 lines.forEach(l => l.classList.remove("active")); 6074 const activeIndex = swiper.activeIndex; 6075 if (lines[activeIndex]) lines[activeIndex].classList.add("active"); 6076 } 6077 6078 // Update arrow states based on position 6079 function updateArrowStates(swiper) { 6080 // Enable/disable left arrow 6081 if (swiper.isBeginning) { 6082 leftArrow.classList.add('disabled'); 6083 } else { 6084 leftArrow.classList.remove('disabled'); 6085 } 6086 6087 // Enable/disable right arrow 6088 if (swiper.isEnd) { 6089 rightArrow.classList.add('disabled'); 6090 } else { 6091 rightArrow.classList.remove('disabled'); 6092 } 6093 } 6094 }); 6095 </script>
6095 </div> </div> </div> </div></div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-6a0bbd46-7cc4-402b-8da2-0bf685fffa95"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-38df4463-03dc-4b1e-9684-9641ad769e20" class="shg-c shg-align-left"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> 6096 .lq-quiz button#cta { 6097 position: relative; 6098 z-index: 999; 6099 } 6100 6101 .lq-quiz .lq-cta-box button#cta { 6102 position: relative; 6103 z-index: 999; 6104 } 6105 6106 .cm_shogun_wg_main_container { 6107 position: relative; 6108 display: block; 6109 width: 100%; 6110 max-width: 86.8vw; 6111 margin: 0 auto; 6112 overflow: hidden; 6113 border-radius: 10px; 6114 } 6115 6116 .cm_shogun_wg_bg-image { 6117 width: 100%; 6118 height: auto; 6119 display: block; 6120 } 6121 6122 .cm_shogun_wg_text-content { 6123 position: absolute; 6124 top: 50%; 6125 left: 5%; 6126 transform: translateY(-50%); 6127 z-index: 3; 6128 max-width: 31.25vw; 6129 } 6130 6131 .cm_shogun_wg_heading { 6132 font-weight: 600; 6133 line-height: 1.2; 6134 color: #333; 6135 } 6136 6137 .cm_shogun_wg_paragraph { 6138 color: #666; 6139 line-height: 1.6; 6140 } 6141 6142 .cm_shogun_wg_start_btn { 6143 background: var(--global-primarydarkest-color); 6144 color: var(--global_primarywhite-color); 6145 border: none; 6146 font-weight: 400; 6147 border-radius: 10px; 6148 cursor: pointer; 6149 transition: all 0.3s ease; 6150 align-self: flex-start; 6151 } 6152 6153 .cm_shogun_wg_start_btn:hover, 6154 .cm_shogun_wg_start_btn:focus { 6155 background: var(--global-primarydarker-color); 6156 } 6157 6158 .cm_shogun_wg_rounded-image { 6159 position: absolute; 6160 bottom: -87.44vw; 6161 left: 14vw; 6162 height: auto; 6163 z-index: 4; 6164 transform-origin: center center; 6165 animation: rotateClockwise 35s linear infinite; 6166 width: 310%; 6167 max-width: 135%; 6168 /* Desktop anti-blur optimizations */ 6169 will-change: transform; 6170 backface-visibility: hidden; 6171 transform: translateZ(0); 6172 } 6173 6174 /* Smooth continuous clockwise rotation */ 6175 @keyframes rotateClockwise { 6176 from { 6177 transform: rotate(0deg); 6178 } 6179 to { 6180 transform: rotate(360deg); 6181 } 6182 } 6183 6184 /* Mobile-specific rotation with translateX */ 6185 @keyframes rotateClockwiseMobile { 6186 from { 6187 transform: translateX(-50%) rotate(0deg) translateZ(0); 6188 } 6189 to { 6190 transform: translateX(-50%) rotate(360deg) translateZ(0); 6191 } 6192 } 6193 6194 .cm_shogun_wg_wizard_iframe_section { 6195 height: 37vw; 6196 border-radius: 20px; 6197 } 6198 6199 .cm_shogun_wg_loading_image_section { 6200 display: flex; 6201 justify-content: center; 6202 align-items: center; 6203 } 6204 6205 .cm_shogun_wg_loading_image_section img { 6206 position: absolute; 6207 } 6208 6209 .cm_shogun_wg_loading_image_container { 6210 padding: 15%; 6211 } 6212 6213 @media (max-width: 768px) { 6214 6215 .cm_shogun_wg_main_container { 6216 max-width: 100% !important; 6217 } 6218 6219 .cm_shogun_wg_text-content { 6220 left: 50%; 6221 top: 23%; 6222 transform: translate(-50%, -50%); 6223 max-width: 100%; 6224 text-align: center; 6225 width: 84%; 6226 } 6227 6228 .cm_shogun_wg_paragraph { 6229 padding-right: 0; 6230 } 6231 6232 .cm_shogun_wg_start_btn { 6233 position: relative; 6234 top: 216px; 6235 } 6236 6237 .cm_shogun_wg_rounded-image { 6238 /* Reduced scale for better quality */ 6239 width: 280%; 6240 max-width: 900px; 6241 bottom: auto; 6242 top: 32%; 6243 left: 50%; 6244 animation: rotateClockwiseMobile 35s linear infinite; 6245 /* Critical anti-blur optimizations for mobile */ 6246 will-change: transform; 6247 backface-visibility: hidden; 6248 -webkit-backface-visibility: hidden; 6249 transform: translateX(-50%) translateZ(0); 6250 -webkit-transform: translateX(-50%) translateZ(0); 6251 transform-style: preserve-3d; 6252 -webkit-transform-style: preserve-3d; 6253 image-rendering: -webkit-optimize-contrast; 6254 image-rendering: crisp-edges; 6255 -webkit-font-smoothing: antialiased; 6256 -moz-osx-font-smoothing: grayscale; 6257 } 6258 6259 .cm_shogun_wg_bg-image { 6260 min-height: 500px; 6261 object-fit: cover; 6262 } 6263 6264 .cm_shogun_wg_loading_image_container { 6265 padding: 75% 45% !important; 6266 } 6267 6268 @supports (-webkit-touch-callout: none) { 6269 .cm_shogun_wg_wizard_iframe_section { 6270 height: 9in !important; 6271 } 6272 } 6273 6274 @supports not (-webkit-touch-callout: none) { 6275 .cm_shogun_wg_wizard_iframe_section { 6276 height: 8.2in !important; 6277 } 6278 } 6279 } 6280 6281 /* Extra small screens */ 6282 @media (max-width: 480px) {
6283 .cm_shogun_wg_rounded-image { 6284 /* Further optimized size for small screens */ 6285 width: 380%; 6286 max-width: 800px; 6287 top: 31%; 6288 } 6289 6290 .cm_shogun_wg_bg-image { 6291 min-height: 500px; 6292 } 6293 6294 .cm_shogun_wg_start_btn { 6295 position: relative; 6296 top: 216px; 6297 } 6298 } 6299 6300 @media (min-width: 769px) and (max-width: 880px) { 6301 .cm_shogun_wg_rounded-image { 6302 position: absolute; 6303 bottom: -702px; 6304 } 6305 6306 .cm_shogun_wg_text-content { 6307 max-width: 340px; 6308 } 6309 } 6310 6311 @media (min-width: 881px) and (max-width: 980px) { 6312 .cm_shogun_wg_rounded-image { 6313 position: absolute; 6314 bottom: -806px; 6315 } 6316 6317 .cm_shogun_wg_text-content { 6318 max-width: 300px; 6319 } 6320 } 6321 6322 .cm_shogun_wg_main_container { 6323 pointer-events: none; 6324 } 6325 6326 .cm_shogun_wg_main_container .cm_shogun_wg_wizard_button_container * { 6327 pointer-events: auto; 6328 } 6329 6330 .cm_shogun_wg_wizard_iframe_section { 6331 pointer-events: auto !important; 6332 } 6333 6334 @media (min-width: 981px) and (max-width: 990px) { 6335 .cm_shogun_wg_rounded-image { 6336 position: absolute; 6337 bottom: -875px; 6338 } 6339 } 6340 6341 @media (min-width: 991px) and (max-width: 1200px) { 6342 .cm_shogun_wg_rounded-image { 6343 position: absolute; 6344 } 6345 } 6346 6347 @media only screen and (min-width: 1350px) { 6348 .cm_shogun_wg_wizard_iframe_section { 6349 height: 27vw; 6350 } 6351 } 6352 6353 @media (min-width: 2000px) { 6354 .cm_shogun_wg_main_container { 6355 max-width: 2000px !important; 6356 } 6357 6358 .cm_shogun_wg_rounded-image { 6359 bottom: -78.44vw; 6360 } 6361 } 6362 6363 </style> </head> <body> <div class="cm_shogun_wg_main_container"> <div class="cm_shogun_wg_text-content"> <h5 class="cm_shogun_wg_heading nbs_mb_24 nbs_mb_mob_12"> We are ready to help you select the best dashcam model for you </h5> <p class="cm_shogun_wg_paragraph nb_fs_txt_md nbs_mb_30 nbs_mb_mob_18 nbs_pr_48"> Answer a few quick questions and discover the perfect Nextbase Dash Cam for your driving style. </p> <div class="cm_shogun_wg_wizard_button_container "> <button class="cm_shogun_wg_start_btn cm_shogun_wg_wizard_button nb_fs_txt_std nbs_pt_10 nbs_pb_10 nbs_pl_38 nbs_pr_38 nbs_pl_mob_24 nbs_pr_mob_24"> Start Quiz </button> </div> </div> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/banner.jpg" alt="Dashcam" class="cm_shogun_wg_bg-image"/> <div> <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/round.png" alt="Dashcam" class="cm_shogun_wg_rounded-image"/> </div> </div>
6363<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
6363
6363<script> 6364 $(document).ready(function () { 6365 $(document).on('click touchstart', '.cm_shogun_wg_wizard_button', function (e) { 6366 e.preventDefault(); 6367 wizard_load_onclick(); 6368 }); 6369 }); 6370 6371 function wizard_load_onclick() { 6372 console.log('wizard_load_onclick triggered'); 6373 var loaderHTML = ` 6374 <div class="cm_shogun_wg_loading_image_container" style="background-color: #efefef;border-radius: 20px;"> 6375 <div class="cm_shogun_wg_loading_image_container_main_section"> 6376 <div class="cm_shogun_wg_loading_sub_image_container"> 6377 <div class="cm_shogun_wg_loading_image_section"> 6378 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/group-17.png" style="width:10vh;"> 6379 <img src="https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/original/image-manager/loader-circle.png?t=1769180290" style="width:17vh;"> 6380 </div> 6381 </div> 6382 </div> 6383 </div>`; 6384 6385 $('.cm_shogun_wg_main_container').html(loaderHTML + ` 6386 <iframe src="https://admin.revenuehunt.com/public/quiz/OGHPEY?autoscroll=false" 6387 class="cm_shogun_wg_wizard_iframe_section" 6388 name="iframe_a" 6389 width="100%" 6390 title="Iframe" 6391 data-autoscroll="false" 6392 style="border: none;display:none;"> 6393 </iframe> 6394 `); 6395 6396 setTimeout(function () { 6397 $('.cm_shogun_wg_loading_image_container').hide(); 6398 $('.cm_shogun_wg_wizard_iframe_section').show(); 6399 }, 2500); 6400 } 6401 </script>
6401 </body> </html> </div> </div> </div> </div></div> <div class="shg-fw"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_56 nbs_pb_84 " id="s-aa80e9f6-99b7-4824-8b59-e94cad8ce886"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-9902eead-50ab-4190-8c52-25270277a584" class="shg-c nbs_mb_60 nb_text_center hc:nb_fw_600 nb_fs_txt_mob_24 shg-align-left"> <div class="shogun-heading-component"> <h4> Vehicle Video Intelligence for Business </h4> </div> </div> <div class="shg-c " id="s-784f5b69-0f7a-4d17-b678-0d86d7ff99a2"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shogun-lazyload" data-bgset='https://i.shgcdn.com/1b981b93-ec4f-419a-a4c4-6e99ba8c079b/' id="s-5c7761ed-319b-4abd-b652-3fa11d5e1d2e"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_28 " id="s-992c723a-c254-4e09-9f93-cd0395bd7fe8"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-763dd5a5-f8e4-4f94-a5af-eff84fc19c27" class="shg-c nbs_mb_sm nb_text_left hc:nb_fw_500 nb_c_secondarylight shg-align-left"> <div class="shogun-heading-component"> <h6> Fleet </h6> </div> </div> <div id="s-77d1f176-9f7d-42d9-ba47-be542d6c3436" class="shg-c nbs_mb_sm nb_c_secondarylight hc:nb_fw_500 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Optimized Solutions for Large Vehicle Fleets</p></div> </div> <div id="s-4ba07c1b-2af1-474d-87db-0534d31ebd96" class="shg-c nbs_mb_28 nb_c_secondarylight hc:nb_fw_400 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Smart tools and technologies designed for companies managing dozens or hundreds of cars and vans.</p></div> </div> <div id="s-c35c9847-c2f0-4fc1-b311-52cc3f9a37a1-root" class="shg-c shg-btn-wrapper hc:nb_fw_300 nb_fs_txt_md shg-align-left"> <a id="s-c35c9847-c2f0-4fc1-b311-52cc3f9a37a1" class="shg-btn shg-cse shg-btn-text " href="https://business.nextbase.co.uk/"> Learn More </a> </div> </div> </div> </div> <div id="s-d9008bc6-0ed3-44ae-9e5e-fd2d0486e149-root"> <div class="shg-image-margin-container-s-d9008bc6-0ed3-44ae-9e5e-fd2d0486e149" id="wrap-s-d9008bc6-0ed3-44ae-9e5e-fd2d0486e149"> <div class="s-d9008bc6-0ed3-44ae-9e5e-fd2d0486e149 shg-align-container"> <div class="shg-c s-d9008bc6-0ed3-44ae-9e5e-fd2d0486e149 shogun-image-container shg-align-center" id="s-d9008bc6-0ed3-44ae-9e5e-fd2d0486e149"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/a64990fe-3844-4326-bdb8-0e8b83862826/-/format/auto/-/quality/best/" alt="A promotional banner for vehicle fleet services against a blue gradient sky background" class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
6401<script class="__SHG_DATA__" type="application/json"> 6402 { 6403 "__shgImageV3Elements": { "uuid": "s-d9008bc6-0ed3-44ae-9e5e-fd2d0486e149" } 6404 } 6405 </script>
6405 </div> </div> </div> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_mb_mob_20 shogun-lazyload" data-bgset='https://i.shgcdn.com/512e86e1-f6d7-4599-8afd-26101f9b3ce8/' id="s-79f4e347-7e03-4be6-b158-26b70b550f96"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-69ff5a9b-2b6e-411b-961f-827946060bcc-root"> <div class="shg-image-margin-container-s-69ff5a9b-2b6e-411b-961f-827946060bcc" id="wrap-s-69ff5a9b-2b6e-411b-961f-827946060bcc"> <div class="s-69ff5a9b-2b6e-411b-961f-827946060bcc shg-align-container"> <div class="shg-c s-69ff5a9b-2b6e-411b-961f-827946060bcc shogun-image-container shg-align-center" id="s-69ff5a9b-2b6e-411b-961f-827946060bcc"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/91a04dd1-222a-4a55-859e-5b0cfa499357/-/format/auto/-/quality/best/" alt="A promotional banner for vehicle fleet services against a blue gradient sky background" class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
6405<script class="__SHG_DATA__" type="application/json"> 6406 { 6407 "__shgImageV3Elements": { "uuid": "s-69ff5a9b-2b6e-411b-961f-827946060bcc" } 6408 } 6409 </script>
6409 <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_mb_mob_20 " id="s-fdef5201-bcc3-4a07-ae37-1fa87308e6c4"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-4057735d-9128-41ee-9a88-cad7865a8ac2" class="shg-c nb_text_left hc:nb_fw_500 nb_c_secondarylight nbs_mb_md shg-align-left"> <div class="shogun-heading-component"> <h6> Fleet </h6> </div> </div> <div id="s-f8899e30-05a8-48cc-a0b5-c59a817dfee5" class="shg-c nbs_mb_md nb_c_secondarylight hc:nb_fw_500 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Optimized Solutions for Large Vehicle Fleets</p></div> </div> <div id="s-871b5db0-708d-4a3c-b0bf-2b3350358a15" class="shg-c nbs_mb_28 nb_c_secondarylight hc:nb_fw_400 nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Smart tools and technologies designed for companies managing dozens or hundreds of cars and vans.</p></div> </div> <div id="s-d8063478-8797-4afd-9ec9-83b8cbc01058-root" class="shg-c shg-btn-wrapper hc:nb_fw_400 shg-align-left"> <a id="s-d8063478-8797-4afd-9ec9-83b8cbc01058" class="shg-btn shg-cse shg-btn-text " href="https://business.nextbase.co.uk/"> Learn More </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_mb_mob_20 shogun-lazyload shogun-lazyload-bg-image" id="s-b50c17de-2585-418c-9d7b-ef6fd4fd9fe6"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pb_28 " id="s-42ef9fac-3404-4d80-8da2-784c5a1c76d9"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-9a192fb9-5e9e-4ecb-9230-215894414f73" class="shg-c nbs_mb_md nb_text_left hc:nb_fw_500 nb_c_secondarydarkest shg-align-left"> <div class="shogun-heading-component"> <h6> Enterprise </h6> </div> </div> <div id="s-56a94c97-92ea-4d87-aa13-ee9cc7846cb7" class="shg-c nbs_mb_md nb_c_secondarydarkest hc:nb_fw_500 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Innovative Solutions for Automotive Industry</p></div> </div> <div id="s-0f86eb32-fb51-42de-91a0-2ea67302ad9e" class="shg-c nbs_mb_28 nb_c_secondarydark hc:nb_fw_400 nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Advanced technologies tailored for vehicle manufacturers and automotive dealerships.</p></div> </div> <div id="s-3a3ee028-7019-48fe-860d-406ef2f95ac5-root" class="shg-c shg-btn-wrapper hc:nb_fw_400 shg-align-left"> <a id="s-3a3ee028-7019-48fe-860d-406ef2f95ac5" class="shg-btn shg-cse shg-btn-text " href="/enterprise/"> Learn More </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-c-lg-4 shg-c-md-4 shg-c-sm-4 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shogun-lazyload shogun-lazyload-bg-image" id="s-a843310c-bfc2-446f-8410-67160e670f18"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_28 nbs_mb_mob_20 " id="s-0112513b-c48e-485d-bc16-a5a0608ccd2e"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-a3d90bbb-8da7-475d-826c-2d9f327af504" class="shg-c nbs_mb_md nb_text_left hc:nb_fw_500 nb_c_secondarylight shg-align-left"> <div class="shogun-heading-component"> <h6> Imagery Solutions </h6> </div> </div> <div id="s-089bee80-4fdb-456a-bbcb-3adf60c6ecb8" class="shg-c nbs_mb_md nb_c_secondarylight hc:nb_fw_500 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>Powerful Visual Data for Critical Decisions</p></div> </div> <div id="s-4f277f00-d967-4bdf-affc-81a35fd7031c" class="shg-c nbs_mb_28 nb_c_secondarylight hc:nb_fw_400 nb_fs_txt_mob_12 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p>From insurance and government to automation and security, our solutions deliver clarity and efficiency.</p></div> </div> <div id="s-140aa09a-d47d-4b5c-a44f-6cc3eb244626-root" class="shg-c shg-btn-wrapper hc:nb_fw_500 nb_fs_txt_md shg-align-left"> <a id="s-140aa09a-d47d-4b5c-a44f-6cc3eb244626" class="shg-btn shg-cse shg-btn-text " href="/imagery-solutions/"> Learn More </a> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div></div> <div class="shg-fw">
6409<div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-044e969e-354b-4984-b8c0-749b43cf45c5"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c border-column-desk nbs_pt_28 nbs_pb_28 " id="s-1a4f5e72-9ef1-44d1-bbef-fc178a7a1d0e"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-c border-column " id="s-37a856e9-5bc9-4067-ae71-2cfd1867a663"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-6"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c border-container nbs_pt_sm " id="s-40ddad76-8015-4cf5-b1de-2d3cb62cd628"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c " id="s-e2a4cf59-c0c0-4e62-98b2-8dcc3fdada29"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-2 shg-c-md-2 shg-c-sm-2 shg-c-xs-12"><div id="s-06614e94-172a-4ced-b567-37c324e265e2-root"> <div class="shg-image-margin-container-s-06614e94-172a-4ced-b567-37c324e265e2" id="wrap-s-06614e94-172a-4ced-b567-37c324e265e2"> <div class="s-06614e94-172a-4ced-b567-37c324e265e2 shg-align-container"> <div class="shg-c s-06614e94-172a-4ced-b567-37c324e265e2 shogun-image-container shg-align-center" id="s-06614e94-172a-4ced-b567-37c324e265e2"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/ccf08ac2-96d1-477c-8040-28437e552763/-/format/auto/-/quality/best/" alt="White delivery truck icon" class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
6409<script class="__SHG_DATA__" type="application/json"> 6410 { 6411 "__shgImageV3Elements": { "uuid": "s-06614e94-172a-4ced-b567-37c324e265e2" } 6412 } 6413 </script>
6413 </div> <div class="shg-c-lg-10 shg-c-md-10 shg-c-sm-10 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-48e9451b-0400-4223-b216-3e11b1e1afee"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-bef4ddee-2891-4a55-8452-54b60f5dc261" class="shg-c mob_center nb_c_secondarylight hc:nb_fw_400 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="line-height: 0px;">Free Delivery</p></div> </div> <div id="s-a9e0bb24-cf29-4ec8-8b22-0c0f5507e725" class="shg-c mob_center nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="line-height: 40px;"><span style="color: rgb(160, 160, 160);">Free on all Dash Cam</span></p></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-6"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_sm " id="s-260e97a0-a382-416e-be1e-037280818051"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c mob_center " id="s-be9c3e25-efff-4b96-bf23-a4d94bf383d6"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-2 shg-c-md-2 shg-c-sm-2 shg-c-xs-12"><div id="s-dd707e44-66e6-4ab9-9bf4-485786c1b0a1-root"> <div class="shg-image-margin-container-s-dd707e44-66e6-4ab9-9bf4-485786c1b0a1" id="wrap-s-dd707e44-66e6-4ab9-9bf4-485786c1b0a1"> <div class="s-dd707e44-66e6-4ab9-9bf4-485786c1b0a1 shg-align-container"> <div class="shg-c s-dd707e44-66e6-4ab9-9bf4-485786c1b0a1 shogun-image-container shg-align-center" id="s-dd707e44-66e6-4ab9-9bf4-485786c1b0a1"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/3546352e-7918-4221-a552-843d17753931/" alt="White return box icon with an arrow." class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
6413<script class="__SHG_DATA__" type="application/json"> 6414 { 6415 "__shgImageV3Elements": { "uuid": "s-dd707e44-66e6-4ab9-9bf4-485786c1b0a1" } 6416 } 6417 </script>
6417 </div> <div class="shg-c-lg-10 shg-c-md-10 shg-c-sm-10 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-c88749e1-4907-4386-99ac-21b6c23d22ef"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-fda89020-4273-4b37-9805-efa26320f088" class="shg-c mob_center nb_c_secondarylight hc:nb_fw_400 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="line-height: 0px;">Free Returns</p></div> </div> <div id="s-cb56af60-49bb-448b-b47b-021b1a72f1c5" class="shg-c mob_center nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="line-height: 40px;"><span style="color: rgb(160, 160, 160);">Within 30 days</span></p></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-12"> <div class="shg-c " id="s-bde25ab2-5a7b-4386-85d2-fede5c4b01a7"> <div class="shg-row" data-col-grid-mode-on=""> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-6"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c border-container nbs_pt_sm " id="s-a43e63b1-8d3b-42d8-b07b-09661d0b8d75"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c " id="s-50a12bcb-cdea-41d0-af4c-023d9daeec23"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-2 shg-c-md-2 shg-c-sm-2 shg-c-xs-12"><div id="s-6fd9a7b0-926d-49c7-8fc0-ec1f1bc28de4-root"> <div class="shg-image-margin-container-s-6fd9a7b0-926d-49c7-8fc0-ec1f1bc28de4" id="wrap-s-6fd9a7b0-926d-49c7-8fc0-ec1f1bc28de4"> <div class="s-6fd9a7b0-926d-49c7-8fc0-ec1f1bc28de4 shg-align-container"> <div class="shg-c s-6fd9a7b0-926d-49c7-8fc0-ec1f1bc28de4 shogun-image-container shogun-image-linked shg-align-center" id="s-6fd9a7b0-926d-49c7-8fc0-ec1f1bc28de4"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <a class="shogun-image-link" href="/help-and-support/"> <img src="https://i.shgcdn.com/72ad639c-68aa-42ec-a287-16019e1c648a/-/format/auto/-/quality/best/" alt="Headset icon with microphone and ear cups." class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </a> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-linked"> </div> </div> </div> </div> </div>
6417<script class="__SHG_DATA__" type="application/json"> 6418 { 6419 "__shgImageV3Elements": { "uuid": "s-6fd9a7b0-926d-49c7-8fc0-ec1f1bc28de4" } 6420 } 6421 </script>
6421 </div> <div class="shg-c-lg-10 shg-c-md-10 shg-c-sm-10 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c shg-box-linked " id="s-a4269c05-e48f-4382-b82d-f5e334b7c8b0"data-shg-href="https://nextbase.co.uk/hub/tag/support?int-area=lwrbenbar"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-43f4c5da-b8f1-4503-b617-41b4bea0fa0e" class="shg-c mob_center nb_c_secondarylight hc:nb_fw_400 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="line-height: 0px;">Full Support</p></div> </div> <div id="s-8f7465f3-fb0f-4d0e-a52e-9ec087286c4b" class="shg-c mob_center nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="line-height: 40px;"><span style="color: rgb(160, 160, 160);">Chat, email or phone</span></p></div> </div> </div> </div> </div>
6421<script class="__SHG_DATA__" type="application/json"> 6422 { 6423 "__shgBox": { 6424 "id": "s-a4269c05-e48f-4382-b82d-f5e334b7c8b0", 6425 "url": "https://nextbase.co.uk/hub/tag/support?int-area=lwrbenbar", 6426 "new_window": false 6427 } 6428 } 6429 </script>
6429 </div> </div> </div> </div> </div> </div> </div> <div class="shg-c-lg-6 shg-c-md-6 shg-c-sm-6 shg-c-xs-6"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c nbs_pt_sm " id="s-8eee1d02-629c-409d-94b5-a81d0de03945"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div class="shg-c " id="s-98bbc677-7663-4078-a298-5218c7f1fc97"> <div class="shg-row" data-col-grid-mode-on="true"> <div class="shg-c-lg-2 shg-c-md-2 shg-c-sm-2 shg-c-xs-12"><div id="s-4df4b6c6-c62a-4008-99fa-9fdbf2a51214-root"> <div class="shg-image-margin-container-s-4df4b6c6-c62a-4008-99fa-9fdbf2a51214" id="wrap-s-4df4b6c6-c62a-4008-99fa-9fdbf2a51214"> <div class="s-4df4b6c6-c62a-4008-99fa-9fdbf2a51214 shg-align-container"> <div class="shg-c s-4df4b6c6-c62a-4008-99fa-9fdbf2a51214 shogun-image-container shg-align-center" id="s-4df4b6c6-c62a-4008-99fa-9fdbf2a51214"> <div class="shg-inner-inline-image"> <div class="shg-image-overflow"> <img src="https://i.shgcdn.com/76f039d1-bde7-4777-8b28-339807edc5f4/-/format/auto/-/quality/best/" alt="Dollar sign on a calendar icon." class="shogun-image " decoding="async" loading="lazy" draggable="false"/> </div> </div> <div class="shg-imageV3-content shogun-image-content-v3 shogun-image-content-not-linked"> </div> </div> </div> </div> </div>
6429<script class="__SHG_DATA__" type="application/json"> 6430 { 6431 "__shgImageV3Elements": { "uuid": "s-4df4b6c6-c62a-4008-99fa-9fdbf2a51214" } 6432 } 6433 </script>
6433 </div> <div class="shg-c-lg-10 shg-c-md-10 shg-c-sm-10 shg-c-xs-12"><div class="shg-box-vertical-align-wrapper"> <div class="shg-box shg-c " id="s-49293b61-5a36-4e2a-844e-4308bd026123"> <div class="shg-box-overlay"></div><div class="shg-box-content"> <div id="s-79418e11-1144-4b06-bb3c-f080db373faa" class="shg-c mob_center nb_c_secondarylight hc:nb_fw_400 "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="line-height: 0px;">Flexible Payments</p></div> </div> <div id="s-4cee3e7d-f712-4a35-972d-65274aa24edc" class="shg-c mob_center nb_fs_txt_md "> <div class="shg-rich-text shg-theme-text-content shg-proportional-font-size"><p style="line-height: 40px;"><span style="color: #a0a0a0;">Pay in 4 or 6 interest-free</span></p></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div id="s-37e24387-76c4-45df-8782-4e7309f8c41b" class="shg-c shg-align-left"> <style> 6434 6435@media screen and (max-width: 767px) and (min-width: 60px) 6436{ 6437 .mob_center 6438 { 6439 text-align: center!important; 6440 } 6441 .border-container { 6442 border-right-style: solid; /* Sets the style of the right border */ 6443 border-right-width: 2px; /* Sets the width of the right border */ 6444 border-right-color: #1A1A1C; /* Sets the color of the right border to blue */ 6445 margin-bottom: 25px; 6446} 6447.border-column { 6448 border-bottom-style: solid; /* Sets the style of the right border */ 6449 border-bottom-width: 2px; /* Sets the width of the right border */ 6450 border-bottom-color: #1A1A1C; /* Sets the color of the right border to blue */ 6451 padding: 10px; /* Optional: for better visual separation */ 6452 6453 } 6454 6455} 6456 6457</style> </div> </div> </div> </div></div> </div></div> 6458 </div> 6459 6460</main> 6461 6462 6463 </div> 6464 <div id="modal" class="modal" data-reveal data-prevent-quick-search-close> 6465 <button class="modal-close" 6466 type="button" 6467 title="Close" 6468 6469> 6470 <span class="aria-description--hidden">Close</span> 6471 <span aria-hidden="true">×</span> 6472</button> 6473 <div id="modal-content" class="modal-content"></div> 6474 <div class="loadingOverlay"></div> 6475</div> 6476 <div id="alert-modal" class="modal modal--alert modal--small cm-alert-modal" data-reveal data-prevent-quick-search-close> 6477 <div class="alert-icon error-icon"> 6478 <span class="icon-content"> 6479 <span class="line line-left"></span> 6480 <span class="line line-right"></span> 6481 </span> 6482 </div> 6483 6484 <div class="alert-icon warning-icon"> 6485 <div class="icon-content">!</div> 6486 </div> 6487 6488 <div class="modal-content"></div> 6489 6490 <div class="button-container"> 6491 <button type="button" class="confirm button cm-cart-ok-button" data-reveal-close>OK</button> 6492 <button type="button" class="cancel button cm-cart-cancel-button" data-reveal-close>Cancel</button> 6493 </div> 6494</div> 6495</div> 6496 <div class="custom-footer-wrapper"> 6497 <footer class="footer cm-footer cm-container" role="contentinfo"> 6498 <div class="cm-footer-region-section"> 6499 <div data-content-region="custom-footer-region--global"><div data-layout-id="14908fc1-5a37-447f-a4bc-26f6cef6d817"> <div data-sub-layout-container="b9dbbb86-647f-4f15-ba4c-e658fb63ffbe" data-layout-name="Layout"> 6500 <style data-container-styling="b9dbbb86-647f-4f15-ba4c-e658fb63ffbe"> 6501 [data-sub-layout-container="b9dbbb86-647f-4f15-ba4c-e658fb63ffbe"] { 6502 box-sizing: border-box; 6503 display: flex; 6504 flex-wrap: wrap; 6505 z-index: 0; 6506 position: relative; 6507 height: ; 6508 padding-top: 0px; 6509 padding-right: 0px; 6510 padding-bottom: 0px; 6511 padding-left: 0px; 6512 margin-top: 0px; 6513 margin-right: 0px; 6514 margin-bottom: 0px; 6515 margin-left: 0px; 6516 border-width: 0px; 6517 border-style: solid; 6518 border-color: #333333; 6519 } 6520 6521 [data-sub-layout-container="b9dbbb86-647f-4f15-ba4c-e658fb63ffbe"]:after { 6522 display: block; 6523 position: absolute; 6524 top: 0; 6525 left: 0; 6526 bottom: 0; 6527 right: 0; 6528 background-size: cover; 6529 z-index: auto; 6530 } 6531 </style> 6532 6533 <div data-sub-layout="c623e4a0-4e6d-4c48-b1b8-cc3cd662e86f"> 6534 <style data-column-styling="c623e4a0-4e6d-4c48-b1b8-cc3cd662e86f"> 6535 [data-sub-layout="c623e4a0-4e6d-4c48-b1b8-cc3cd662e86f"] { 6536 display: flex; 6537 flex-direction: column; 6538 box-sizing: border-box; 6539 flex-basis: 33.333333%; 6540 max-width: 33.333333%; 6541 z-index: 0; 6542 position: relative; 6543 height: ; 6544 padding-top: 0px; 6545 padding-right: 10.5px; 6546 padding-bottom: 0px; 6547 padding-left: 10.5px; 6548 margin-top: 0px; 6549 margin-right: 0px; 6550 margin-bottom: 0px; 6551 margin-left: 0px; 6552 border-width: 0px; 6553 border-style: solid; 6554 border-color: #333333; 6555 justify-content: center; 6556 } 6557 [data-sub-layout="c623e4a0-4e6d-4c48-b1b8-cc3cd662e86f"]:after { 6558 display: block; 6559 position: absolute; 6560 top: 0; 6561 left: 0; 6562 bottom: 0; 6563 right: 0; 6564 background-size: cover; 6565 z-index: auto; 6566 } 6567 @media only screen and (max-width: 700px) { 6568 [data-sub-layout="c623e4a0-4e6d-4c48-b1b8-cc3cd662e86f"] { 6569 flex-basis: 100%; 6570 max-width: 100%; 6571 } 6572 } 6573 </style> 6574 <div data-widget-id="b645ef44-3f91-4e26-8792-4bcecc614e3f" data-placement-id="34482c02-210c-4082-8e40-0d29ceba2bb9" data-placement-status="ACTIVE"><style> 6575 6576 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f { 6577 display: flex; 6578 width: 100%; 6579 background: rgba(0,0,0,1); 6580 margin-top: 0px; 6581 margin-right: 0px; 6582 margin-bottom: 0px; 6583 margin-left: 0px; 6584 padding-top: 0px; 6585 padding-right: 0px; 6586 padding-bottom: 0px; 6587 padding-left: 0px; 6588 } 6589 6590 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-section { 6591 width: 100%; 6592 background: rgba(0,0,0,1); 6593 margin-top: 0px; 6594 margin-right: 0px; 6595 margin-bottom: 0px; 6596 margin-left: 0px; 6597 padding-top: 0px; 6598 padding-right: 0px; 6599 padding-bottom: 0px; 6600 padding-left: 0px; 6601 } 6602 6603 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-section h3 { 6604 font-size: 12px; 6605 font-weight: 400; 6606 color: rgba(255,255,255,1); 6607 background: rgba(0,0,0,1); 6608 font-family: inherit; 6609 margin-top: 5px; 6610 margin-right: 0px; 6611 margin-bottom: 12.57136px; 6612 margin-left: 0px; 6613 padding-top: 0px; 6614 padding-right: 0px; 6615 padding-bottom: 0px; 6616 padding-left: 0px; 6617 letter-spacing: 1px; 6618 text-transform: uppercase; 6619 } 6620 6621 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-section ul { 6622 list-style: none; 6623 padding-left: 0; 6624 margin: 0 0 24px 0; 6625 } 6626 6627 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-section ul li { 6628 text-align: left; 6629 margin-top: 0px; 6630 margin-right: 0px; 6631 margin-bottom: 0px; 6632 margin-left: 0px; 6633 padding-top: 0px; 6634 padding-right: 0px; 6635 padding-bottom: 0px; 6636 padding-left: 0px; 6637 white-space: normal; 6638 font-size: 11.9px; 6639 font-weight: 400; 6640 line-height: 1.6666666667; 6641 } 6642 6643 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-section ul li a { 6644 font-size: 12px; 6645 font-weight: 400;
6646 color: rgba(160,160,160,1); 6647 background: rgba(0,0,0,1); 6648 font-family: inherit; 6649 text-decoration: none; 6650 display: inline-block; 6651 white-space: normal; 6652 vertical-align: middle; 6653 } 6654 6655 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-section ul li a:hover { 6656 text-decoration: underline; 6657 } 6658 6659 .toggle-btn { 6660 display: inline-block; 6661 background-color: transparent; 6662 border: none; 6663 cursor: pointer; 6664 font-size: 0.8rem; 6665 margin-left: 10px; 6666 } 6667 6668 /* Mobile-specific styles (Dropdown applied only on mobile screens) */ 6669 @media only screen and (max-width: 800px) { 6670 6671 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f { 6672 display: flex; 6673 flex-direction: column; 6674 } 6675 6676 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-section h3 { 6677 display: flex; 6678 justify-content: space-between; 6679 align-items: center; 6680 width: 100%; 6681 margin-top: 0; 6682 font-size: 13px; 6683 padding-left: 1.07143rem; 6684 padding-right: 1.07143rem; 6685 } 6686 6687 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-section ul { 6688 margin-left: 1.15rem !important; 6689 } 6690 6691 .widget-section.open .toggle-btn .plus-icon { 6692 display: none; 6693 } 6694 6695 .widget-section.open .toggle-btn .minus-icon { 6696 display: inline-block; 6697 } 6698 6699 .widget-section:not(.open) .toggle-btn .plus-icon { 6700 display: inline-block; 6701 } 6702 6703 .widget-section:not(.open) .toggle-btn .minus-icon { 6704 display: none; 6705 } 6706 6707 .plus-icon { 6708 width: 18px; 6709 height: 18px; 6710 fill: #000000; 6711 transform: scale(1.1); 6712 } 6713 6714 .minus-icon { 6715 width: 15px; 6716 height: 18px; 6717 transform: scale(1.1); 6718 } 6719 6720 .toggle-btn { 6721 padding: 0; 6722 } 6723 6724 .toggle-btn:hover, 6725 .toggle-btn:focus { 6726 background: #efefef; 6727 } 6728 6729 .widget-content { 6730 display: block; 6731 overflow: hidden; 6732 max-height: 0; 6733 transition: max-height 0.8s ease-in-out; /* Slower */ 6734 } 6735 } 6736 6737 /* Large screen styles (Content fully displayed without dropdown) */ 6738 @media only screen and (min-width: 800px) { 6739 6740 .widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f .widget-content { 6741 max-height: none; 6742 } 6743 6744 .toggle-btn { 6745 display: none; 6746 } 6747 } 6748 6749 </style> 6750 6751<div class="widget-container-b645ef44-3f91-4e26-8792-4bcecc614e3f"> 6752 <div class="widget-section"> 6753 <h3> 6754 Company 6755 <button class="toggle-btn" onclick="toggleDropdown('b645ef44-3f91-4e26-8792-4bcecc614e3f')"> 6756 <svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 6757 <path d="M13,13 L13,20 C13,20.5522847 12.5522847,21 12,21 C11.4477153,21 11,20.5522847 11,20 L11,13 L4,13 C3.44771525,13 3,12.5522847 3,12 C3,11.4477153 3.44771525,11 4,11 L11,11 L11,4 C11,3.44771525 11.4477153,3 12,3 C12.5522847,3 13,3.44771525 13,4 L13,11 L20,11 C20.5522847,11 21,11.4477153 21,12 C21,12.5522847 20.5522847,13 20,13 L13,13 Z"></path> 6758 </svg> 6759 <svg class="minus-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 6760 <path d="M19 13H5a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z"></path> 6761 </svg> 6762 </button> 6763 </h3> 6764 <div id="widget-content-b645ef44-3f91-4e26-8792-4bcecc614e3f" class="widget-content"> 6765 <ul> 6766 <li class="navigationlist "> 6767 <a href="/about-us/" class="widget-button-blog-section-">About Us</a> 6768 </li> 6769 <li class="navigationlist "> 6770 <a href="/hub/tag/news" class="widget-button-blog-section-">News</a> 6771 </li> 6772 <li class="navigationlist "> 6773 <a href="/press-media/" class="widget-button-blog-section-">Press & Media</a> 6774 </li> 6775 <li class="navigationlist"><a href="javascript:void(0)" onclick="event.stopPropagation(); window.consentManager.openConsentManager();" class="widget-footer-link-section-">Manage Cookie</a></li> 6776 <li class="navigationlist "> 6777 <a href="/patents/" class="widget-button-blog-section-">Patents</a> 6778 </li> 6779 </ul> 6780 </div> 6781 </div> 6782</div> 6783
6784<script> 6785 function toggleDropdown(id) { 6786 const content = document.getElementById('widget-content-' + id); 6787 const section = content.parentElement; 6788 6789 if (section.classList.contains('open')) { 6790 content.style.maxHeight = content.scrollHeight + "px"; // Set to full height 6791 requestAnimationFrame(() => { 6792 content.style.maxHeight = "0"; // Collapse 6793 }); 6794 section.classList.remove('open'); 6795 } else { 6796 content.style.maxHeight = "0"; // Reset height 6797 requestAnimationFrame(() => { 6798 content.style.maxHeight = content.scrollHeight + "px"; // Expand 6799 }); 6800 section.classList.add('open'); 6801 } 6802 } 6803</script>
6803</div> 6804 </div> 6805 <div data-sub-layout="e0224c6d-1678-4c62-9b42-0bc696e7caf7"> 6806 <style data-column-styling="e0224c6d-1678-4c62-9b42-0bc696e7caf7"> 6807 [data-sub-layout="e0224c6d-1678-4c62-9b42-0bc696e7caf7"] { 6808 display: flex; 6809 flex-direction: column; 6810 box-sizing: border-box; 6811 flex-basis: 33.333333%; 6812 max-width: 33.333333%; 6813 z-index: 0; 6814 position: relative; 6815 height: ; 6816 padding-top: 0px; 6817 padding-right: 10.5px; 6818 padding-bottom: 0px; 6819 padding-left: 10.5px; 6820 margin-top: 0px; 6821 margin-right: 0px; 6822 margin-bottom: 0px; 6823 margin-left: 0px; 6824 border-width: 0px; 6825 border-style: solid; 6826 border-color: #333333; 6827 justify-content: center; 6828 } 6829 [data-sub-layout="e0224c6d-1678-4c62-9b42-0bc696e7caf7"]:after { 6830 display: block; 6831 position: absolute; 6832 top: 0; 6833 left: 0; 6834 bottom: 0; 6835 right: 0; 6836 background-size: cover; 6837 z-index: auto; 6838 } 6839 @media only screen and (max-width: 700px) { 6840 [data-sub-layout="e0224c6d-1678-4c62-9b42-0bc696e7caf7"] { 6841 flex-basis: 100%; 6842 max-width: 100%; 6843 } 6844 } 6845 </style> 6846 <div data-widget-id="c9daa7c3-f086-4f0c-8ff6-dc8800a70b47" data-placement-id="6bc67245-85db-44ca-8138-e9081e362b3f" data-placement-status="ACTIVE"><style> 6847 6848 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 { 6849 display: flex; 6850 width: 100%; 6851 background: rgba(0,0,0,1); 6852 margin-top: 0px; 6853 margin-right: 0px; 6854 margin-bottom: 0px; 6855 margin-left: 0px; 6856 padding-top: 0px; 6857 padding-right: 0px; 6858 padding-bottom: 0px; 6859 padding-left: 0px; 6860 } 6861 6862 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-section { 6863 width: 100%; 6864 background: rgba(0,0,0,1); 6865 margin-top: 0px; 6866 margin-right: 0px; 6867 margin-bottom: 0px; 6868 margin-left: 0px; 6869 padding-top: 0px; 6870 padding-right: 0px; 6871 padding-bottom: 0px; 6872 padding-left: 0px; 6873 } 6874 6875 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-section h3 { 6876 font-size: 12px; 6877 font-weight: 400; 6878 color: rgba(255,255,255,1); 6879 background: rgba(0,0,0,1); 6880 font-family: inherit; 6881 margin-top: 5px; 6882 margin-right: 0px; 6883 margin-bottom: 12.57136px; 6884 margin-left: 0px; 6885 padding-top: 0px; 6886 padding-right: 0px; 6887 padding-bottom: 0px; 6888 padding-left: 0px; 6889 letter-spacing: 1px; 6890 text-transform: uppercase; 6891 } 6892 6893 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-section ul { 6894 list-style: none; 6895 padding-left: 0; 6896 margin: 0 0 24px 0; 6897 } 6898 6899 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-section ul li { 6900 text-align: left; 6901 margin-top: 0px; 6902 margin-right: 0px; 6903 margin-bottom: 0px; 6904 margin-left: 0px; 6905 padding-top: 0px; 6906 padding-right: 0px; 6907 padding-bottom: 0px; 6908 padding-left: 0px; 6909 white-space: normal; 6910 font-size: 11.9px; 6911 font-weight: 400; 6912 line-height: 1.6666666667; 6913 } 6914 6915 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-section ul li a { 6916 font-size: 12px; 6917 font-weight: 400; 6918 color: rgba(160,160,160,1); 6919 background: rgba(0,0,0,1); 6920 font-family: inherit; 6921 text-decoration: none; 6922 display: inline-block; 6923 white-space: normal; 6924 vertical-align: middle; 6925 } 6926 6927 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-section ul li a:hover { 6928 text-decoration: underline; 6929 } 6930 6931 .toggle-btn { 6932 display: inline-block; 6933 background-color: transparent; 6934 border: none; 6935 cursor: pointer; 6936 font-size: 0.8rem; 6937 margin-left: 10px; 6938 } 6939 6940 /* Mobile-specific styles (Dropdown applied only on mobile screens) */ 6941 @media only screen and (max-width: 800px) { 6942 6943 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 { 6944 display: flex; 6945 flex-direction: column; 6946 } 6947 6948 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-section h3 { 6949 display: flex; 6950 justify-content: space-between; 6951 align-items: center; 6952 width: 100%; 6953 margin-top: 0; 6954 font-size: 13px; 6955 padding-left: 1.07143rem; 6956 padding-right: 1.07143rem; 6957 } 6958 6959 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-section ul { 6960 margin-left: 1.15rem !important; 6961 } 6962 6963 .widget-section.open .toggle-btn .plus-icon { 6964 display: none; 6965 } 6966
6967 .widget-section.open .toggle-btn .minus-icon { 6968 display: inline-block; 6969 } 6970 6971 .widget-section:not(.open) .toggle-btn .plus-icon { 6972 display: inline-block; 6973 } 6974 6975 .widget-section:not(.open) .toggle-btn .minus-icon { 6976 display: none; 6977 } 6978 6979 .plus-icon { 6980 width: 18px; 6981 height: 18px; 6982 fill: #000000; 6983 transform: scale(1.1); 6984 } 6985 6986 .minus-icon { 6987 width: 15px; 6988 height: 18px; 6989 transform: scale(1.1); 6990 } 6991 6992 .toggle-btn { 6993 padding: 0; 6994 } 6995 6996 .toggle-btn:hover, 6997 .toggle-btn:focus { 6998 background: #efefef; 6999 } 7000 7001 .widget-content { 7002 display: block; 7003 overflow: hidden; 7004 max-height: 0; 7005 transition: max-height 0.8s ease-in-out; /* Slower */ 7006 } 7007 } 7008 7009 /* Large screen styles (Content fully displayed without dropdown) */ 7010 @media only screen and (min-width: 800px) { 7011 7012 .widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47 .widget-content { 7013 max-height: none; 7014 } 7015 7016 .toggle-btn { 7017 display: none; 7018 } 7019 } 7020 7021 </style> 7022 7023<div class="widget-container-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47"> 7024 <div class="widget-section"> 7025 <h3> 7026 Assistance 7027 <button class="toggle-btn" onclick="toggleDropdown('c9daa7c3-f086-4f0c-8ff6-dc8800a70b47')"> 7028 <svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 7029 <path d="M13,13 L13,20 C13,20.5522847 12.5522847,21 12,21 C11.4477153,21 11,20.5522847 11,20 L11,13 L4,13 C3.44771525,13 3,12.5522847 3,12 C3,11.4477153 3.44771525,11 4,11 L11,11 L11,4 C11,3.44771525 11.4477153,3 12,3 C12.5522847,3 13,3.44771525 13,4 L13,11 L20,11 C20.5522847,11 21,11.4477153 21,12 C21,12.5522847 20.5522847,13 20,13 L13,13 Z"></path> 7030 </svg> 7031 <svg class="minus-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 7032 <path d="M19 13H5a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z"></path> 7033 </svg> 7034 </button> 7035 </h3> 7036 <div id="widget-content-c9daa7c3-f086-4f0c-8ff6-dc8800a70b47" class="widget-content"> 7037 <ul> 7038 <li class="navigationlist "> 7039 <a href="https://myorder.nextbase.com/" class="widget-button-blog-section-" target="_blank">Track My Order</a> 7040 </li> 7041 <li class="navigationlist "> 7042 <a href="/help-and-support/" class="widget-button-blog-section-">Product Support</a> 7043 </li> 7044 <li class="navigationlist "> 7045 <a href="/setup-install-guide/" class="widget-button-blog-section-">Setup & Install Guide</a> 7046 </li> 7047 <li class="navigationlist "> 7048 <a href="/accessories/professional-installation/" class="widget-button-blog-section-">Professional Installation</a> 7049 </li> 7050 <li class="navigationlist "> 7051 <a href="/contact-us/" class="widget-button-blog-section-">Contact </a> 7052 </li> 7053 <li class="navigationlist "> 7054 <a href="/delivery-warranty-returns/" class="widget-button-blog-section-">Delivery, Warranty & Returns</a> 7055 </li> 7056 <li class="navigationlist "> 7057 <a href="https://nextbase.com/warranty-service-contract/" class="widget-button-blog-section-">Warranty & Service Contract</a> 7058 </li> 7059 <li class="navigationlist "> 7060 <a href="/proposition-65-warning-statement/" class="widget-button-blog-section-">Proposition 65 Warning Statement</a> 7061 </li> 7062 </ul> 7063 </div> 7064 </div> 7065</div> 7066
7067<script> 7068 function toggleDropdown(id) { 7069 const content = document.getElementById('widget-content-' + id); 7070 const section = content.parentElement; 7071 7072 if (section.classList.contains('open')) { 7073 content.style.maxHeight = content.scrollHeight + "px"; // Set to full height 7074 requestAnimationFrame(() => { 7075 content.style.maxHeight = "0"; // Collapse 7076 }); 7077 section.classList.remove('open'); 7078 } else { 7079 content.style.maxHeight = "0"; // Reset height 7080 requestAnimationFrame(() => { 7081 content.style.maxHeight = content.scrollHeight + "px"; // Expand 7082 }); 7083 section.classList.add('open'); 7084 } 7085 } 7086</script>
7086</div> 7087 </div> 7088 <div data-sub-layout="437360c3-819d-4521-a149-b6ece1d87fb6"> 7089 <style data-column-styling="437360c3-819d-4521-a149-b6ece1d87fb6"> 7090 [data-sub-layout="437360c3-819d-4521-a149-b6ece1d87fb6"] { 7091 display: flex; 7092 flex-direction: column; 7093 box-sizing: border-box; 7094 flex-basis: 33.333333%; 7095 max-width: 33.333333%; 7096 z-index: 0; 7097 position: relative; 7098 height: ; 7099 padding-top: 0px; 7100 padding-right: 10.5px; 7101 padding-bottom: 0px; 7102 padding-left: 10.5px; 7103 margin-top: 0px; 7104 margin-right: 0px; 7105 margin-bottom: 0px; 7106 margin-left: 0px; 7107 border-width: 0px; 7108 border-style: solid; 7109 border-color: #333333; 7110 justify-content: center; 7111 } 7112 [data-sub-layout="437360c3-819d-4521-a149-b6ece1d87fb6"]:after { 7113 display: block; 7114 position: absolute; 7115 top: 0; 7116 left: 0; 7117 bottom: 0; 7118 right: 0; 7119 background-size: cover; 7120 z-index: auto; 7121 } 7122 @media only screen and (max-width: 700px) { 7123 [data-sub-layout="437360c3-819d-4521-a149-b6ece1d87fb6"] { 7124 flex-basis: 100%; 7125 max-width: 100%; 7126 } 7127 } 7128 </style> 7129 <div data-widget-id="c9f46262-ec73-4136-8993-458a137d7eed" data-placement-id="6a47e532-4922-4ecb-9dd0-5c80fa5c5b43" data-placement-status="ACTIVE"><style> 7130.klaviyo-form-TBGicc{ 7131 padding-left: 1.07143rem; 7132 padding-right: 1.07143rem; 7133} 7134 7135.custom-footer-newsletter{ 7136 padding-left: 1.07143rem; 7137 padding-right: 1.07143rem; 7138 margin-top:5px; 7139} 7140 7141.custom-newsletter-heading{ 7142 font-weight: 600; 7143 /* font-size: 12px; */ 7144 color:var(--global_primarywhite-color); 7145 margin:0; 7146 padding-bottom:15px; 7147} 7148 7149.custom-newsletter-text{ 7150 font-weight: 400; 7151 /* font-size: 12px; */ 7152 color:#a0a0a0; 7153 min-height: 10px; 7154} 7155 7156@media only screen and (max-width: 799.9px) { 7157 .custom-footer-newsletter{ 7158 margin-top:20px; 7159 } 7160 7161 .custom-newsletter-heading, 7162 .custom-newsletter-text{ 7163 /* font-size: 11px !important */ 7164 } 7165} 7166</style> 7167 7168<div class="custom-footer-newsletter"> 7169 <h3 class="custom-newsletter-heading nb_fs_txt_std">Join the Nextbase Newsletter</h3> 7170 <p class="custom-newsletter-text nb_fs_txt_std">Be first to hear about our latest products and offers</p> 7171</div> 7172 7173 <style> 7174.custom-app-section-mobile { 7175 background-color: var( --global-secondarydarkest-color); 7176 color: var(--global_primarywhite-color); 7177 padding-left: 1.07143rem; 7178 padding-right: 1.07143rem; 7179 padding-top:20px; 7180 text-align: left; 7181} 7182 7183.custom-app-title { 7184 /* font-size: 12px; */ 7185 margin-bottom: 20px; 7186 color: var(--global_primarywhite-color); 7187} 7188 7189.custom-app-buttons { 7190 display: flex; 7191 gap: 20px; 7192 /* flex-wrap: wrap; */ 7193} 7194 7195.custom-store-btn { 7196 display: flex; 7197 align-items: center; 7198 background: #1a1a1a; 7199 border-radius: 18px; 7200 /* padding: 10px 20px; */ 7201 padding: 8px 26px 10px 16px; 7202 text-decoration: none; 7203 color: white; 7204 transition: background 0.3s ease; 7205 min-width: 162px; 7206 min-height:66px; 7207} 7208 7209.custom-app-icon-text{ 7210 /* font-size: 12px; */ 7211 color: var(--global_primarywhite-color) !important; 7212} 7213 7214.custom-store-btn:hover { 7215 background: #2a2a2a; 7216} 7217 7218.custom-store-btn img { 7219 width: 28px; 7220 height: 28px; 7221 margin-right: 2px; 7222} 7223 7224.custom-store-text { 7225 display: flex; 7226 flex-direction: column; 7227 line-height: 1.2; 7228} 7229 7230.custom-store-text span { 7231 /* font-size: 12px; */ 7232 color: var(--global-secondarymedium-color); 7233} 7234 7235.custom-store-text{ 7236 /* font-size: 12px; */ 7237 font-weight: 600; 7238 color: var(--global_primarywhite-color); 7239} 7240 7241.custom-apple-icon{ 7242 width:45px !important; 7243 height:45px !important; 7244} 7245 7246@media (max-width: 600px) { 7247 .custom-app-buttons { 7248 align-items: flex-start; 7249 } 7250 7251 .custom-store-btn { 7252 width: 100%; 7253 justify-content: center; 7254 } 7255} 7256 7257@media (min-width: 601px) and (max-width: 799.9px) { 7258 .custom-store-btn { 7259 min-width: 180 !important; 7260 padding: 10px 20px !important; 7261 } 7262 7263 .custom-app-buttons { 7264 gap:12px !important; 7265 } 7266} 7267 7268@media (max-width: 799.9px) { 7269 .custom-app-section-mobile{ 7270 display:block; 7271 margin-bottom: 5em; 7272 } 7273 7274 .custom-app-buttons { 7275 display: flex !important; 7276 flex-direction: row !important; 7277 flex-wrap: unset !important; 7278 gap: 8px !important; 7279 justify-content: center !important; 7280 } 7281 7282 .custom-store-btn { 7283 padding:3px; 7284 } 7285 7286 .custom-store-btn { 7287 min-width: 100px; 7288 } 7289 7290 .custom-app-title, 7291 .custom-app-icon-text, 7292 .custom-store-text, 7293 .custom-store-text span{ 7294 /* font-size: 11px !important; */ 7295 } 7296 7297} 7298 7299@media (min-width: 800px) { 7300 .custom-app-section-mobile{ 7301 display:none; 7302 } 7303} 7304</style> 7305<div class="klaviyo-form-TBGicc"></div> 7306<section class="custom-app-section-mobile"> 7307 <h3 class="custom-app-title nb_fs_txt_std">Nextbase App</h3> 7308 <div class="custom-app-buttons"> 7309 <a href="https://apps.apple.com/gb/app/nextbase/id6503702226" class="custom-store-btn custom-app-store"> 7310 <img class="custom-apple-icon" src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/appleiconfooter.png" alt="Apple logo"> 7311 <div class="custom-store-text">
7312 <span class="nb_fs_txt_sm">Get it on</span> 7313 <span class="custom-app-icon-text nb_fs_txt_std">App Store</span> 7314 </div> 7315 </a> 7316 <a href="https://play.google.com/store/apps/details?id=com.mynextbase.connect&pli=1" class="custom-store-btn custom-google-play"> 7317 <img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/google-pay-icon-footer.png" alt="Google Play logo"> 7318 <div class="custom-store-text"> 7319 <span class="nb_fs_txt_sm">Get it on</span> 7320 <span class="custom-app-icon-text nb_fs_txt_std">Google Play</span> 7321 </div> 7322 </a> 7323 </div> 7324</section> 7325 7326 7327</div> 7328 </div> 7329</div> 7330 7331 <div data-sub-layout-container="bc72a8f1-5d93-4fb5-a7de-ef6f4ac91a00" data-layout-name="Layout"> 7332 <style data-container-styling="bc72a8f1-5d93-4fb5-a7de-ef6f4ac91a00"> 7333 [data-sub-layout-container="bc72a8f1-5d93-4fb5-a7de-ef6f4ac91a00"] { 7334 box-sizing: border-box; 7335 display: flex; 7336 flex-wrap: wrap; 7337 z-index: 0; 7338 position: relative; 7339 height: ; 7340 padding-top: 0px; 7341 padding-right: 0px; 7342 padding-bottom: 0px; 7343 padding-left: 0px; 7344 margin-top: 0px; 7345 margin-right: 0px; 7346 margin-bottom: 0px; 7347 margin-left: 0px; 7348 border-width: 0px; 7349 border-style: solid; 7350 border-color: #333333; 7351 } 7352 7353 [data-sub-layout-container="bc72a8f1-5d93-4fb5-a7de-ef6f4ac91a00"]:after { 7354 display: block; 7355 position: absolute; 7356 top: 0; 7357 left: 0; 7358 bottom: 0; 7359 right: 0; 7360 background-size: cover; 7361 z-index: auto; 7362 } 7363 </style> 7364 7365 <div data-sub-layout="c618281b-8af3-4522-8d08-7e73d144853e"> 7366 <style data-column-styling="c618281b-8af3-4522-8d08-7e73d144853e"> 7367 [data-sub-layout="c618281b-8af3-4522-8d08-7e73d144853e"] { 7368 display: flex; 7369 flex-direction: column; 7370 box-sizing: border-box; 7371 flex-basis: 33.333333%; 7372 max-width: 33.333333%; 7373 z-index: 0; 7374 position: relative; 7375 height: ; 7376 padding-top: 0px; 7377 padding-right: 10.5px; 7378 padding-bottom: 0px; 7379 padding-left: 10.5px; 7380 margin-top: 0px; 7381 margin-right: 0px; 7382 margin-bottom: 0px; 7383 margin-left: 0px; 7384 border-width: 0px; 7385 border-style: solid; 7386 border-color: #333333; 7387 justify-content: center; 7388 } 7389 [data-sub-layout="c618281b-8af3-4522-8d08-7e73d144853e"]:after { 7390 display: block; 7391 position: absolute; 7392 top: 0; 7393 left: 0; 7394 bottom: 0; 7395 right: 0; 7396 background-size: cover; 7397 z-index: auto; 7398 } 7399 @media only screen and (max-width: 700px) { 7400 [data-sub-layout="c618281b-8af3-4522-8d08-7e73d144853e"] { 7401 flex-basis: 100%; 7402 max-width: 100%; 7403 } 7404 } 7405 </style> 7406 <div data-widget-id="0648d115-ab1d-480a-ad96-1911004243a3" data-placement-id="18088a70-4460-42e5-93d4-3334574dfbd0" data-placement-status="ACTIVE"><style> 7407 7408 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 { 7409 display: flex; 7410 width: 100%; 7411 background: rgba(0,0,0,1); 7412 margin-top: 0px; 7413 margin-right: 0px; 7414 margin-bottom: 0px; 7415 margin-left: 0px; 7416 padding-top: 0px; 7417 padding-right: 0px; 7418 padding-bottom: 0px; 7419 padding-left: 0px; 7420 } 7421 7422 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-section { 7423 width: 100%; 7424 background: rgba(0,0,0,1); 7425 margin-top: 0px; 7426 margin-right: 0px; 7427 margin-bottom: 0px; 7428 margin-left: 0px; 7429 padding-top: 0px; 7430 padding-right: 0px; 7431 padding-bottom: 0px; 7432 padding-left: 0px; 7433 } 7434 7435 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-section h3 { 7436 font-size: 12px; 7437 font-weight: 400; 7438 color: rgba(255,255,255,1); 7439 background: rgba(0,0,0,1); 7440 font-family: inherit; 7441 margin-top: 5px; 7442 margin-right: 0px; 7443 margin-bottom: 12.57136px; 7444 margin-left: 0px; 7445 padding-top: 0px; 7446 padding-right: 0px; 7447 padding-bottom: 0px; 7448 padding-left: 0px; 7449 letter-spacing: 1px; 7450 text-transform: uppercase; 7451 } 7452 7453 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-section ul { 7454 list-style: none; 7455 padding-left: 0; 7456 margin: 0 0 24px 0; 7457 } 7458 7459 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-section ul li { 7460 text-align: left; 7461 margin-top: 0px; 7462 margin-right: 0px; 7463 margin-bottom: 0px; 7464 margin-left: 0px; 7465 padding-top: 0px; 7466 padding-right: 0px; 7467 padding-bottom: 0px; 7468 padding-left: 0px; 7469 white-space: normal; 7470 font-size: 11.9px; 7471 font-weight: 400; 7472 line-height: 1.6666666667; 7473 } 7474 7475 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-section ul li a { 7476 font-size: 12px; 7477 font-weight: 400;
7478 color: rgba(160,160,160,1); 7479 background: rgba(0,0,0,1); 7480 font-family: inherit; 7481 text-decoration: none; 7482 display: inline-block; 7483 white-space: normal; 7484 vertical-align: middle; 7485 } 7486 7487 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-section ul li a:hover { 7488 text-decoration: underline; 7489 } 7490 7491 .toggle-btn { 7492 display: inline-block; 7493 background-color: transparent; 7494 border: none; 7495 cursor: pointer; 7496 font-size: 0.8rem; 7497 margin-left: 10px; 7498 } 7499 7500 /* Mobile-specific styles (Dropdown applied only on mobile screens) */ 7501 @media only screen and (max-width: 800px) { 7502 7503 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 { 7504 display: flex; 7505 flex-direction: column; 7506 } 7507 7508 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-section h3 { 7509 display: flex; 7510 justify-content: space-between; 7511 align-items: center; 7512 width: 100%; 7513 margin-top: 0; 7514 font-size: 13px; 7515 padding-left: 1.07143rem; 7516 padding-right: 1.07143rem; 7517 } 7518 7519 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-section ul { 7520 margin-left: 1.15rem !important; 7521 } 7522 7523 .widget-section.open .toggle-btn .plus-icon { 7524 display: none; 7525 } 7526 7527 .widget-section.open .toggle-btn .minus-icon { 7528 display: inline-block; 7529 } 7530 7531 .widget-section:not(.open) .toggle-btn .plus-icon { 7532 display: inline-block; 7533 } 7534 7535 .widget-section:not(.open) .toggle-btn .minus-icon { 7536 display: none; 7537 } 7538 7539 .plus-icon { 7540 width: 18px; 7541 height: 18px; 7542 fill: #000000; 7543 transform: scale(1.1); 7544 } 7545 7546 .minus-icon { 7547 width: 15px; 7548 height: 18px; 7549 transform: scale(1.1); 7550 } 7551 7552 .toggle-btn { 7553 padding: 0; 7554 } 7555 7556 .toggle-btn:hover, 7557 .toggle-btn:focus { 7558 background: #efefef; 7559 } 7560 7561 .widget-content { 7562 display: block; 7563 overflow: hidden; 7564 max-height: 0; 7565 transition: max-height 0.8s ease-in-out; /* Slower */ 7566 } 7567 } 7568 7569 /* Large screen styles (Content fully displayed without dropdown) */ 7570 @media only screen and (min-width: 800px) { 7571 7572 .widget-container-0648d115-ab1d-480a-ad96-1911004243a3 .widget-content { 7573 max-height: none; 7574 } 7575 7576 .toggle-btn { 7577 display: none; 7578 } 7579 } 7580 7581 </style> 7582 7583<div class="widget-container-0648d115-ab1d-480a-ad96-1911004243a3"> 7584 <div class="widget-section"> 7585 <h3> 7586 Learn & Shop 7587 <button class="toggle-btn" onclick="toggleDropdown('0648d115-ab1d-480a-ad96-1911004243a3')"> 7588 <svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 7589 <path d="M13,13 L13,20 C13,20.5522847 12.5522847,21 12,21 C11.4477153,21 11,20.5522847 11,20 L11,13 L4,13 C3.44771525,13 3,12.5522847 3,12 C3,11.4477153 3.44771525,11 4,11 L11,11 L11,4 C11,3.44771525 11.4477153,3 12,3 C12.5522847,3 13,3.44771525 13,4 L13,11 L20,11 C20.5522847,11 21,11.4477153 21,12 C21,12.5522847 20.5522847,13 20,13 L13,13 Z"></path> 7590 </svg> 7591 <svg class="minus-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 7592 <path d="M19 13H5a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z"></path> 7593 </svg> 7594 </button> 7595 </h3> 7596 <div id="widget-content-0648d115-ab1d-480a-ad96-1911004243a3" class="widget-content"> 7597 <ul> 7598 <li class="navigationlist "> 7599 <a href="/dash-cams/" class="widget-button-blog-section-">Dash Cams </a> 7600 </li> 7601 <li class="navigationlist "> 7602 <a href="/outlet/" class="widget-button-blog-section-">Outlet </a> 7603 </li> 7604 <li class="navigationlist "> 7605 <a href="/exclusive-offers/" class="widget-button-blog-section-">Exclusive Offers</a> 7606 </li> 7607 <li class="navigationlist "> 7608 <a href="/accessories-parts/" class="widget-button-blog-section-">Accessories</a> 7609 </li> 7610 <li class="navigationlist "> 7611 <a href="/compare/156/157" class="widget-button-blog-section-">Compare Products</a> 7612 </li> 7613 <li class="navigationlist "> 7614 <a href="/dash-cam-features/" class="widget-button-blog-section-">Features</a> 7615 </li> 7616 <li class="navigationlist "> 7617 <a href="/road-safety-club/" class="widget-button-blog-section-">
7617Road Safety Club </a> 7618 </li> 7619 <li class="navigationlist "> 7620 <a href="/aaa/" class="widget-button-blog-section-">AAA Exclusive Discounts</a> 7621 </li> 7622 </ul> 7623 </div> 7624 </div> 7625</div> 7626
7627<script> 7628 function toggleDropdown(id) { 7629 const content = document.getElementById('widget-content-' + id); 7630 const section = content.parentElement; 7631 7632 if (section.classList.contains('open')) { 7633 content.style.maxHeight = content.scrollHeight + "px"; // Set to full height 7634 requestAnimationFrame(() => { 7635 content.style.maxHeight = "0"; // Collapse 7636 }); 7637 section.classList.remove('open'); 7638 } else { 7639 content.style.maxHeight = "0"; // Reset height 7640 requestAnimationFrame(() => { 7641 content.style.maxHeight = content.scrollHeight + "px"; // Expand 7642 }); 7643 section.classList.add('open'); 7644 } 7645 } 7646</script>
7646</div> 7647 </div> 7648 <div data-sub-layout="bc8687b7-a22d-44dc-b958-2a2ed874f70b"> 7649 <style data-column-styling="bc8687b7-a22d-44dc-b958-2a2ed874f70b"> 7650 [data-sub-layout="bc8687b7-a22d-44dc-b958-2a2ed874f70b"] { 7651 display: flex; 7652 flex-direction: column; 7653 box-sizing: border-box; 7654 flex-basis: 33.333333%; 7655 max-width: 33.333333%; 7656 z-index: 0; 7657 position: relative; 7658 height: ; 7659 padding-top: 0px; 7660 padding-right: 10.5px; 7661 padding-bottom: 0px; 7662 padding-left: 10.5px; 7663 margin-top: 0px; 7664 margin-right: 0px; 7665 margin-bottom: 0px; 7666 margin-left: 0px; 7667 border-width: 0px; 7668 border-style: solid; 7669 border-color: #333333; 7670 justify-content: center; 7671 } 7672 [data-sub-layout="bc8687b7-a22d-44dc-b958-2a2ed874f70b"]:after { 7673 display: block; 7674 position: absolute; 7675 top: 0; 7676 left: 0; 7677 bottom: 0; 7678 right: 0; 7679 background-size: cover; 7680 z-index: auto; 7681 } 7682 @media only screen and (max-width: 700px) { 7683 [data-sub-layout="bc8687b7-a22d-44dc-b958-2a2ed874f70b"] { 7684 flex-basis: 100%; 7685 max-width: 100%; 7686 } 7687 } 7688 </style> 7689 <div data-widget-id="61f6964b-0c09-4a98-9905-c49a227e8a51" data-placement-id="6482846d-2b5c-4a1b-b599-31a0ed7df9bb" data-placement-status="ACTIVE"><style> 7690 7691 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 { 7692 display: flex; 7693 width: 100%; 7694 background: rgba(0,0,0,1); 7695 margin-top: 0px; 7696 margin-right: 0px; 7697 margin-bottom: 0px; 7698 margin-left: 0px; 7699 padding-top: 0px; 7700 padding-right: 0px; 7701 padding-bottom: 0px; 7702 padding-left: 0px; 7703 } 7704 7705 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-section { 7706 width: 100%; 7707 background: rgba(0,0,0,1); 7708 margin-top: 0px; 7709 margin-right: 0px; 7710 margin-bottom: 0px; 7711 margin-left: 0px; 7712 padding-top: 0px; 7713 padding-right: 0px; 7714 padding-bottom: 0px; 7715 padding-left: 0px; 7716 } 7717 7718 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-section h3 { 7719 font-size: 12px; 7720 font-weight: 400; 7721 color: rgba(255,255,255,1); 7722 background: rgba(0,0,0,1); 7723 font-family: inherit; 7724 margin-top: 5px; 7725 margin-right: 0px; 7726 margin-bottom: 12.57136px; 7727 margin-left: 0px; 7728 padding-top: 0px; 7729 padding-right: 0px; 7730 padding-bottom: 0px; 7731 padding-left: 0px; 7732 letter-spacing: 1px; 7733 text-transform: uppercase; 7734 } 7735 7736 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-section ul { 7737 list-style: none; 7738 padding-left: 0; 7739 margin: 0 0 24px 0; 7740 } 7741 7742 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-section ul li { 7743 text-align: left; 7744 margin-top: 0px; 7745 margin-right: 0px; 7746 margin-bottom: 0px; 7747 margin-left: 0px; 7748 padding-top: 0px; 7749 padding-right: 0px; 7750 padding-bottom: 0px; 7751 padding-left: 0px; 7752 white-space: normal; 7753 font-size: 11.9px; 7754 font-weight: 400; 7755 line-height: 1.6666666667; 7756 } 7757 7758 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-section ul li a { 7759 font-size: 12px; 7760 font-weight: 400; 7761 color: rgba(160,160,160,1); 7762 background: rgba(0,0,0,1); 7763 font-family: inherit; 7764 text-decoration: none; 7765 display: inline-block; 7766 white-space: normal; 7767 vertical-align: middle; 7768 } 7769 7770 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-section ul li a:hover { 7771 text-decoration: underline; 7772 } 7773 7774 .toggle-btn { 7775 display: inline-block; 7776 background-color: transparent; 7777 border: none; 7778 cursor: pointer; 7779 font-size: 0.8rem; 7780 margin-left: 10px; 7781 } 7782 7783 /* Mobile-specific styles (Dropdown applied only on mobile screens) */ 7784 @media only screen and (max-width: 800px) { 7785 7786 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 { 7787 display: flex; 7788 flex-direction: column; 7789 } 7790 7791 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-section h3 { 7792 display: flex; 7793 justify-content: space-between; 7794 align-items: center; 7795 width: 100%; 7796 margin-top: 0; 7797 font-size: 13px; 7798 padding-left: 1.07143rem; 7799 padding-right: 1.07143rem; 7800 } 7801 7802 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-section ul { 7803 margin-left: 1.15rem !important; 7804 } 7805 7806 .widget-section.open .toggle-btn .plus-icon { 7807 display: none; 7808 } 7809
7810 .widget-section.open .toggle-btn .minus-icon { 7811 display: inline-block; 7812 } 7813 7814 .widget-section:not(.open) .toggle-btn .plus-icon { 7815 display: inline-block; 7816 } 7817 7818 .widget-section:not(.open) .toggle-btn .minus-icon { 7819 display: none; 7820 } 7821 7822 .plus-icon { 7823 width: 18px; 7824 height: 18px; 7825 fill: #000000; 7826 transform: scale(1.1); 7827 } 7828 7829 .minus-icon { 7830 width: 15px; 7831 height: 18px; 7832 transform: scale(1.1); 7833 } 7834 7835 .toggle-btn { 7836 padding: 0; 7837 } 7838 7839 .toggle-btn:hover, 7840 .toggle-btn:focus { 7841 background: #efefef; 7842 } 7843 7844 .widget-content { 7845 display: block; 7846 overflow: hidden; 7847 max-height: 0; 7848 transition: max-height 0.8s ease-in-out; /* Slower */ 7849 } 7850 } 7851 7852 /* Large screen styles (Content fully displayed without dropdown) */ 7853 @media only screen and (min-width: 800px) { 7854 7855 .widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51 .widget-content { 7856 max-height: none; 7857 } 7858 7859 .toggle-btn { 7860 display: none; 7861 } 7862 } 7863 7864 </style> 7865 7866<div class="widget-container-61f6964b-0c09-4a98-9905-c49a227e8a51"> 7867 <div class="widget-section"> 7868 <h3> 7869 For Business 7870 <button class="toggle-btn" onclick="toggleDropdown('61f6964b-0c09-4a98-9905-c49a227e8a51')"> 7871 <svg class="plus-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 7872 <path d="M13,13 L13,20 C13,20.5522847 12.5522847,21 12,21 C11.4477153,21 11,20.5522847 11,20 L11,13 L4,13 C3.44771525,13 3,12.5522847 3,12 C3,11.4477153 3.44771525,11 4,11 L11,11 L11,4 C11,3.44771525 11.4477153,3 12,3 C12.5522847,3 13,3.44771525 13,4 L13,11 L20,11 C20.5522847,11 21,11.4477153 21,12 C21,12.5522847 20.5522847,13 20,13 L13,13 Z"></path> 7873 </svg> 7874 <svg class="minus-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"> 7875 <path d="M19 13H5a1 1 0 0 1 0-2h14a1 1 0 0 1 0 2z"></path> 7876 </svg> 7877 </button> 7878 </h3> 7879 <div id="widget-content-61f6964b-0c09-4a98-9905-c49a227e8a51" class="widget-content"> 7880 <ul> 7881 <li class="navigationlist "> 7882 <a href="/taxi-bundles/" class="widget-button-blog-section-">Cab & Rideshare Drivers</a> 7883 </li> 7884 </ul> 7885 </div> 7886 </div> 7887</div> 7888
7889<script> 7890 function toggleDropdown(id) { 7891 const content = document.getElementById('widget-content-' + id); 7892 const section = content.parentElement; 7893 7894 if (section.classList.contains('open')) { 7895 content.style.maxHeight = content.scrollHeight + "px"; // Set to full height 7896 requestAnimationFrame(() => { 7897 content.style.maxHeight = "0"; // Collapse 7898 }); 7899 section.classList.remove('open'); 7900 } else { 7901 content.style.maxHeight = "0"; // Reset height 7902 requestAnimationFrame(() => { 7903 content.style.maxHeight = content.scrollHeight + "px"; // Expand 7904 }); 7905 section.classList.add('open'); 7906 } 7907 } 7908</script>
7908</div> 7909 </div> 7910 <div data-sub-layout="70b147fd-b9e2-4d29-a472-b1404b780abc"> 7911 <style data-column-styling="70b147fd-b9e2-4d29-a472-b1404b780abc"> 7912 [data-sub-layout="70b147fd-b9e2-4d29-a472-b1404b780abc"] { 7913 display: flex; 7914 flex-direction: column; 7915 box-sizing: border-box; 7916 flex-basis: 33.333333%; 7917 max-width: 33.333333%; 7918 z-index: 0; 7919 position: relative; 7920 height: ; 7921 padding-top: 0px; 7922 padding-right: 10.5px; 7923 padding-bottom: 0px; 7924 padding-left: 10.5px; 7925 margin-top: 0px; 7926 margin-right: 0px; 7927 margin-bottom: 0px; 7928 margin-left: 0px; 7929 border-width: 0px; 7930 border-style: solid; 7931 border-color: #333333; 7932 justify-content: center; 7933 } 7934 [data-sub-layout="70b147fd-b9e2-4d29-a472-b1404b780abc"]:after { 7935 display: block; 7936 position: absolute; 7937 top: 0; 7938 left: 0; 7939 bottom: 0; 7940 right: 0; 7941 background-size: cover; 7942 z-index: auto; 7943 } 7944 @media only screen and (max-width: 700px) { 7945 [data-sub-layout="70b147fd-b9e2-4d29-a472-b1404b780abc"] { 7946 flex-basis: 100%; 7947 max-width: 100%; 7948 } 7949 } 7950 </style> 7951 <div data-widget-id="7f0250df-e362-4875-bfc5-baf68bf80500" data-placement-id="c07bc89a-b5b5-49e9-a544-2605f1d463a9" data-placement-status="ACTIVE"> <style> 7952.custom-app-section { 7953 background-color: var( --global-secondarydarkest-color); 7954 color: var(--global_primarywhite-color); 7955 padding-left: 1.07143rem; 7956 padding-right: 1.07143rem; 7957 text-align: left; 7958 margin-top:5px; 7959} 7960 7961.custom-app-title { 7962 /* font-size: 12px; */ 7963 margin-bottom: 20px; 7964 color: var(--global_primarywhite-color); 7965} 7966 7967.custom-app-buttons { 7968 display: flex; 7969 gap: 20px; 7970 /* flex-wrap: wrap; */ 7971 flex-direction:column; 7972} 7973 7974.custom-store-btn { 7975 display: flex; 7976 align-items: center; 7977 background: #1a1a1a; 7978 border-radius: 18px; 7979 /* padding: 10px 20px; */ 7980 padding: 8px 26px 10px 16px; 7981 text-decoration: none; 7982 color: var(--global_primarywhite-color); 7983 transition: background 0.3s ease; 7984 min-width: 162px; 7985 min-height:66px; 7986} 7987 7988.custom-app-icon-text{ 7989 /* font-size: 12px; */ 7990 color: var(--global_primarywhite-color) !important; 7991} 7992 7993.custom-store-btn:hover { 7994 background: #2a2a2a; 7995} 7996 7997.custom-store-btn img { 7998 width: 28px; 7999 height: 28px; 8000 margin-right: 2px; 8001} 8002 8003.custom-store-text { 8004 display: flex; 8005 flex-direction: column; 8006 line-height: 1.2; 8007} 8008 8009.custom-store-text span { 8010 /* font-size: 12px; */ 8011 color: var(--global-secondarymedium-color); 8012} 8013 8014.custom-store-text{ 8015 /* font-size: 12px; */ 8016 font-weight: 600; 8017 color: var(--global_primarywhite-color); 8018} 8019 8020.custom-apple-icon{ 8021 width:45px !important; 8022 height:45px !important; 8023} 8024 8025@media (min-width: 1200px) and (max-width: 1572px) { 8026 .custom-app-buttons { 8027 /* display: nowrap !important; */ 8028 flex-direction:row !important; 8029 } 8030 8031 .custom-store-btn { 8032 min-width: 166px !important; 8033 } 8034 8035 .custom-store-text { 8036 /* font-size:10px !important; */ 8037 } 8038} 8039 8040@media (min-width: 800px) and (max-width: 1198px) { 8041 .custom-store-btn { 8042 width:100px; 8043 } 8044} 8045 8046@media (max-width: 600px) { 8047 .custom-app-buttons { 8048 flex-direction: column; 8049 align-items: flex-start; 8050 } 8051 8052 .custom-store-btn { 8053 width: 100%; 8054 justify-content: center; 8055 } 8056} 8057 8058@media screen and (min-width: 1573px) { 8059 .custom-app-buttons { 8060 flex-direction: row; 8061 } 8062} 8063 8064</style> 8065 8066<section class="custom-app-section"> 8067 <h3 class="custom-app-title nb_fs_txt_std">Nextbase App</h3> 8068 <div class="custom-app-buttons"> 8069 <a href="https://apps.apple.com/gb/app/nextbase/id6503702226" class="custom-store-btn custom-app-store"> 8070 <img class="custom-apple-icon" src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/appleiconfooter.png" alt="Apple logo"> 8071 <div class="custom-store-text">
8072 <span class="nb_fs_txt_sm">Get it on</span> 8073 <span class="custom-app-icon-text nb_fs_txt_std">App Store</span> 8074 </div> 8075 </a> 8076 <a href="https://play.google.com/store/apps/details?id=com.nextbase.app&hl=en_GB" class="custom-store-btn custom-google-play"> 8077 <img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/google-pay-icon-footer.png" alt="Google Play logo"> 8078 <div class="custom-store-text"> 8079 <span class="nb_fs_txt_sm">Get it on</span> 8080 <span class="custom-app-icon-text nb_fs_txt_std">Google Play</span> 8081 </div> 8082 </a> 8083 </div> 8084</section> 8085 8086<!-- footer links section --> 8087<style> 8088.custom-footer-social-media-links-container { 8089 width: fit-content; 8090 padding-left: 1.07143rem; 8091 padding-right: 1.07143rem; 8092} 8093 8094.custom-footer-social-media-links-heading { 8095 color: var(--global_primarywhite-color); 8096 /* font-size: 12px; */ 8097 padding-top:20px; 8098} 8099 8100.custom-footer-social-media-links-section { 8101 display: flex; 8102 align-items: center; 8103 gap: 12px; /* spacing between icons */ 8104} 8105 8106.custom-footer-social-media-links-section a img { 8107 width: 20px; 8108 height: 20px; 8109} 8110</style> 8111 8112<div class="custom-footer-social-media-links-container"> 8113 <h3 class="custom-footer-social-media-links-heading nb_fs_txt_std">Follow Us</h3> 8114 <div class="custom-footer-social-media-links-section"> 8115 <a href="https://www.facebook.com/nextbaseuk/" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/facebook.png" alt="Facebook"></a> 8116 <a href="https://x.com/nextbaseuk/" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/twitter.png" alt="Twitter"></a> 8117 <a href="https://www.youtube.com/channel/UCoNFMZmrszsa-DabhyUY0vg" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/youtube.png" alt="YouTube"></a> 8118 <a href="https://www.tiktok.com/@nextbaseuk" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/tiktok.png" alt="TikTok"></a> 8119 <a href="https://www.linkedin.com/company/nextbase/" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/linkedin.png" alt="LinkedIn"></a> 8120 <a href="https://www.instagram.com/nextbase_uk/" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/instagram.png" alt="Instagram"></a> 8121 </div> 8122</div> 8123 8124<style> 8125@media only screen and (max-width: 800px) { 8126 8127 [data-sub-layout-container="b9dbbb86-647f-4f15-ba4c-e658fb63ffbe"] { 8128 display: flex !important; 8129 flex-wrap: wrap !important; 8130 } 8131 8132 [data-sub-layout="437360c3-819d-4521-a149-b6ece1d87fb6"]{ 8133 order:1 !important; 8134 } 8135 8136 [data-sub-layout="c623e4a0-4e6d-4c48-b1b8-cc3cd662e86f"]{ 8137 order:2 !important; 8138 } 8139 8140 [data-sub-layout="e0224c6d-1678-4c62-9b42-0bc696e7caf7"]{ 8141 order:3 !important; 8142 } 8143 8144 .custom-app-section, 8145 .custom-footer-social-media-links-container{ 8146 display:none !important; 8147 } 8148 8149 .custom-footer-social-media-links-heading{ 8150 /* font-size: 11px !important */ 8151 } 8152 } 8153</style> 8154 8155 8156</div> 8157 </div> 8158</div> 8159 8160 <div data-sub-layout-container="c7d9c51c-44f1-4174-b6e9-564e1c317f11" data-layout-name="Layout"> 8161 <style data-container-styling="c7d9c51c-44f1-4174-b6e9-564e1c317f11"> 8162 [data-sub-layout-container="c7d9c51c-44f1-4174-b6e9-564e1c317f11"] { 8163 box-sizing: border-box; 8164 display: flex; 8165 flex-wrap: wrap; 8166 z-index: 0; 8167 position: relative; 8168 height: ; 8169 padding-top: 0px; 8170 padding-right: 0px; 8171 padding-bottom: 0px; 8172 padding-left: 0px; 8173 margin-top: 0px; 8174 margin-right: 0px; 8175 margin-bottom: 0px; 8176 margin-left: 0px; 8177 border-width: 0px; 8178 border-style: solid; 8179 border-color: #333333; 8180 } 8181 8182 [data-sub-layout-container="c7d9c51c-44f1-4174-b6e9-564e1c317f11"]:after { 8183 display: block; 8184 position: absolute; 8185 top: 0; 8186 left: 0; 8187 bottom: 0; 8188 right: 0; 8189 background-size: cover; 8190 z-index: auto; 8191 } 8192 </style> 8193 8194 <div data-sub-layout="f3baeac9-09df-4da1-afaa-6bc85913af7d"> 8195 <style data-column-styling="f3baeac9-09df-4da1-afaa-6bc85913af7d"> 8196 [data-sub-layout="f3baeac9-09df-4da1-afaa-6bc85913af7d"] { 8197 display: flex; 8198 flex-direction: column; 8199 box-sizing: border-box; 8200 flex-basis: 25%; 8201 max-width: 25%; 8202 z-index: 0; 8203 position: relative; 8204 height: ; 8205 padding-top: 0px; 8206 padding-right: 10.5px; 8207 padding-bottom: 0px; 8208 padding-left: 10.5px; 8209 margin-top: 0px; 8210 margin-right: 0px; 8211 margin-bottom: 0px; 8212 margin-left: 0px; 8213 border-width: 0px; 8214 border-style: solid; 8215 border-color: #333333; 8216 justify-content: center; 8217 } 8218 [data-sub-layout="f3baeac9-09df-4da1-afaa-6bc85913af7d"]:after { 8219 display: block; 8220 position: absolute; 8221 top: 0; 8222 left: 0; 8223 bottom: 0; 8224 right: 0; 8225 background-size: cover; 8226 z-index: auto; 8227 } 8228 @media only screen and (max-width: 700px) { 8229 [data-sub-layout="f3baeac9-09df-4da1-afaa-6bc85913af7d"] { 8230 flex-basis: 100%; 8231 max-width: 100%; 8232 } 8233 } 8234 </style> 8235 <div data-widget-id="88aa2f78-d565-4e6b-8a09-dc3510a22a4b" data-placement-id="1579ce12-ebb5-409c-81b1-076fed6f8c3f" data-placement-status="ACTIVE"><style> 8236 @media (max-width: 799.9px) { 8237 .custom-logo-image-container{ 8238 text-align: center; 8239 padding-bottom: 2em; 8240 } 8241 8242 .minus-icon,.plus-icon{
8243 fill:var(--global_primarywhite-color) !important; 8244 } 8245 8246 .toggle-btn:hover, 8247 .toggle-btn:focus { 8248 background-color: var( --global-secondarydarkest-color); 8249 } 8250} 8251 8252.custom-logo-image-container{ 8253 img{ 8254 /* width:150px; */ 8255 } 8256} 8257 8258[data-sub-layout-container="c7d9c51c-44f1-4174-b6e9-564e1c317f11"]{ 8259 border-bottom: 1px solid #474747; 8260} 8261</style> 8262 8263<div class="custom-logo-image-container"> 8264<a href="https://nextbase.com/"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/new-logo.png" alt="Nextbase Logo"></a> 8265</div> 8266 8267<style> 8268 /* Hide the button initially on desktop */ 8269.toggle-btn { 8270 display: none; 8271 background-color: transparent; 8272 border: none; 8273 cursor: pointer; 8274 font-size: 1.2em; 8275 margin-left: 10px; 8276} 8277 8278/* Mobile-specific toggle button */ 8279@media only screen and (max-width: 769px) { 8280 .toggle-btn { 8281 display: inline-block; 8282 } 8283 8284 /* Default icon (closed) */ 8285 .toggle-btn::after { 8286 content: "\2304"; 8287 font-size: 13px; 8288 font-weight: 400; 8289 display: inline-block; 8290 transform: scaleX(2); 8291 vertical-align:top; 8292 } 8293 8294 /* Open icon */ 8295 .widget-section.open .toggle-btn::after { 8296 content: "\2303"; 8297 font-size: 13px; 8298 font-weight: 400; 8299 display: inline-block; 8300 transform: scaleX(2); 8301 vertical-align:top; 8302 } 8303 8304 .plus-icon,.minus-icon{ 8305 display:none !important; 8306 } 8307} 8308</style> 8309</div> 8310 </div> 8311 <div data-sub-layout="01131d76-e487-4b60-bd4c-1180a526a2b0"> 8312 <style data-column-styling="01131d76-e487-4b60-bd4c-1180a526a2b0"> 8313 [data-sub-layout="01131d76-e487-4b60-bd4c-1180a526a2b0"] { 8314 display: flex; 8315 flex-direction: column; 8316 box-sizing: border-box; 8317 flex-basis: 75%; 8318 max-width: 75%; 8319 z-index: 0; 8320 position: relative; 8321 height: ; 8322 padding-top: 0px; 8323 padding-right: 10.5px; 8324 padding-bottom: 0px; 8325 padding-left: 10.5px; 8326 margin-top: 0px; 8327 margin-right: 0px; 8328 margin-bottom: 0px; 8329 margin-left: 0px; 8330 border-width: 0px; 8331 border-style: solid; 8332 border-color: #333333; 8333 justify-content: center; 8334 } 8335 [data-sub-layout="01131d76-e487-4b60-bd4c-1180a526a2b0"]:after { 8336 display: block; 8337 position: absolute; 8338 top: 0; 8339 left: 0; 8340 bottom: 0; 8341 right: 0; 8342 background-size: cover; 8343 z-index: auto; 8344 } 8345 @media only screen and (max-width: 700px) { 8346 [data-sub-layout="01131d76-e487-4b60-bd4c-1180a526a2b0"] { 8347 flex-basis: 100%; 8348 max-width: 100%; 8349 } 8350 } 8351 </style> 8352 <div data-widget-id="d9132266-4bac-4e6a-92cb-16df632faf36" data-placement-id="4096b275-4ebe-42a4-8748-cbc592fd84bd" data-placement-status="ACTIVE"><style> 8353.cm-footer-text-links { 8354 display: grid; 8355 grid-auto-flow: column; 8356 gap: 10px; 8357} 8358 8359.cm-footer-text-links a { 8360 text-decoration: none; 8361 padding: 5px 0; 8362 color: var(--global-secondarymedium-color); 8363 /* font-size: 12px; */ 8364} 8365 8366@media (max-width: 799.9px) { 8367 .cm-footer-text-links { 8368 grid-template-columns: repeat(2, 1fr); 8369 grid-auto-flow: unset; 8370 text-align: center; 8371 white-space: nowrap; 8372 } 8373 8374 /* Center the 3rd link on mobile */ 8375 .cm-footer-text-links a:nth-child(3) { 8376 grid-column: 1 / -1; 8377 text-align: center; 8378 } 8379 8380 .cm-footer-text-links a { 8381 /* font-size: 11px !important; */ 8382 } 8383} 8384</style> 8385 8386<div class="cm-footer-text-links"> 8387 <a class="nb_fs_txt_std" href="/terms-and-conditions/">Terms & Conditions</a> 8388 <a class="nb_fs_txt_std" href="/legal-and-privacy-policies/">Privacy Policy</a> 8389 <a class="nb_fs_txt_std" href="/cookie-policy/">Cookie Policy</a> 8390</div> 8391 8392<!-- footer links section --> 8393<style> 8394.custom-footer-social-media-links-container-mobile { 8395 width: fit-content; 8396 padding-left: 1.07143rem; 8397 padding-right: 1.07143rem; 8398 padding-top: 20px; 8399} 8400 8401.custom-footer-social-media-links-heading { 8402 color: var(--global_primarywhite-color); 8403 /* font-size: 12px; */ 8404} 8405 8406.custom-footer-social-media-links-section { 8407 display: flex; 8408 align-items: center; 8409 gap: 12px; /* spacing between icons */ 8410} 8411 8412.custom-footer-social-media-links-section a img {
8413 width: 20px; 8414 height: 20px; 8415} 8416 8417@media (max-width: 799.9px) { 8418 .custom-footer-social-media-links-container-mobile{ 8419 display:block; 8420 } 8421} 8422 8423@media (min-width: 800px) { 8424 .custom-footer-social-media-links-container-mobile{ 8425 display:none; 8426 } 8427} 8428 8429@media (max-width: 799.9px) { 8430 .custom-footer-social-media-links-container-mobile{ 8431 text-align: center; 8432 width: 100%; 8433 padding-top:2em; 8434 padding-bottom:2em; 8435 } 8436 8437 .custom-footer-social-media-links-section{ 8438 display:flex; 8439 justify-content:center; 8440 } 8441 8442} 8443 8444[data-sub-layout-container="d22360d5-64c1-460f-9736-85d9cc8655ac"]{ 8445 border-bottom: 1px solid #474747; 8446} 8447 8448.cm-footer-copyright-container { 8449 padding: 0px 0 15px 0 !important; 8450 border-top: unset !important; 8451} 8452</style> 8453 8454<div class="custom-footer-social-media-links-container-mobile"> 8455 <h3 class="custom-footer-social-media-links-heading nb_fs_txt_std">Follow Us</h3> 8456 <div class="custom-footer-social-media-links-section"> 8457 <a href="https://www.facebook.com/nextbaseuk/" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/facebook.png" alt="Facebook"></a> 8458 <a href="https://x.com/nextbaseuk/" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/twitter.png" alt="Twitter"></a> 8459 <a href="https://www.youtube.com/channel/UCoNFMZmrszsa-DabhyUY0vg" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/youtube.png" alt="YouTube"></a> 8460 <a href="https://www.tiktok.com/@nextbaseuk" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/tiktok.png" alt="TikTok"></a> 8461 <a href="https://www.linkedin.com/company/nextbase/" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/linkedin.png" alt="LinkedIn"></a> 8462 <a href="https://www.instagram.com/nextbase_uk/" target="_blank"><img src="https://cdn11.bigcommerce.com/s-8mw570y811/images/stencil/original/image-manager/instagram.png" alt="Instagram"></a> 8463 </div> 8464</div> 8465 8466</div> 8467 </div> 8468</div> 8469 8470</div></div> 8471 </div> 8472 <div class="footer-title-sr-only">Footer Start</div> 8473 <div class="container cm-container-footer"> 8474 8475 <div class="cm-footer-copyright-container"> 8476 <div class="cm-footer-country-and-copyright-container"> 8477 <div class="cm-footer-country-selectors navUser-action.region-selector-trigger"> 8478 <a href="#top" 8479 class="navUser-action mricontop country-selector-hide cm-footer-country-click cm-region-click"> 8480 <span class="region-icon cm-footer-img"></span> 8481 <span id="cm-country-name-footer"></span> 8482 </a> 8483 </div> 8484 8485 8486 8487 <div class="cm-footer-copyright-section"> 8488 <span class="cm-footer-Copyright-content"> 8489 Copyright © 2026 Portable Multimedia Ltd T/A Nextbase All Rights Reserved.</span> 8490 </div> 8491 </div> 8492 8493 <div class="cm-footer-social-media-main-container"> 8494 8495 <div class="cm-footer-social-media-container"> 8496 <div class="cm-footer-social-media-heading"> 8497 Follow us 8498 </div> 8499 <ul class="socialLinks socialLinks--alt"> 8500 <li class="socialLinks-item"> 8501 <a class="icon icon--facebook" 8502 href="https://www.facebook.com/NextbaseDashCams" 8503 target="_blank" 8504 rel="noopener" 8505 title="Facebook" 8506 > 8507 <span class="aria-description--hidden">Facebook</span> 8508 <svg> 8509 <use href="#icon-facebook"/> 8510 </svg> 8511 </a> 8512 </li> 8513 <li class="socialLinks-item"> 8514 <a class="icon icon--x" 8515 href="https://twitter.com/NextbaseDashCam" 8516 target="_blank" 8517 rel="noopener" 8518 title="X" 8519 >
8520 <span class="aria-description--hidden">X</span> 8521 <svg> 8522 <use href="#icon-x"/> 8523 </svg> 8524 </a> 8525 </li> 8526 <li class="socialLinks-item"> 8527 <a class="icon icon--instagram" 8528 href="https://www.instagram.com/nextbase/" 8529 target="_blank" 8530 rel="noopener" 8531 title="Instagram" 8532 > 8533 <span class="aria-description--hidden">Instagram</span> 8534 <svg> 8535 <use href="#icon-instagram"/> 8536 </svg> 8537 </a> 8538 </li> 8539 <li class="socialLinks-item"> 8540 <a class="icon icon--youtube" 8541 href="https://www.youtube.com/channel/UCoNFMZmrszsa-DabhyUY0vg" 8542 target="_blank" 8543 rel="noopener" 8544 title="Youtube" 8545 > 8546 <span class="aria-description--hidden">Youtube</span> 8547 <svg> 8548 <use href="#icon-youtube"/> 8549 </svg> 8550 </a> 8551 </li> 8552 <li class="socialLinks-item"> 8553 <a class="icon icon--linkedin" 8554 href="https://www.linkedin.com/company/nextbase/" 8555 target="_blank" 8556 rel="noopener" 8557 title="Linkedin" 8558 > 8559 <span class="aria-description--hidden">Linkedin</span> 8560 <svg> 8561 <use href="#icon-linkedin"/> 8562 </svg> 8563 </a> 8564 </li> 8565 </ul> 8566 </div> 8567 </div> 8568 </div> 8569 <div class="cm-footer-copyright-section-mobile"> 8570 <div class="cm-footer-copyright-section"> 8571 <span class="cm-footer-Copyright-content"> 8572 Copyright © 2026 Portable Multimedia Ltd T/A Nextbase All Rights Reserved.</span> 8573 </div> 8574 </div> 8575 <div data-content-region="ssl_site_seal--global"><div data-layout-id="5787277c-8e02-4325-8457-f1f95df1017f"> <div data-sub-layout-container="a896c351-7a3b-4bdd-93cc-d81a3a07ab12" data-layout-name="Store Specific content change code"> 8576 <style data-container-styling="a896c351-7a3b-4bdd-93cc-d81a3a07ab12"> 8577 [data-sub-layout-container="a896c351-7a3b-4bdd-93cc-d81a3a07ab12"] { 8578 box-sizing: border-box; 8579 display: flex; 8580 flex-wrap: wrap; 8581 z-index: 0; 8582 position: relative; 8583 height: ; 8584 padding-top: 0px; 8585 padding-right: 0px; 8586 padding-bottom: 0px; 8587 padding-left: 0px; 8588 margin-top: 0px; 8589 margin-right: 0px; 8590 margin-bottom: 0px; 8591 margin-left: 0px; 8592 border-width: 0px; 8593 border-style: solid; 8594 border-color: #333333; 8595 } 8596 8597 [data-sub-layout-container="a896c351-7a3b-4bdd-93cc-d81a3a07ab12"]:after { 8598 display: block; 8599 position: absolute; 8600 top: 0; 8601 left: 0; 8602 bottom: 0; 8603 right: 0; 8604 background-size: cover; 8605 z-index: auto; 8606 } 8607 </style> 8608 8609 <div data-sub-layout="6379b0cc-ecad-48d0-bcf9-82432b4c0300"> 8610 <style data-column-styling="6379b0cc-ecad-48d0-bcf9-82432b4c0300"> 8611 [data-sub-layout="6379b0cc-ecad-48d0-bcf9-82432b4c0300"] { 8612 display: flex; 8613 flex-direction: column; 8614 box-sizing: border-box; 8615 flex-basis: 100%; 8616 max-width: 100%; 8617 z-index: 0; 8618 position: relative; 8619 height: ; 8620 padding-top: 0px; 8621 padding-right: 10.5px; 8622 padding-bottom: 0px; 8623 padding-left: 10.5px; 8624 margin-top: 0px; 8625 margin-right: 0px; 8626 margin-bottom: 0px; 8627 margin-left: 0px; 8628 border-width: 0px; 8629 border-style: solid; 8630 border-color: #333333; 8631 justify-content: center; 8632 } 8633 [data-sub-layout="6379b0cc-ecad-48d0-bcf9-82432b4c0300"]:after { 8634 display: block; 8635 position: absolute; 8636 top: 0; 8637 left: 0; 8638 bottom: 0; 8639 right: 0; 8640 background-size: cover; 8641 z-index: auto; 8642 } 8643 @media only screen and (max-width: 700px) { 8644 [data-sub-layout="6379b0cc-ecad-48d0-bcf9-82432b4c0300"] { 8645 flex-basis: 100%; 8646 max-width: 100%; 8647 } 8648 } 8649 </style> 8650 <div data-widget-id="7351c203-cf73-44a4-86ee-9dab460d7a0b" data-placement-id="8877dbcd-85b7-4194-941c-38e9f847894e" data-placement-status="ACTIVE">
8650<script> 8651/** 8652 * ============================================================================ 8653 * CONTENT TEXT REPLACEMENT SCRIPT 8654 * ============================================================================ 8655 * 8656 * PURPOSE 8657 * ------- 8658 * Replaces visible text on the page after it has rendered. 8659 * 8660 * Designed for: 8661 * â BigCommerce 8662 * â Shogun Text Widgets 8663 * â Shogun Custom Widgets 8664 * â Tabs 8665 * â Accordions 8666 * â Lazy-loaded content 8667 * 8668 * IMPORTANT 8669 * --------- 8670 * - Only visible text is replaced. 8671 * - Classes, IDs, data attributes and JavaScript functionality are NOT modified. 8672 * - Safe to use on production. 8673 * 8674 * ============================================================================ 8675 */ 8676 8677(function () { 8678 8679 /** 8680 * ------------------------------------------------------------------------ 8681 * Allowed Domains 8682 * ------------------------------------------------------------------------ 8683 * Add new domains to this array whenever required. 8684 * 8685 * Example: 8686 * "nextbase.com" 8687 * "nextbase.co.uk" 8688 * "nextbase.com.au" 8689 * "nextbase-sandbox-3.mybigcommerce.com" 8690 */ 8691 8692 const ALLOWED_DOMAINS = [ 8693 8694 "nextbase-sandbox-3.mybigcommerce.com", 8695 "nextbase.com", 8696 "nextbase.ca", 8697 ]; 8698 8699 if (!ALLOWED_DOMAINS.includes(window.location.hostname)) { 8700 return; 8701 } 8702 8703 /** 8704 * ------------------------------------------------------------------------ 8705 * Text Replacements 8706 * ------------------------------------------------------------------------ 8707 * Add as many replacements as required. 8708 * 8709 * Format: 8710 * find: Regular Expression 8711 * replace: New text 8712 */ 8713 8714 const REPLACEMENTS = [ 8715 8716 { 8717 find: /Image Stabilisation/gi, 8718 replace: "Image Stabilization" 8719 }, 8720 8721 // Example: 8722 // { 8723 // find: /Colour/gi, 8724 // replace: "Color" 8725 // }, 8726 8727 // { 8728 // find: /Optimise/gi, 8729 // replace: "Optimize" 8730 // }, 8731 8732 // { 8733 // find: /Centre/gi, 8734 // replace: "Center" 8735 // } 8736 8737 ]; 8738 8739 8740 /** 8741 * ------------------------------------------------------------------------ 8742 * Replace Visible Text 8743 * ------------------------------------------------------------------------ 8744 */ 8745 8746 function replaceText(node) { 8747 8748 // Text Node 8749 if (node.nodeType === Node.TEXT_NODE) { 8750 8751 let text = node.nodeValue; 8752 8753 REPLACEMENTS.forEach(function (item) { 8754 text = text.replace(item.find, item.replace); 8755 }); 8756 8757 if (text !== node.nodeValue) { 8758 node.nodeValue = text; 8759 } 8760 8761 return; 8762 } 8763 8764 // Ignore non-element nodes 8765 if (node.nodeType !== Node.ELEMENT_NODE) return; 8766 8767 // Ignore these elements 8768 if (["SCRIPT", "STYLE", "NOSCRIPT", "TEXTAREA"].includes(node.tagName)) { 8769 return; 8770 } 8771 8772 node.childNodes.forEach(replaceText); 8773 } 8774 8775 8776 /** 8777 * ------------------------------------------------------------------------ 8778 * Initial Scan 8779 * ------------------------------------------------------------------------ 8780 */ 8781 8782 function processPage() { 8783 replaceText(document.body); 8784 } 8785 8786 8787 /** 8788 * ------------------------------------------------------------------------ 8789 * Run After Page Load 8790 * ------------------------------------------------------------------------ 8791 */ 8792 8793 window.addEventListener("load", function () { 8794 8795 processPage(); 8796 8797 /** 8798 * Watch for dynamically added content. 8799 * Covers: 8800 * - Shogun 8801 * - AJAX 8802 * - Tabs 8803 * - Accordions 8804 * - Lazy-loaded sections 8805 */ 8806 8807 const observer = new MutationObserver(function (mutations) { 8808 8809 mutations.forEach(function (mutation) { 8810 8811 mutation.addedNodes.forEach(function (node) { 8812 replaceText(node); 8813 }); 8814 8815 }); 8816 8817 }); 8818 8819 observer.observe(document.body, { 8820 childList: true, 8821 subtree: true 8822 }); 8823 8824 }); 8825 8826})(); 8827</script>
8827 8828 8829</div> 8830 </div> 8831</div> 8832 8833</div></div> 8834 <div id="myModal" class="modal" data-reveal style="border-radius: 20px;background: #353948;box-shadow: 0 0 30px #060910;"> 8835 <span class="modal-close" aria-label="Close" role="button"> 8836 <i class="fa fa-times" aria-hidden="true"></i></span> 8837 <div class="modal-content howtobuy" id="howtobuy"></div> 8838 <div class="modal-content" id="howtobuy1"></div> 8839 </div> 8840 8841 <p data-reveal-id="myModal" style="display: none" class="showpopup"></p> </div> 8842 </footer> 8843</div> 8844<div id="phf_integration" style="display:none"></div> 8845 <div class="nb-cookies-container"> 8846 <div class="nb-consent-manager-wrapper" id="nb-consent-manager-wrapper"> 8847 <div id="nb-consent-manager-container"> 8848 <div class="nb-cookie-content"> 8849 <div class="css-10z1g2q nb-cookie-content-wrapper" style="display: block;"> 8850 <div class="nb-cookie-content-section"> 8851 <div class="css-ra9y5f"> 8852 <div class="contentcookies"> 8853 <img src="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/images/stencil/250x32/logo_1757415802__32203.original_1757997075.original.png" alt="nextbase-cookie-logo" class="nb-cookie-logo"> 8854 <br> 8855 <div class="nb-cookie-title">You control your data</div> 8856 <p class="nb-cookie-description">We use cookies to personalize and enhance your browsing experience on our website.</p> 8857 <form class="cookiescontent"> 8858 <ol style="display: inline-table;"> 8859 8860 <li><div class="nb-slider-container"> 8861 Essential 8862 <div class="switch round small disabledcheck"> 8863 <input id="exampleCheckboxSwitc" type="checkbox" name="essential" checked disabled> 8864 <label for="exampleCheckboxSwitc"></label> 8865 </div> 8866 </div> 8867 </li> 8868 8869 <li><div class="nb-slider-container"> 8870 Functional 8871 <div class="switch round small"> 8872 <input id="exampleCheckboxSwitch" type="checkbox" name="functional" value="2"> 8873 <label for="exampleCheckboxSwitch"></label> 8874 </div> 8875 </div> 8876 </li> 8877 <li><div class="nb-slider-container"> 8878 Analytics 8879 <div class="switch round small"> 8880 <input id="exampleCheckboxSwitch1" type="checkbox" name="analytics" value="3"> 8881 <label for="exampleCheckboxSwitch1"></label> 8882 </div> 8883 </div></li> 8884 <li> 8885 <div class="nb-slider-container"> 8886 Advertising 8887 <div class="switch round small"> 8888 <input id="exampleCheckboxSwitch2" type="checkbox" name="targeting" value="4"> 8889 <label for="exampleCheckboxSwitch2"></label> 8890 </div> 8891 </div> 8892 </li> 8893 </ol> 8894 </form> 8895 <p class="cookiescontentdescription nb-cookie-description">
8896 By clicking <span class="acceptbuttonlink">"Accept All Cookies"</span>,you agree to the use of cookies. You can manage your settings through âCookie Preferencesâ or read our policy to 8897 <a href="/cookie-policy/" target="_blank">learn more</a>. 8898 </p> 8899 </div> 8900 </div> 8901 8902 <div class="css-1wn42nw"> 8903 <div class="button_cookies_policy"> 8904 <button class="css-1k76mzs cookie-preferences-button">Cookie Preferences</button> 8905 <button class="rejectall" style="display: none;">Reject All</button> 8906 </div> 8907 <button class="css-a0j149" data-btn-text-cookies="Accept All Cookies">Accept All Cookies</button> 8908 </div> 8909 </div> 8910 </div> 8911 </div> 8912 </div> 8913 </div> 8914</div> 8915 8916 8917<style> 8918 8919.wg-default, .wg-default .country-selector { 8920 position: fixed; 8921 left: 20px !important; 8922 right: unset !important; 8923} 8924 8925</style> 8926 8927
8927<script nonce="">window.__webpack_public_path__ = "https://cdn11.bigcommerce.com/s-jpkc0tnv4j/stencil/38e65070-6704-013f-6375-66379f5904cc/e/88351440-94a8-013f-b863-46687f5e6f27/dist/";</script>
8927 8928
8928<script nonce=""> 8929 function onThemeBundleMain() { 8930 window.stencilBootstrap("page", "{\"breadcrumbs\":[{\"url\":\"https://nextbase.com/\",\"name\":\"Home\"}],\"products\":[],\"phone\":null,\"email\":null,\"address\":null,\"home_Page_Title\":\"Dash Cams,Homepage | Nextbase,Exclusive Offers,4K Dash Cams,Off Road,Large Vehicles,Taxi Bundles,Imagery Solutions,Auto Manufacturers\",\"mob_nav_additional_image\":\"https://cdn11.bigcommerce.com/s-5o7xzmxoo0/images/stencil/original/image-manager/exclusive-offers.png?t=1760692639\",\"mob_nav_additional_image_link\":\"/exclusive-offers/?int-area=topnav\",\"spitit_setting\":\"{\\\"min\\\": 0, \\\"max\\\": 130.00, \\\"instalment\\\": 4} + {\\\"min\\\": 130.01, \\\"max\\\": 5000, \\\"instalment\\\": 6}\",\"klarnaPayLabel\":\"Affirm\",\"nextbasePayLabel\":\"interest-free, using your credit card with <span class=\\\"payMethods\\\">Nextbase Pay</span>\",\"Bestbuy\":true,\"show_bestbuy_on_store\":\"true\",\"Best_buy_heroku_app_link\":\"https://bb-nextbase-orders-app-23d77e4e33e0.herokuapp.com/\",\"react_webdav_installer_net_link\":\"https://nextbase.com\",\"zoomSize\":\"1280x1280\",\"productSize\":\"500x659\",\"genericError\":\"Oops! Something went wrong.\",\"urls\":{\"home\":\"https://nextbase.com/\",\"brands\":\"https://nextbase.com/brands/\",\"search\":\"https://nextbase.com/search.php\",\"compare\":\"https://nextbase.com/compare\",\"sitemap\":\"https://nextbase.com/sitemap.php\",\"contact_us_submit\":\"https://nextbase.com/pages.php?action=sendContactForm\",\"subscribe\":{\"action\":\"https://nextbase.com/subscribe.php\"},\"checkout\":{\"single_address\":\"https://nextbase.com/checkout\",\"multiple_address\":\"https://nextbase.com/checkout.php?action=multiple\"},\"account\":{\"orders\":{\"all\":\"https://nextbase.com/account.php?action=order_status\",\"completed\":\"https://nextbase.com/account.php?action=view_orders\",\"save_new_return\":\"https://nextbase.com/account.php?action=save_new_return\"},\"returns\":\"https://nextbase.com/account.php?action=view_returns\",\"addresses\":\"https://nextbase.com/account.php?action=address_book\",\"inbox\":\"https://nextbase.com/account.php?action=inbox\",\"send_message\":\"https://nextbase.com/account.php?action=send_message\",\"add_address\":\"https://nextbase.com/account.php?action=add_shipping_address\",\"update_action\":\"https://nextbase.com/account.php?action=update_account\",\"details\":\"https://nextbase.com/account.php?action=account_details\",\"recent_items\":\"https://nextbase.com/account.php?action=recent_items\",\"index\":\"https://nextbase.com/account.php\",\"wishlists\":{\"all\":\"https://nextbase.com/wishlist.php\",\"add\":\"https://nextbase.com/wishlist.php?action=addwishlist\",\"edit\":\"https://nextbase.com/wishlist.php?action=editwishlist\",\"delete\":\"https://nextbase.com/wishlist.php?action=deletewishlist\"}},\"auth\":{\"login\":\"https://nextbase.com/login.php\",\"check_login\":\"https://nextbase.com/login.php?action=check_login\",\"create_account\":\"https://nextbase.com/login.php?action=create_account\",\"save_new_account\":\"https://nextbase.com/login.php?action=save_new_account\",\"forgot_password\":\"https://nextbase.com/login.php?action=reset_password\",\"send_password_email\":\"https://nextbase.com/login.php?action=send_password_email\",\"save_new_password\":\"https://nextbase.com/login.php?action=save_new_password\",\"logout\":\"https://nextbase.com/login.php?action=logout\"},\"cart\":\"https://nextbase.com/cart.php\",\"product\":{\"post_review\":\"https://nextbase.com/postreview.php\"},\"gift_certificate\":{\"purchase\":\"https://nextbase.com/giftcertificates.php\",\"redeem\":\"https://nextbase.com/giftcertificates.php?action=redeem\",\"balance\":\"https://nextbase.com/giftcertificates.php?action=balance\"},\"rss\":{\"products\":[]}},\"secureBaseUrl\":\"https://nextbase.com\",\"cartId\":null,\"template\":\"pages/page\",\"validationDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_messages.valid_email\\\":\\\"en\\\",\\\"validation_messages.password\\\":\\\"en\\\",\\\"validation_messages.password_match\\\":\\\"en\\\",\\\"validation_messages.invalid_password\\\":\\\"en\\\",\\\"validation_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_messages.price_max_n
8930ot_entered\\\":\\\"en\\\",\\\"validation_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_messages.field_not_blank\\\":\\\" field cannot be blank.\\\",\\\"validation_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"validationFallbackDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_fallback_messages.valid_email\\\":\\\"en\\\",\\\"validation_fallback_messages.password\\\":\\\"en\\\",\\\"validation_fallback_messages.password_match\\\":\\\"en\\\",\\\"validation_fallback_messages.invalid_password\\\":\\\"en\\\",\\\"validation_fallback_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_fallback_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_fallback_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_fallback_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_fallback_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_fallback_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_fallback_messages.price_max_not_entered\\\":\\\"en\\\",\\\"validation_fallback_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_fallback_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_fallback_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_fallback_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_fallback_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_fallback_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_fallback_messages.field_not_blank\\\":\\\" field cannot be blank.\\\",\\\"validation_fallback_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_fallback_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_fallback_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_fallback_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_fallback_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_fallback_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_fallback_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_fallback_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"validationDefaultDictionaryJSON\":\"{\\\"locale\\\":\\\"en\\\",\\\"locales\\\":{\\\"validation_default_messages.valid_email\\\":\\\"en\\\",\\\"validation_default_messages.password\\\":\\\"en\\\",\\\"validation_default_messages.password_match\\\":\\\"en\\\",\\\"validation_default_messages.invalid_password\\\":\\\"en\\\",\\\"validation_default_messages.field_not_blank\\\":\\\"en\\\",\\\"validation_default_messages.certificate_amount\\\":\\\"en\\\",\\\"validation_default_messages.certificate_amount_range\\\":\\\"en\\\",\\\"validation_default_messages.price_min_evaluation\\\":\\\"en\\\",\\\"validation_default_messages.price_max_evaluation\\\":\\\"en\\\",\\\"validation_default_messages.price_min_not_entered\\\":\\\"en\\\",\\\"validation_default_messages.price_max_n
8930ot_entered\\\":\\\"en\\\",\\\"validation_default_messages.price_invalid_value\\\":\\\"en\\\",\\\"validation_default_messages.invalid_gift_certificate\\\":\\\"en\\\"},\\\"translations\\\":{\\\"validation_default_messages.valid_email\\\":\\\"You must enter a valid email.\\\",\\\"validation_default_messages.password\\\":\\\"You must enter a password.\\\",\\\"validation_default_messages.password_match\\\":\\\"Your passwords do not match.\\\",\\\"validation_default_messages.invalid_password\\\":\\\"Passwords must be at least 7 characters and contain both alphabetic and numeric characters.\\\",\\\"validation_default_messages.field_not_blank\\\":\\\"The field cannot be blank.\\\",\\\"validation_default_messages.certificate_amount\\\":\\\"You must enter a gift certificate amount.\\\",\\\"validation_default_messages.certificate_amount_range\\\":\\\"You must enter a certificate amount between [MIN] and [MAX]\\\",\\\"validation_default_messages.price_min_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_default_messages.price_max_evaluation\\\":\\\"Min. price must be less than max. price.\\\",\\\"validation_default_messages.price_min_not_entered\\\":\\\"Min. price is required.\\\",\\\"validation_default_messages.price_max_not_entered\\\":\\\"Max. price is required.\\\",\\\"validation_default_messages.price_invalid_value\\\":\\\"Input must be greater than 0.\\\",\\\"validation_default_messages.invalid_gift_certificate\\\":\\\"Please enter your valid certificate code.\\\"}}\",\"carouselArrowAndDotAriaLabel\":\"Go to slide [SLIDE_NUMBER] of [SLIDES_QUANTITY]\",\"carouselActiveDotAriaLabel\":\"active\",\"carouselContentAnnounceMessage\":\"You are currently on slide [SLIDE_NUMBER] of [SLIDES_QUANTITY]\",\"storefrontApiToken\":\"eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL25leHRiYXNlLmNvbSJdLCJlYXQiOjE3OTA0MTc4NTYsImlhdCI6MTc5MDI0NTA1NiwiaXNzIjoiQkMiLCJzaWQiOjEwMDIwOTQxNzcsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.S3S8xGMbF8uyiL_bUG2PwaaR0od0soYqNqRRDUwUuFqoMazRUJqvd_Q1Hl_rSifM5-bpGUwWAuXVgHI7WoWHAw\",\"store_logo\":{\"string\":\"https://cdn11.bigcommerce.com/s-jpkc0tnv4j/images/stencil/250x32/logo_1757415802__32203.original_1757997075.original.png\"},\"includeTaxPrice\":\"false\",\"CurrencySelector\":\"USD\",\"PageTitle\":\"Homepage | Nextbase\",\"clarna_installment_display\":\"false\",\"clarna_installment_divide_count\":\"splitit\",\"klarnaMessage\":\"Affirm\",\"cartShippingMessage\":\"Dash Cams,Smart Dash Cams,Modules,Exclusive Offers,Rear Cam Modules\",\"splite_installment_display\":true,\"spliteMessage\":\"Affirm\",\"exclusive_Page_Title\":\"Exclusive Offers,Exclusive Offers New, Renewed Dashcams,Christmas Offers,4K Dash Cams,Off Road,Large Vehicles,Taxi Bundles\",\"giftWrappingRemoveMessage\":\"Are you sure you want to remove the gift wrapping from this item?\",\"pageTitle\":\"Homepage | Nextbase\"}").load(); 8931 8932 function browserSupportsFormData() { 8933 return typeof FormData !== 'undefined' 8934 && !!FormData.prototype.keys; 8935 } 8936 function loadFormDataPolyfillScript(src) { 8937 var formDataPolyfillScript = document.createElement('script'); 8938 formDataPolyfillScript.src = src; 8939 formDataPolyfillScript.onerror = function () { 8940 console.error('Failed to load formData polyfill script ' + src); 8941 }; 8942 document.body.appendChild(formDataPolyfillScript); 8943 } 8944 8945 if (!browserSupportsFormData()) { 8946 loadFormDataPolyfillScript('https://cdn11.bigcommerce.com/s-jpkc0tnv4j/stencil/38e65070-6704-013f-6375-66379f5904cc/e/88351440-94a8-013f-b863-46687f5e6f27/dist/theme-bundle.polyfill_form_data.js'); 8947 } 8948 } 8949 </script>
8949 8950
8950<script id="theme-bundle-main" nonce="" async defer src="https://cdn11.bigcommerce.com/s-jpkc0tnv4j/stencil/38e65070-6704-013f-6375-66379f5904cc/e/88351440-94a8-013f-b863-46687f5e6f27/dist/theme-bundle.main.js"></script>
8950 8951
8951<script nonce=""> 8952 const scriptElement = document.getElementById('theme-bundle-main'); 8953 8954 if (scriptElement) { 8955 if (typeof window.stencilBootstrap === 'function') { 8956 onThemeBundleMain(); 8957 } else { 8958 scriptElement.addEventListener('load', onThemeBundleMain, { once: true }); 8959 } 8960 } else { 8961 console.error('Could not find script element with id "theme-bundle-main"'); 8962 } 8963 </script>
8963 8964 8965
8965<script type="text/javascript" src="https://cdn11.bigcommerce.com/shared/js/csrf-protection-header-5eeddd5de78d98d146ef4fd71b2aedce4161903e.js"></script>
vendor: 1 bytes, line 8965
8965
8966<script data-bc-cookie-consent="4" type="text/plain" src='https://admin.revenuehunt.com/embed.js?shop=portable-multimedia-limited.mybigcommerce.com' ></script>
8966<script src='https://na.shgcdn3.com/collector.js' async ></script>
8966<script src='https://static.klaviyo.com/onsite/js/X6W7RV/klaviyo.js?company_id=X6W7RV' async ></script>
8966<script src='https://cdn.pushowl.com/latest/sdks/pushowl-bigcommerce.js?subdomain=jpkc0tnv4j&environment=production&platform=bigcommerce&guid=c5686b40-8d09-4d18-98b7-21b9204735f1' async ></script>
8966<script> 8967/* 8968 8969if (~window.location.href.indexOf("/hub/tag/support") || ~window.location.href.indexOf("/help-and-support/") || ~window.location.href.indexOf("/contact-us/") || ~window.location.href.indexOf("/cart.php") || window.location.href.includes("build-own-bundle") || window.location.href.includes("build-your-own-bundle") || ~window.location.href.indexOf("/checkout")) { 8970 8971 var script = document.createElement('script'); 8972 script.type = 'text/javascript'; 8973 script.id = 'ze-snippet'; 8974 script.async = true; 8975 script.src = 'https://static.zdassets.com/ekr/snippet.js?key=d00d297c-5a4e-4aea-b534-074b84db85f1'; 8976 document.getElementsByTagName('head')[0].appendChild(script); 8977 8978} 8979 8980/* 8981</script>
8981<script> 8982 seller_type = localStorage.getItem('seller_type') 8983 8984 // section for selling country 8985 if (seller_type === 'S') { 8986 $(".show-for-selling-country").show() 8987 } else { 8988 $(".show-for-selling-country").hide() 8989 } 8990 8991 // section for non selling country 8992 if (seller_type === 'N') { 8993 $(".show-for-content-country").show() 8994 } else { 8995 $(".show-for-content-country").hide() 8996 } 8997</script>
8997 8998<!-- country wise hide section -->
8999<script> 9000// <!-- country wise hide section --> 9001 9002 var country_sku = localStorage.getItem('Country_sku') ? localStorage.getItem('Country_sku').toLowerCase() : false 9003 if(country_sku) 9004 { 9005 $('body').prepend(`<style>.hide-this-section-for-${country_sku} { display: none !important;}</style>`) 9006 } 9007 //$(`.hide-this-${country_sku}`).remove() 9008 9009 9010// <!-- country wise show section --> 9011 9012const countrySku1 = (localStorage.getItem('Country_sku') || '').toLowerCase(); 9013console.log("#### country wise show section01", countrySku1) 9014if (countrySku1) { 9015 $('head').append(` 9016 <style> 9017 [class*="show-this-section-for-"] { 9018 display: none !important; 9019 } 9020 9021 .show-this-section-for-${countrySku1} { 9022 display: block !important; 9023 } 9024 </style> 9025 `); 9026} 9027</script>
vendor: 1 bytes, line 9027
9027
9028<script type="text/javascript"> 9029 // klaviyo script 9030</script>
9030 9031
9032<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=X6W7RV"></script>
9032<script type="text/javascript"> 9033$(document).ready(function() { 9034console.log("coupencode"); 9035function getQueryVariable() { 9036 var params = new Proxy(new URLSearchParams(window.location.search), { 9037 get: (searchParams, prop) => searchParams.get(prop), 9038 }); 9039 console.log("url parameters", params); 9040 let couponCode = params.couponcode; 9041 console.log("url parameters", couponCode); 9042 console.log("coupencode return", couponCode); 9043 return couponCode 9044 //console.log("url parameters couponCode", couponCode); 9045} 9046 9047var couponCode = getQueryVariable(); 9048 9049if(couponCode) { 9050$("#couponcode").val(couponCode); 9051$(".cart-form.coupon-code input[type='submit']").trigger('click'); 9052} 9053}); 9054 9055</script>
9055<script data-cfasync="false" data-dd-sm-ignore="true" data-cookieconsent="ignore" id="wsa-tag-manager-javascript-f-test" nonce="">!function(w,d){if(d.location.href.indexOf('showHidden=true')<0&&d.location.href.indexOf('shogun.page/previews')<0){w.TagRocket=w.TagRocket||{};var T=w.TagRocket;T.tef=[];w.onerror=function(m,s,l,c,e){T.tef.push((l?(l+' '):'')+(c?(c+' '):'')+m+(m.colno?(':'+m.colno):'')+(s?(' '+s):''));};var m=new Date().toISOString(),q='wsa-tag-manager-javascript-',z;T.taf=function(s){w.dataLayer=w.dataLayer||[];if(!w.gtag){w.gtag=function(){dataLayer.push(arguments)};gtag('js',new Date);t=d.createElement('script');t.async=!0;t.setAttribute('src','https://www.googletagmanager.com/gtag/js?id=G-7XTJM93TLW');d.head.appendChild(t)};if(!w.wsa_tre){var n='denied';gtag('consent',{functionality_storage:n,ad_storage:n,analytics_storage:n,ad_user_data:n,ad_personalization:n,personalization_storage:n,security_storage:n});gtag('config',"G-7XTJM93TLW",{groups:'TagRocketErrorTracking',send_page_view:false});;gtag('config',"G-7P4TZFQL4H",{groups:'TagRocketErrorTracking',send_page_view:false});gtag('event','tag_rocket_error',{send_to:["G-7P4TZFQL4H"],description:'Script Failure',app_version:'3.47.31',tag_rocket_version:'1.93',ua:navigator.userAgent});};w.wsa_tre=1;if(w.console)console.error('Tag Rocket (f): '+s,T.tef);T.tef.forEach(function(e){gtag('event','app_error',{send_to:'G-7XTJM93TLW',scope:s,description:s+' 3.47.31 f '+e,message:'f '+e,app_version:'3.47.31',automatic:0,tag_rocket_version:'1.93',pagedatetime:m,datetime:m,ua:navigator.userAgent,tags:"unknown",environment:'Production'})})};p=function(){if(!T.ts&&!d.getElementById(q+'second'))T.taf('Header Script Missing');else if(!T.tss)T.taf('Header Script Failure1');else if(!T.ts)T.taf('Header Script Failure2');if(!T.tm&&!d.getElementById(q+'main'))T.taf('Footer Script Missing');else if(!T.tm)T.taf('Footer Script Failure')};if(w.addEventListener)w.addEventListener('DOMContentLoaded',p);else w.attachEvent('onDOMContentLoaded',p)}}(window,document)</script>
vendor: 2 bytes, line 9055
9055
9056<script data-cfasync="false" data-dd-sm-ignore="true" data-cookieconsent="ignore" id="wsa-tag-manager-javascript-main" nonce=""> 9057/* 9058 Web Site Advantage: Tag Rocket App 2 of 2 Footer [1.94.85691] Proprietary Runtime 9059 Licensed for use only by authorised Web Site Advantage customers. 9060 Copyright (C) 2020 - 2026 Web Site Advantage Pty Ltd. 9061*/ 9062 9063!function(w,d){if(d.location.href.indexOf('showHidden=true')<0&&d.location.href.indexOf('shogun.page/previews')<0){var T=w.TagRocket;try{if(!T)return;T.y=function(a){return T.F(T.u(a))};T.u=function(a){return T.F(T.getProductId('GoogleAds','ItemGroupId',a,"[[pid]]"))};T.q=function(a){a.google_business_vertical='retail';return a};T.F=function(a){return T.K(a,/ /g)};T.ag=function(a,b,c){a.item_list_name=b;a.item_list_id=c;if(a.items)T.e(a.items,function(e){T.ag(e,b,c)});return a};T.aa=function(a){var b=a.couponCodes,c=a.taxTotal,e=a.shippingMethod,f,g=[],h;T.e(T.aj(a.items,200),function(i){h=T.af(i);if(h)g.push(h)});f={value:a.grandTotal,currency:a.currency.code,items:g};T.p(f,'tax',c);T.p(f,'coupon',b);T.p(f,'shipping_tier',e);return f};T.af=function(a,b){var c=a.price,e=a.totalDiscount,f=a.couponCodes,g=a.category,h=a.quantity,i=a.index,j=a.brand,k,l={item_id:T.aN(a),item_name:a.name};if(T.w(c))l.price=c;if(a.isVariant){k=a.variantName;if(k)l.item_variant=''+k}if(e)l.discount=T.r(e/(h||1),2);T.p(l,'coupon',f);T.p(l,'reason',b);T.p(l,'quantity',h);T.p(l,'index',i);l.item_brand=j?j:'(no brand)';var m='(no visible category)',n=[m];if(g){n=g.breadcrumbs;m=g.path}l.item_category=m;l.item_category2=n.slice(0,1).join("/");l.item_category3=n.slice(0,2).join("/");l.item_category4=n.slice(0,3).join("/");l.item_category5=n.slice(0,4).join("/");if(T.aO('GoogleAnalyticsFourItemPending',{product:a,item:l}))return l};T.aN=function(a){return T.getProductId('GA4','ItemGroupId',a,"[[pid]]")};T.az=function(a,b){var c=T.O(b.name);T.t('GF27',function(){T.Y(a,{promotion_id:b.id,promotion_name:c,creative_name:c,creative_slot:b.location,items:[{promotion_id:b.id,promotion_name:c,creative_name:c,creative_slot:b.location}]});},1);};T.bf=function(a){return T.bd(a)};T.bd=function(a){return T.getProductId('FacebookAds','ItemGroupId',a,"[[pid]]")};T.U('load',function(){T.bi(function(){if(!T.bj()){T.t('SB2',function(){var a='Featured Products',b='New Products',c='Most Popular Products',e=[],f=[],g=[];if(T.bk(e))T.bl({reason:'List',items:e},function(h){T.bm({type:a,items:h.items,category:a,name:a,listName:a,id:'featured_products'})});if(T.bk(f))T.bl({reason:'List',items:f},function(h){T.bm({type:b,items:h.items,category:b,name:b,listName:b,id:'new_products'})});if(T.bk(g))T.bl({reason:'List',items:g},function(h){T.bm({type:c,items:h.items,category:c,name:c,listName:c,id:'most_popular_products'})});},1);}T.ah='SearchPage';T.o(T.ah,function(a){T.Y('search',{search_term:a.term})},'GF5',1);if(T.bp){T.br(T.ah,{term:T.bp});}T.t('SB21',function(){T.bt(d);if(T.bj()){T.bu(T.bv("["+T.bw+"='list']["+T.bx+"]"));}},1);if(T.bj()){T.t('SB21b',function(){T.by(T.bz());T.bA()},1);}if(!T.bj()){ }T.aw='LinkClick';T.o(T.aw,function(a){var b={link_url:T.O(a.href),description:T.O(a.label),value:a.value};T.p(b,'currency',T.j);T.Y('click_'+(T.ax(T.O(a.category)).split(" ")[0]),b)},'GF22',1);T.t('SB17',function(){var a='Social',b=function(c){return new RegExp('^https?://[a-zA-Z.]*'+c,'i')},e=[{f:/^tel:/i,g:'Phone',h:'@',i:1.0},{f:/^mailto:/i,g:'Email',h:'@',i:1.0},{f:/^https?:\/\//i,j:1,g:'Outbound Link',h:'@',i:0.0},{f:/^.*\.(pdf|zip|docx|doc|txt|msi|xlsx|xls|rtf|csv|exe|7z|pkg|rar|gz|zip|avi|mov|mp4|wmv|mp3|wav|wma)?(\?.*)?$/i,g:'Download',h:'@',i:1.0},{f:b('facebook.com/'),g:a,h:'Facebook',i:1.0},{f:b('plus.google.com/'),g:a,h:'Google+',i:1.0},{f:b('linkedin.com/'),g:a,h:'LinkedIn',i:1.0},{f:b('youtube.com/'),g:a,h:'YouTube',i:1.0},{f:b('twitter.com/'),g:a,h:'Twitter',i:1.0},{f:b('instagram.com/'),g:a,h:'Instagram',i:1.0},{f:b('pinterest.com/'),g:a,h:'Pinterest',i:1.0},{f:b('tumblr.com/'),g:a,h:'Tumblr',i:1.0}],k=[/^https?:\/\/cdn[0-9]+\.bigcommerce\.com\//i,/^https?:\/\/[^\/]*\.mybigcommerce\.com\//i],l=function(m){return T.e(k,function(n){if(m.match(n))return 1})},o=function(p){if(T.bB(p.tag,'clicked-'+T.K(p.category,/\s+/g))){if
9063(T.bC(p.tag,'target')=='_blank'){T.bi(function(){T.br(T.aw,p)},0,'LinkClick Yield')}else{T.br(T.aw,p)}}return true},m,q=d.getElementsByTagName('a');T.e(q,function(r){if(T.bD(r,'href')){m=T.bC(r,'href');if(!l(m)){T.e(e,function(s){if((!s.j||w.location.host!=r.host)&&m.match(s.f)){T.bE(r,'click',(function(){var p={tag:r,href:m,category:s.g,label:T.K(s.h,'@',m),value:s.i};return function(){return o(p)}})())}})}}})},1);},1e3,'Wait For On Load')});T.ap='SiteLogin';T.aq='SiteLogout';T.o(T.ap,function(a){T.Y('login',{method:a.method})},'GF17',1);T.o(T.aq,function(){T.Y('logout',{method:'site'})},'GF18',1);T.t('SB1',function(){var a=T.d.id?'y':'n',b=T.bF('wsa-l')||'n',c='site';if(b!=a){if(a=='y'){T.br(T.ap,{method:c})}else{T.br(T.aq,{})}T.bG('wsa-l',a)}},1);T.t('SB8b',function(){var a=T.bH("form[action='/subscribe.php']"),b=T.bI('nl_email');if(a&&b){T.bE(a,'submit',function(){T.bG('wsa-se',T.ax(b.value))})}},1);T.C='CheckoutStep5OrderCompleted';T.o(T.C,function(a){var b=a.orderAmount,c=[],e=0,f=0,g={value:b,currency:a.currency.code,transaction_id:''+a.orderId},h={value:b,currency:a.currency.code,transaction_id:''+a.orderId};if(a.totalDiscount){g.discount=a.totalDiscount;f=g.discount}T.e(a.items,function(i){e+=i.listPrice;c.push({id:T.y(i),price:i.listPrice,quantity:i.quantity,google_business_vertical:'retail'})});g.items=c;h.items=T.D(c);g.send_to="AW-11285666033/5XrYCOuGlMwYEPGxtoUq";T.k('purchase',g,''+d.location+'/order-'+T.E,);T.k('purchase',h,''+d.location+'/order-'+T.E,);},'GA6',1);T.o(T.C,function(a){var b=a.couponCodes,c=a.paymentMethod,e=a.shippingMethod,f,g={method:'www',tax:a.taxTotal,shipping:a.shippingCostTotal,value:a.orderAmount,currency:a.currency.code,transaction_id:''+a.orderId,items:[]},h;T.p(g,'new_customer',a.new_customer);T.p(g,'coupon',b);T.p(g,'payment_type',c);T.p(g,'shipping_tier',e);T.e(T.aj(a.items,200),function(i){f=T.af(i);if(f)g.items.push(f)});h=T.D(g);T.Y('add_payment_info',g);T.Y('purchase',h);},'GF8',1);T.o(T.C,function(a){var b={order_id:''+a.orderId,content_type:'product',currency:a.currency.code,value:a.orderAmount,contents:[],content_ids:[],num_items:0};if(a.couponCodes)b.promo_code=a.couponCodes;T.e(a.items,function(c){var e=c.variantName,f=c.brand,g=c.category,h=c.quantity,i={id:T.bf(c),quantity:h,item_price:c.listPrice,title:c.name};b.num_items+=h;if(e)i.variant=e;if(f)i.brand=f;if(g)i.category=g.path;b.contents.push(i);b.content_ids.push(i.id)});T.aX('AddPaymentInfo',b);T.aX('Purchase',b,0,'order'+b.order_id)},'FA11',1);T.processOrder=function(a){T.t('SB11',function(){var b=new Date(),c=T.bF('wsa-ci');if(c!=a){T.E=a;T.bQ('/api/storefront/orders/'+a,function(e,f){T.t('SB11b',function(){if(e>0){try{var g=new Date("2024-04-29"),h=new Date("2023-05-19"),i=new Date(b.getTime()-466560e5),j=T.bF('wsa-lo'),k;if(j){k=new Date(j);f.new_customer=k<i;}else if(g<i||(!c&&h<i))f.new_customer=!0;}catch(l){T.a('SB25b','new_customer error: '+(l.message||l),1,l)}T.order=f;f.shippingMethod=T.bF('wsa-sm');f.paymentMethod=T.bF('wsa-pm');T.bW(f);T.bl({reason:'Order',cart:f},function(m){T.bo(m,'Order');f=m.cart;T.f(T.C,f);T.bX=!0;while(T.gq&&T.bk(T.gq)){var n=T.gq[0];T.gq.splice(0, 1);gtag.apply(null,n)}T.bG('wsa-ci',T.E);T.bG('wsa-lo',b.toISOString());T.bJ('wsa-c');T.bJ('wsa-cc');T.bJ('wsa-sm');T.bJ('wsa-pm')})}else{T.a('SB25','Failed to get order: '+f+' '+T.E,1)}},1)})}},1);};T.x='CartItemChanged';T.ak='CartPage';T.bY=0;T.o(T.x,function(a){var b=a.item,c=a.change;if(c>
90630)T.k('add_to_cart',{value:b.price*c,currency:b.currency,items:[{id:T.y(b),google_business_vertical:'retail'}]})},'GA5',1);T.o(T.x,function(a){var b=a.item,c=a.change,e=c>0&&'add_to_cart'||'remove_from_cart',f=T.af(b),g={currency:b.currency,value:T.r(Math.abs(b.price*c),3),items:[f]};if(f){f.quantity=Math.abs(c);T.Y(e,g)}},'GF4',1);T.o(T.x,function(a){if(a.change>0){var b=a.item,c=a.change,e=b.price,f=b.variantName,g=b.brand,h=b.category,i={id:T.bf(b),quantity:c,title:b.name},j={content_ids:[i.id],contents:[i],content_type:'product',currency:b.currency};if(T.w(e)){i.item_price=T.r(e,3);j.value=T.r(e*c,3)}if(f)i.variant=f;if(g)i.brand=g;if(h)i.category=h.path;T.aX('AddToCart',j)}},'FA6',1);T.o(T.ak,function(a){var b,c=[];T.e(T.aj(a.items,200),function(e){b=T.af(e);if(b)c.push(b)});T.Y('view_cart',{value:a.grandTotal,currency:a.currency.code,items:c})},'GF10',1);T.bZ=function(a,b,c){T.ca++;var e={change:a,cart:c,item:b,currency:c.currency.code,price:b.price,quantity:b.quantity,productId:b.productId,productSku:b.productSku,name:b.name};T.br(T.x,e)};T.checkCart=function(f){var g='Check';if(!localStorage||Math.abs(new Date-T.bY)<50)return;T.bY=new Date;T.t('SB12',function(){T.bJ('wsa-cc');T.bQ('/api/storefront/carts',function(h,i){T.t('SB12b',function(){if(h>0){if(i&&T.bk(i)){T.bl({reason:g,cart:i[0],response:i},function(e){T.bo(e,g);var c=e.cart;T.bR(c)})}else{T.bR({items:[],currency:{code:T.j}})}}},1)})},1)};if(!T.bF('wsa-c')||T.bF('wsa-cc')=='y')T.checkCart();T.aB='JavaScriptError';T.cb=0;T.o(T.aB,function(a){if(typeof T.O!="function")T.a('GF24','LimitText is not a function',1,a);if(typeof T.Y!="function")T.a('GF24','GoogleAnalyticsFourEventAsync is not a function',1,a);T.Y(T.aC,{description:T.O('JavaScript: '+a.action+' * '+a.label),error_type:'javascript',error_object_type:T.O(a.type),error_message:T.O(a.message),error_filename:T.O(a.filename),error_lineno:a.lineno,error_colno:a.colno,fatal:false})},'GF24',1);T.aM='LoadError';T.cc=0;T.o(T.aM,function(a){var b=a.targetUrl,c=(a.target&&a.target.nodeName)||'',e='Load '+T.ax(c)+' tag error '+a.targetPath;T.Y(T.aC,{description:T.O(e+': '+b),error_type:'network',error_message:T.O(e),error_object_type:T.O(c),error_filename:T.O(b),fatal:false})},'GF32',1);T.ef=function(a,b,c,e,f){if(!T.cd){var g,h,i='',j='',k,l,m=a.target;T.cd=1;try{if(m&&m!=w&&m.nodeName){T.cd=a;l=m.getAttribute('src');if(!l)l=m.getAttribute('href');if(l){if(!l.indexOf||l.indexOf('bat.bing')<0){T.cd.targetUrl=l;T.cd.targetPath=T.cg(m);if(T.cc<6){T.br(T.aM,T.cd)}}};return}try{if(a){if(typeof a=='string'){h='Message';i=a}else{b=a.filename;c=a.lineno;e=a.colno;f=a.error;i=a.message;if(a.filename){h='Event'}else if(a.originalEvent){g=a.originalEvent;h='Intercepted Event';b=b||g.filename;c=c||g.lineno;e=e||g.colno;f=f||g.error;i=i||g.message}else{h='Object';i=T.ch(a,Object.getOwnPropertyNames(a))}}}i=i||'Unknown';if(b)j+=b;if(c){if(j!=='')j+=': ';j+='L'+c;if(e)j+=' C'+e;}if(j!=='')j+=': ';j+=i;k=h+' error=';if(f){if(typeof f=='string'){k+=f;}else{k+=T.ch(f,Object.getOwnPropertyNames(f));}}else{k+='null'}}catch(f){h='Handler ERROR';i='The error processor had an error! '+f;T.a('OE1',i,1,f)}finally{if(!i.indexOf)T.a('OE2','No message.indexOf because it is a '+(typeof i),1,f);if(!i.indexOf||i.indexOf('Invalid login')<0){if(i=='{"isTrusted":true}')i='Cross Origin Script Error';T.cd={type:h,message:i,filename:b,lineno:c,colno:e,error:f,action:j,label:k};T.cb++;if(T.cb<6){T.br(T.aB,T.cd)}}}}finally{T.cd=0}}};if(T.eq){T.e(T.eq,function(n){T.ef.apply(T,n)});};T.aD='ConsoleError';T.ct=1;T.o(T.aD,function(a){T.Y(T.aC,{description:T.O('Console: '+a.message),error_message:T.O(a.message),error_type:'console',fatal:false})},'GF25',1);T.ci=0;T.cj=function(a){T.ci++;if(T.ci<6&&T.ct){var b='',c=0,e;while(T.bk(b)<200&&T.bk(a)>c){e=a[c];if(b)b+=', ';if(typeof e=='string')b+=e;else b+=T.ch(e);c++};if(b)T.br(T.aD,{message:b})}};T.cf=function(){T.cj(arguments)};if(T.cq)T.e(T.cq,function(a){T.cj(a)});T.aE='JsonLdError';T.o(T.aE,function(a){T.Y(T.aC,{description:T.O('JSON-LD: '+a.error),error_message:T.O(a.error),error_type:'jsonld',fatal:false})},'GF26',1);
9063T.o(T.aE,function(a){T.a((a.element.id&&a.element.id.startsWith('wsa-rich-snippets'))?'JsonLdUs':'JsonLdOther',a.error,0,a.element)},1);T.bi(function(){T.e(T.bv("script[type='application/ld+json']"),function(a){if(a.text.trim()!=''){try{T.ck(T.K(T.K(a.text.trim(),/^(\/\/\s*)?<!\[CDATA\[|(\/\/\s*)?\]\]>$/g),/\n|\r|\t/g))}catch(b){T.br(T.aE,{error:''+b,element:a})}}})},6e3,'Json-LD Check');T.aF='WebVitalsComplete';T.cl='WebVitalsPending';T.cm={};T.o(T.aF,function(a){var b=a.metric,c=b.attribution,e=T.M(),f={metric_id:b.id,metric_value:T.r(b.value,3),value:T.r(b.delta,3)};f.metric_rating=b.rating;if(b.debugTarget){f.debug_target=b.debugTarget.substring(0,100);f.debug_target2=b.debugTarget.substring(100)}T.p(f,'navigation_type',b.navigationType);T.p(f,'load_state',c.loadState);T.p(f,'lcp_url',c.url);T.p(f,'ttfb',c.timeToFirstByte);T.p(f,'lcp_resource_load_delay',c.resourceLoadDelay);T.p(f,'lcp_element_render_delay',c.elementRenderDelay);T.p(f,'inp_interaction_type',c.interactionType);T.p(f,'inp_interaction_time',c.interactionTime);T.p(f,'cls_largest_shift_time',c.largestShiftTime);T.p(f,'ttfb_waiting_duration',c.waitingDuration);if(e){T.p(f,'downlink',e.downlink);T.p(f,'rtt',e.rtt)}T.Y(b.name,f)},'GF28',1);T.t('SB16',function(){var a=function(b){if(!b.value&&b.value!=0){T.a('SB16b','Web Vital '+b.name+' missing value',1,b);T.aV('Web Vital '+b.name+' missing value',b);return}var c=b.attribution;if(c)b.debugTarget=c.element||c.target||c.interactionTarget||c.largestShiftTarget;T.cm[b.name]=b;T.I(function(){if(T.aO(T.cl,{metric:b})){T.f(T.aF,{metric:b});T.cm[b.name]=b;}});};T.bc('https://unpkg.com/[email protected]/dist/web-vitals.attribution.iife.js',{crossOrigin:"anonymous",fetchPriority:"low",onvisible:!1},function(){var e=webVitals;e.onFCP(a);e.onLCP(a);e.onCLS(a);e.onTTFB(a);e.onINP(a);if(T.cn)T.cn()})},1);T.aG='PerformanceMetrics';T.o(T.aG,function(a){var b=a.metrics,c=b.responseEnd,e=T.M(),f={},g={};if(e){T.p(f,'downlink',e.downlink);T.p(f,'rtt',e.rtt);T.p(g,'downlink',e.downlink);T.p(g,'rtt',e.rtt)}if(c){f.metric_value=c;f.metric_id='ttlb'+T.aH;f.metric_rating=c<=800?'good':(c>1800?'poor':'needs-improvement');T.Y('TTLB',f)}c=b.finalResponseHeadersStart;if(c){g.metric_value=c;g.metric_id='frhs'+T.aH;g.metric_rating=c<=800?'good':(c>1800?'poor':'needs-improvement');T.Y('FRHS',g)}},'GF33b',1);T.co=1;T.cp=function(){if(T.co&&d.visibilityState=='hidden'){T.co=0;T.cr('hidden')}};T.cs=function(){if(T.co){T.co=0;T.cr('hidden')}};T.cr=function(a){var b={},c=T.cm,e=T.cu;if(e){['activationStart','fetchStart','requestStart','responseStart','responseEnd','domContentLoadedEventStart','domContentLoadedEventEnd','loadEventStart','loadEventEnd','transferSize','finalResponseHeadersStart','type','redirectCount'].forEach(function(f){if(e[f]||e[f]==0)b[f]=T.r(e[f])});if(c.FCP)b.fcp=T.r(c.FCP.value);if(c.CLS){b.cls=T.r(c.CLS.value,3);if(c.CLS.debugTarget){b.clsSelectorPart1=c.CLS.debugTarget.slice(0,100);b.clsSelectorPart2=c.CLS.debugTarget.slice(100)}}if(c.LCP){b.lcp=T.r(c.LCP.value);if(c.LCP.debugTarget){b.lcpSelectorPart1=c.LCP.debugTarget.slice(0,100);b.lcpSelectorPart2=c.LCP.debugTarget.slice(100)}}T.e(T.N('paint'),function(g){if(g.name=='first-paint')b.fp=T.r(g.startTime);});T.cv=b;T.br(T.aG,{eventType:a,metrics:b})}};T.cn=function(){T.bE(w,'visibilitychange',T.cp);T.U('pagehide',T.cs)};T.I(function(){var a=0,b='StencilUtils',c=b+' Check ';e=function(){a++;if(w.stencilUtils){T.br(b,w.stencilUtils);['cart-item-add-remote','cart-item-remove-remote'].forEach(function(a){w.stencilUtils.hooks.on(a,function(b){T.t('SB13',function(){T.checkCart()},1)})});T.ai='QuickSearch';T.o(T.ai,function(a){T.Y('quick_search',{search_term:a.term})},'GF5b',1);w.stencilUtils.hooks.on('search-quick',function(a){T.cw=T.be(a,'target.value');T.cx=T.cy(T.cx,function(){if(T.cw&&T.bk(T.cw)>2)T.br(T.ai,{term:T.cw})},1e3)})}else a<9&&T.bi(e,1e3,c+a)};T.bi(e,1,c)});T.cz();T.cA();T.cB();T.cC();}catch(e){T.tef=T.tef||[];T.tef.push(e);if(T.a)T.a('FOOT',''+e,1,e);else if(T.taf)T.taf('Footer Script ISSUE')}T.tm=1}}(window,document) 9064 9065</script>
9065
9066<script>if(void 0===window._SaleSchedulerCountdown){function t(){"use strict";var t={};t.settings={store:""},t.data={products:[]},t.unixtime=0,t.targetURL=null,t.productName=null,t.component=function(t,e){return parseFloat(t)/parseFloat(e)},t.getParameterByName=function(t,e){e||(e=window.location.href);var n=RegExp("[?&]"+(t=t.replace(/[\[\]]/g,"\\$&"))+"(=([^&#]*)|&|#|$)").exec(e);return n?n[2]?decodeURIComponent(n[2].replace(/\+/g," ")):"":null},t.getStore=function(){for(var e=document.getElementsByTagName("link"),n=0;n<e.length;n++){var r=e[n].getAttribute("href");if(r.includes("bigcommerce.com/s-")){for(var o=r.split("/"),a=0;a<o.length;a++)if("s-"==o[a].substring(0,2))return t.settings.store=o[a].substring(2),console.log("Countdown, Store:"+t.settings.store),!0}}return!1},t.getMetaName=function(){for(var e=document.getElementsByTagName("meta"),n=0;n<e.length;n++)if("og:title"==e[n].getAttribute("property"))return t.productName=e[n].getAttribute("content"),!0;return!1},t.renderTimer=function(){var e=t.data.product.sale.dtEndTime-parseInt(Date.now()/1e3)-1;if(--e<=0)return"";var n=Math.floor(e/86400),r=Math.floor(e%86400/3600),o=Math.floor(e%3600/60),a=Math.floor(e%60);n=parseInt(n),r=parseInt(r),o=parseInt(o),a=parseInt(a),n=n<10?"0"+n:n,r=r<10?"0"+r:r,o=o<10?"0"+o:o,a=a<10?"0"+a:a;var i="display:inline-block;padding:8px;min-width:48px;background-color:"+t.data.product.timer.fgcolor+";color:"+t.data.product.timer.bgcolor+";border-radius:6px;border:1px solid "+t.data.product.timer.bgcolor+";filter:drop-shadow(1px 1px 2px #888);font-size:"+1.1*parseFloat(t.data.product.timer.fontsize)+"px;",d="background-color:transparent !important; padding:0px !important; border:none !important; text-align:center; vertical-align:middle !important;",s='<table style="border:none !important; background-color:transparent !important; vertical-align:middle !important;"><tr style="background-color:transparent !important;"><td colspan="8" style="'+d+'; padding-bottom:6px !important; text-align:left !important;">'+t.data.product.timer.prefix+'</td></tr><tr style="background-color:transparent !important;">';return s+='<td style="'+d+'"><span style="'+i+'">'+n+"</span></td>",s+='<td style="'+d+'"><span style="display:inline-block; padding:0px 4px 0px; 4px;">:</span></td>',s+='<td style="'+d+'"><span style="'+i+'">'+r+"</span></td>",s+='<td style="'+d+'"><span style="display:inline-block; padding:0px 4px 0px; 4px;">:</span></td>',s+='<td style="'+d+'"><span style="'+i+'">'+o+"</span></td>",s+='<td style="'+d+'"><span style="display:inline-block; padding:0px 4px 0px; 4px;">:</span></td>',s+='<td style="'+d+'"><span style="'+i+'">'+a+"</span></td>",s+="</tr>",s+='<tr style="background-color:transparent !important; font-size:.90em;"><td style="'+d+'">Days</td><td style="'+d+'"></td><td style="'+d+'">Hrs.</td><td style="'+d+'"></td><td style="'+d+'">Mins.</td><td style="'+d+'"></td><td style="'+d+'">Secs.</td></tr></table>'},t.run=function(){if(!1==t.getStore()){console.log("Countdown: Store not found");return}if(t.getMetaName()){for(var e,n=["productView-price","price-withouttax"],r=0;r<n.length;r++)if(void 0!==(e=document.getElementsByClassName(n[r])[0])){console.log("Countdown: Target found: "+n[r]);break}if(t.settings.product_id=parseInt(document.getElementsByName("product_id")[0].value),void 0!==e&&t.settings.product_id){var o={store_name:t.settings.store,action:"sale_product",product_id:t.settings.product_id};$.getJSON("https://saleschedulerapp.com/api/",o).done(function(n){t.data=n;var r=document.createElement("div");r.id=t.settings.store,r.className="price-section",r.style.fontSize=t.data.product.timer.fontsize,r.style.marginTop="12px",r.innerHTML=t.renderTimer(),e.appendChild(r),setInterval(function(){document.getElementById(t.settings.store).innerHTML=t.renderTimer()},1e3)});return}console.log("Countdown: productView-price not found.")}else console.log("Countdown: og:META not found")},t.run()}if(window._SaleSchedulerCountdown=!0,"undefined"==typeof jQuery){var e=document.getElementsByTagName("head")[0],n=document.createElement("script");n.type="text/javascript",n.src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js",n.onload=function(){console.log("Countdown: running with jQuery"),t()},e.appendChild(n)}else console.log("Countdown: running without jQuery"),t()}</script>
9066<script data-bc-cookie-consent="3" type="text/plain"> 9067 (function() { 9068 (function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})('https://utt.impactcdn.com/A4654052-ae3e-4d5e-9f2c-9fd0cecd1c161.js','script','ire',document,window); ire('identify'); 9069 })(); 9070</script>
vendor: 1 bytes, line 9070
9070
9071<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 9071
9071
9072<script> 9073 var link = document.createElement("link"); 9074 link.rel = "stylesheet"; 9075 link.href = "https://cdn.jsdelivr.net/npm/[email protected]/dist/sweetalert2.min.css"; 9076 document.head.appendChild(link); 9077</script>
vendor: 1 bytes, line 9077
9077
9078<script src="//cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.js"></script>
vendor: 1 bytes, line 9078
9078
9079<script> 9080 $(document).ready(function() { 9081 var AAA_membershipNumber_input = $('.aaamembershipnumber input.form-input'); 9082 // Array of URLs to check 9083 var urls = [ 9084 "https://nextbase.com/aaa-122gw-intermediate-bundle/", 9085 "https://nextbase.com/aaa-222xr-advanced-bundle", 9086 "https://nextbase.com/aaa-322gw-advanced-bundle/", 9087 "https://nextbase.com/aaa-522gw-advanced-bundle/", 9088 "https://nextbase.com/aaa-rear-window-camera", 9089 "https://nextbase.com/aaa-322gw-intermediate-bundle/", 9090 "https://nextbase.com/aaa-522gw-intermediate-bundle/", 9091 "https://nextbase.com/smart-dash-cams/iq-smart-dash-cam/?int-area=us_home_topduoleft&int-camp=iQ&aaa-status=true", 9092 "https://nextbase.com/dash-cams/piqo-dash-cam/?aaa-status=true", 9093 "https://nextbase.com/aaa-adventure-lite/", 9094 "https://nextbase.com/aaa-iq-smart-dash-cam-1k/" 9095 ]; 9096 9097 // Check if the current URL matches any in the array 9098 var pageurl = urls.some(function(url) { 9099 return window.location.href.includes(url); 9100 }); 9101 9102 console.log("pageurl", pageurl); 9103 const form_result = localStorage.getItem('result'); 9104 console.log("form_result",form_result); 9105 if(form_result === 'valid'){ 9106 if (pageurl) { 9107 var AAA_membershipNumber = localStorage.getItem('AAA_membershipNumber'); 9108 if(AAA_membershipNumber){ 9109 var option_AAA_pdp = $(AAA_membershipNumber_input).length > 0 9110 if(option_AAA_pdp){ 9111 $(AAA_membershipNumber_input).val(AAA_membershipNumber); 9112 } 9113 } 9114 } 9115 } 9116 else{ 9117 if (pageurl) { 9118 // Append the overlay with background image, text, and form to the body 9119 $('body').append(` 9120 <style> 9121 .AAA-sub-div{ 9122 display: flex; 9123 justify-content: center; 9124 } 9125 .AAA-button{ 9126 background-color: #007bff; 9127 color: #fff; 9128 border-radius: 5px; 9129 padding: 8px 14px; 9130 text-decoration: none; 9131 } 9132 .AAA-welcome{ 9133 margin-bottom: 1em; 9134 color:#fff; 9135 font-family: 'Roobert-Bold';font-size: 3em; 9136 } 9137 .AAA-p{ 9138 margin-bottom: 20px; 9139 font-size: 1.7em; 9140 } 9141 .klaviyo-sub-button button{ 9142 display:none; 9143 } 9144 .klaviyo-sub-button input{ 9145 padding:0px 0px 0px 10px !important; 9146 } 9147 .swal2-modal .swal2-title { 9148 margin-top: 14px; 9149 } 9150 .swal2-confirm:focus, .swal2-confirm:hover { 9151 background-color: #444; 9152 border-color: #444; 9153 } 9154 .swal2-modal .swal2-title { 9155 font-size: 1.8rem !important; 9156 } 9157 </style> 9158 <div id="overlay" style=" 9159 position: fixed; 9160 top: 0; 9161 left: 0; 9162 width: 100%; 9163 height: 100%; 9164 background-image: url('https://cdn11.bigcommerce.com/s-jpkc0tnv4j/images/stencil/original/image-manager/aaa-background.jpg'); 9165 background-size: cover; 9166 background-position: center; 9167 display: flex; 9168 flex-direction: row; 9169 justify-content: center; 9170 align-items: center; 9171 z-index: 1000; 9172 flex-wrap: wrap; 9173 overflow: auto; 9174 "> 9175 <!-- Left side with text --> 9176 <div class="AAA-sub-div"> 9177 <div id="leftSide" style=" 9178 background-color: rgba(0, 0, 0, 0.5); 9179 color: white; 9180 padding: 20px; 9181 margin: 10px; 9182 border-radius: 10px; 9183 text-align: left; 9184 width: 40%; 9185 box-sizing: border-box; 9186 "> 9187 <div> 9188 <h1 class="AAA-welcome">Welcome AAA Members!</h1> 9189 <p class="AAA-p"> 9190 Enter your name and membership ID number for exclusive offers on Nextbase Dash Cams. You can save up to 50% sitewide. 9191 </p> 9192 </div> 9193 </div> 9194 9195 <!-- Right side with form --> 9196 <div id="rightSide" style=" 9197 background-color: rgba(255, 255, 255, 0.8); 9198 padding: 20px; 9199 margin: 10px; 9200 border-radius: 10px; 9201 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1); 9202 width: 40%; 9203 box-sizing: border-box; 9204 "> 9205 <h2 style="color: #333; font-family: 'Roobert-Medium'; font-size: 2.3em;">Unlock Savings</h2> 9206 9207 <div class="klaviyo-form-XN6RKQ klaviyo-sub-button"></div> 9208 <button id="submitForm" style=" 9209 background-color: #007bff; 9210 color: white; 9211 padding: 10px 20px; 9212 border: none; 9213 border-radius: 5px; 9214 cursor: pointer; 9215 width: 25%; 9216 display: flex; 9217 align-items: center; 9218 justify-content: center; 9219 margin: auto; 9220 ">Submit</button> 9221 </div> 9222 </div> 9223 <!-- Responsive styling --> 9224 <style> 9225 @media (max-width: 768px) { 9226 #overlay { 9227 flex-direction: column !important; 9228 justify-content: center !important; 9229 align-items: center !important; 9230 } 9231 9232 #leftSide, #rightSide { 9233 width: 90% !important; 9234 margin: 10px 0; 9235 } 9236 9237 #leftSide { 9238 text-align: center; 9239 } 9240 9241 #rightSide { 9242 margin-right: 0 !important; 9243 } 9244 .AAA-sub-div{ 9245 display: block; 9246 } 9247 .AAA-welcome{ 9248 font-size: 2.3em; 9249 } 9250 .AAA-p{ 9251 font-size: 1.2em; 9252 } 9253 } 9254 </style> 9255 </div> 9256 `); 9257 9258 // Show the overlay 9259 $('#overlay').fadeIn(); 9260 // Select the form using the 'data-testid' attribute 9261 setTimeout(() => { 9262 const $form = $('[data-testid="klaviyo-form-XN6RKQ"]'); 9263 console.log("$form", $form); 9264 9265 // Add keypress event listener inside the setTimeout block 9266 $form.on('keypress', function(event) { 9267 if (event.key === 'Enter') { 9268 event.preventDefault(); // Prevent default form behavior 9269 $('#submitForm').click(); 9270 } 9271 }); 9272}, 3000); 9273 9274 9275 // Handle form submission 9276 $('#submitForm').click(function() { 9277 var firstName = $("input[placeholder='First Name']").val(); 9278 var lastName = $("input[placeholder='Last Name']").val(); 9279 var email = $("input[placeholder='Email']").val(); 9280 var membershipNumber = $("input[placeholder='Membership Number']").val(); 9281 9282 // Validate the membership number 9283 var isValid = validateMembershipNumber(membershipNumber); 9284 9285 if (firstName && lastName && email && isValid) { 9286 localStorage.setItem('result', 'valid'); 9287 // set membershipNumber 9288 localStorage.setItem('AAA_membershipNumber', membershipNumber); 9289 9290 // set value to product option 9291 9292 var option_AAA_pdp = $(AAA_membershipNumber_input).length > 0 9293 if(option_AAA_pdp){ 9294 $(AAA_membershipNumber_input).val(membershipNumber); 9295 } 9296 $('.klaviyo-sub-button button').click(); 9297 // If the membership number is valid, remove the overlay and form 9298 $('#overlay').fadeOut(function() { 9299 $('#overlay').remove(); // Remove the overlay element from the DOM 9300 }); 9301 } else if (!isValid) { 9302 Swal.fire("Invalid AAA Membership Number."); 9303 } else { 9304 Swal.fire("Please fill in all fields."); 9305 } 9306 }); 9307 9308 // Membership number validation function 9309 function validateMembershipNumber(number) { 9310 var regex = /^(620|429)\d{13}$/; 9311 return regex.test(number); 9312 } 9313 } 9314 } 9315 9316 }); 9317</script>
9317<script> 9318var product_with_promotion_price = [ 9319 { 9320 "link": "https://nextbase.com/aaa-322gw-advanced-bundle/", 9321 "discount_price": "$199.99", 9322 "klarna_price": "$49.99", 9323 "color": "white" 9324 }, 9325 { 9326 "link": "https://nextbase.com/aaa-522gw-advanced-bundle/", 9327 "discount_price": "$299.99", 9328 "klarna_price": "$75.00", 9329 "color": "black" 9330 9331 }, 9332 { 9333 "link": "https://nextbase.com/aaa-122gw-intermediate-bundle/", 9334 "discount_price": "$63.99", 9335 "klarna_price": "$15.99", 9336 "color": "white" 9337 9338 } 9339] 9340 9341</script>
9341<script> 9342 // Hesitant shopper code html 9343var popuphtmldata = `<style> 9344 .discount-popup { 9345 display: none; 9346 position: fixed; 9347 top: 33%; 9348 left: 33%; 9349 width: 500px; 9350 background-color: #fff; 9351 border: 1px solid #ccc; 9352 box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); 9353 padding: 20px; 9354 z-index: 9999999999; 9355 -webkit-animation: slide_h_s 2s forwards; 9356 -webkit-animation-delay: 2s; 9357 animation: slide_h_s 2s forwards; 9358 animation-delay: 2s; 9359 } 9360 9361 .discount-popup.show-again_popup_hesitant { 9362 animation-delay: 0.1s; 9363 } 9364 9365 .discount-popup h3 { 9366 color: #000; 9367 font-weight: 400; 9368 font-family: "Roobert-Bold"; 9369 font-style: normal; 9370 font-size: 18px; 9371 line-height: 1em; 9372 text-align: center; 9373 } 9374 9375 @-webkit-keyframes slide_h_s { 9376 100% { top: 33%; } 9377 } 9378 9379 @keyframes slide_h_s { 9380 100% { top: 33%; } 9381 } 9382 9383 .discount-popup-content { 9384 text-align: center; 9385 } 9386 9387 .close-popup { 9388 position: absolute; 9389 top: -5px; 9390 right: 10px; 9391 cursor: pointer; 9392 font-size: 25px; 9393 color: #80808099; 9394 font-weight: 200; 9395 weight: 100px; 9396 transition: color 0.3s; 9397 } 9398 9399 .close-popup:hover { 9400 color: #000; 9401 } 9402 9403 .discount-popup h3 { 9404 color: #000; 9405 font-weight: 400; 9406 font-family: "Roobert-Bold"; 9407 font-style: normal; 9408 font-size: 18px; 9409 line-height: 1em; 9410 text-align: center; 9411 } 9412 9413 .pop-coupon-logo { 9414 display: block; 9415 margin: 0 auto; 9416 width: 150px; 9417 } 9418 9419 .pop-coupon-heading { 9420 color: #000; 9421 font-weight: 400; 9422 font-family: "Roobert-Bold"; 9423 font-style: normal; 9424 font-size: 18px; 9425 line-height: 1em; 9426 text-align: center; 9427 } 9428 9429 .pop-coupon-subheading { 9430 font-family: 'Roobert-Regular' !important; 9431 font-size: 13px; 9432 margin-bottom: 0; 9433 color: #797979; 9434 text-align: center; 9435 } 9436 9437 .pop-coupon-content { 9438 display: flex; 9439 justify-content: space-between; 9440 align-items: center; 9441 } 9442 9443 .pop-left-section { 9444 display: flex; 9445 flex-direction: column; 9446 align-items: flex-start; 9447 margin-right: 10px; 9448 } 9449 9450 .pop-coupon-content .nb-button-gradient { 9451 display: inline-flex; 9452 background: linear-gradient(90deg, #0A78CA, #8111BB) !important; 9453 border-radius: 5px; 9454 align-items: center; 9455 transition: background 0.3s; 9456 } 9457 9458 .pop-coupon-content .nb-button-gradient:hover { 9459 background: linear-gradient(90deg, #075aa6, #651089) !important; 9460 } 9461 9462 .pop-coupon-content .nb-button-gradient a { 9463 color: white; 9464 text-decoration: none; 9465 } 9466 9467 .pop-coupon-link { 9468 color: white; 9469 text-decoration: none; 9470 cursor: pointer; 9471 } 9472 9473 .right-section{ 9474 padding: 9px 18px; 9475 color: white; 9476 text-decoration: unset; 9477 border-radius: 5px; 9478 font-size: 13px; 9479 font-family: "Roobert-Bold"; 9480 cursor: pointer; 9481 } 9482 9483 .pop-coupon-content .pop-coupon-heading { 9484 font-size: 13px; 9485 } 9486 9487 .no-thank-you-button { 9488 display: inline-block; 9489 padding: 9px 18px; 9490 background-color: #ccc; 9491 color: #000; 9492 border: none; 9493 border-radius: 5px; 9494 cursor: pointer; 9495 font-family: "Roobert-Regular"; 9496 font-size: 12px; 9497 transition: background-color 0.3s, color 0.3s; 9498 } 9499 9500 .no-thank-you-button:hover { 9501 background-color: #b3b3b3; 9502 color: #333; 9503 } 9504 9505 .copy-message { 9506 display: none; 9507 margin-top: 10px; 9508 color: green; 9509 font-family: 'Roobert-Regular'; 9510 font-size: 12px; 9511 align-items: left; 9512 } 9513 9514 .pop-coupon-content .pop-coupon-subheading{ 9515 text-align: start !important; 9516 } 9517 .discount-popup-content hr { 9518 margin: .8rem 0 .8rem; 9519 } 9520 @media screen and (max-width: 800px) and (min-width: 80px) { 9521 .discount-popup { 9522 width: 95%; 9523 left: 2.5%; 9524 } 9525 .pop-coupon-content .nb-button-gradient { 9526 width: 50px; 9527 height: 35px; 9528 justify-content: center; 9529 } 9530 } 9531 .discount-popup-content .coupon_code_copied, .discount-popup-content .coupon_code_copied:hover{ 9532 background: #cccccc !important; 9533 color: black; 9534 } 9535 9536.njs-sticky-side.image_button_cover.placement-right { 9537 right: 0; 9538 display:none; 9539} 9540 9541.njs-sticky-side.image_button_cover { 9542 position: fixed; 9543 top: 50%; 9544 box-shadow: none; 9545 z-index: 99999; 9546 transition: transform .3s cubic-bezier(0,0,0,1); 9547 -webkit-transition: -webkit-transform .3s cubic-bezier(0,0,0,1); 9548 border-redius:5px 9549} 9550 9551.njs-sticky-side.image_button_cover.placement-right.now-show span { 9552 transform: translate3d(4px,0,0) rotate(-90deg); 9553 -webkit-transform: translate3d(4px,0,0) rotate(-90deg); 9554} 9555 9556.njs-sticky-side.image_button_cover.placement-right span { 9557 border-radius: 7px 7px 0 0; 9558 transform: translate3d(200%,0,0) rotate(-90deg); 9559 -webkit-transform: translate3d(200%,0,0) rotate(-90deg); 9560 transform-origin: 100% 100%; 9561 -webkit-transform-origin: 100% 100%; 9562} 9563 9564.njs-sticky-side.image_button_cover span { 9565 padding: 6px 12px 9px; 9566 font-size: 18px; 9567 font-weight: 700; 9568 display: inline-block; 9569 position: relative; 9570 transition: transform .3s; 9571 -webkit-transition: -webkit-transform .3s; 9572 background-color: #123562; 9573 color: white; 9574 font-weight: 100; 9575 top: -106.5px; 9576 font-family: 'Roobert-Bold'; 9577 cursor: pointer; 9578} 9579 9580.njs-sticky-side.image_button_cover span:hover { 9581 background-color: #0c2647; 9582} 9583 9584 </style> 9585 9586 <div id="discount-popup" class="discount-popup"> 9587 <div class="discount-popup-content">
9588 <span class="close-popup">×</span> 9589 <span class="pop-coupon-logo"> 9590 <img src="https://cdn11.bigcommerce.com/s-48z8zzk1az/images/stencil/250x72/nextbase_logo_1665033142__12712.original.png" alt="Logo"> 9591 </span> 9592 <h3 class="pop-coupon-heading">Weâre making it easier for you to save</h3> 9593 <p class="pop-coupon-subheading">Just click the "copy" button below and paste the promo code at checkout</p> 9594 <hr> 9595 <div class="pop-coupon-content"> 9596 <span class="pop-left-section"> 9597 <span class="pop-coupon-subheading"><span class="pop-coupon-heading">10% OFF </span>on all Dash Cams and Rear Cams</span> 9598 </span> 9599 <span class="nb-button-gradient right-section" id="copy-code-btn">COPY</span> 9600 <span id="discount-code" style="display:none;">BL10HES</span> 9601 </div> 9602 <span id="copy-message" class="copy-message">Discount code copied: BL10HES</span> 9603 <hr> 9604 <button class="no-thank-you-button" id="no-thank-you-btn">No, Thank You</button> 9605 </div> 9606 </div> 9607 9608 9609 <div class="njs-sticky-side body-append image_button_cover placement-right now-show"> 9610<span >Coupons</span> 9611</div> 9612 ` 9613 9614 $('body').append(popuphtmldata) 9615</script>
vendor: 1 bytes, line 9615
9615
9616<script> 9617 var stoptime = 540 9618 var countrycode = '' 9619 var cart_quantity 9620 if('' > 0){ 9621 console.log("cart quantity is "); 9622 cart_quantity = true 9623 } 9624 else 9625 { 9626 cart_quantity = localStorage.getItem('cart-quantity') && localStorage.getItem('cart-quantity') > 0 ? true : false 9627 } 9628 9629 if(['US'].includes(countrycode)){ 9630 $(document).ready(function() { 9631 // Function to show the popup 9632 function showPopup() { 9633 $('#discount-popup').fadeIn(); 9634 $('.njs-sticky-side').fadeOut(); 9635 var currentURL = window.location.href; 9636 gtag("event", "hesitant_shopper", { 9637 page: currentURL, 9638 send_to: "GoogleAnalyticsFour" 9639 }) 9640 } 9641 9642 // Function to hide the popup 9643 function hidePopup() { 9644 $('#discount-popup').fadeOut(); 9645 $('.njs-sticky-side').fadeIn(); 9646 } 9647 9648 9649 // ------------------------------------ 9650 // -------- timer setup in localstorage ------- 9651 // ------------------------------------ 9652 9653 let timerInterval; 9654 var json_timerdata = JSON.parse(sessionStorage.getItem('timerData')) 9655 // Initialize or retrieve the JSON object from localStorage 9656 if(json_timerdata === null || json_timerdata.tiSec != 0 && json_timerdata.hesitant === false){ 9657 // console.log("*** timerData is null"); 9658 let data = json_timerdata || { 9659 tiSec: 0, 9660 add_to_cart: cart_quantity, 9661 empty_cart: true, 9662 hesitant:false, 9663 product_page: 0 9664 }; 9665 9666 // console.log("*** page type page",data); 9667 // check cart has qty 9668 if(cart_quantity === true){ 9669 data = JSON.parse(sessionStorage.getItem('timerData')) || data; 9670 data.add_to_cart = true; 9671 data.empty_cart = false; 9672 sessionStorage.setItem('timerData', JSON.stringify(data)); 9673 } 9674 // check page type 9675 9676 if('page' === 'product' ){ 9677 // console.log("*** product page is product"); 9678 data = JSON.parse(sessionStorage.getItem('timerData')) || data; 9679 data.product_page += 1; 9680 sessionStorage.setItem('timerData', JSON.stringify(data)); 9681 if(data.tiSec >= stoptime && data.product_page > 0 && data.hesitant === false && data.add_to_cart === false){ 9682 setTimeout(function() { 9683 showPopup() 9684 setHesitant(true) 9685 }, 4000); 9686 9687 } 9688 } 9689 // Function to update tiSec every 10 seconds 9690 function updateTiSec() { 9691 // console.log("*** updateTiSec"); 9692 data.tiSec += 10; 9693 if (data.tiSec === stoptime) { 9694 //clearInterval(timerInterval); 9695 if(data.product_page > 0 && data.hesitant === false && data.add_to_cart === false){ 9696 showPopup() 9697 setHesitant(true) 9698 } 9699 9700 // data.tiSec = 0; // Ensure tiSec does not go negative 9701 } 9702 if(data.tiSec >= stoptime + 200){ 9703 // console.log("*** updateTiSec > ", stoptime); 9704 clearInterval(timerInterval); 9705 } 9706 sessionStorage.setItem('timerData', JSON.stringify(data)); 9707 } 9708 9709 9710 // Function to set hesitant user 9711 function setHesitant(hesitant) { 9712 data.hesitant = true; 9713 sessionStorage.setItem('timerData', JSON.stringify(data)); 9714 // console.log("***Updated Data:", data); 9715 } 9716 9717 // Start or resume the timer 9718 function startTimer() { 9719 if (data.tiSec === 0 || data.hesitant === false) { 9720 // console.log("*** startTimer", data.tiSec); 9721 timerInterval = setInterval(updateTiSec, 10000); 9722 updateTiSec(); // Initial call to update immediately 9723 } else if(data.hesitant === false && data.tiSec >= stoptime && data.product_page > 0 && data.add_to_cart === false) { 9724 showPopup() 9725 setHesitant(false) 9726 } 9727 } 9728 9729 // Stop the timer 9730 function stopTimer() { 9731 clearInterval(timerInterval); 9732 } 9733 9734 // Handle visibility change 9735 document.addEventListener('visibilitychange', function() { 9736 if (document.hidden) { 9737 stopTimer(); 9738 } else { 9739 startTimer(); 9740 } 9741 }); 9742 9743 // Initial call to start the timer 9744 startTimer(); 9745 } 9746 else if(json_timerdata.hesitant === true){ 9747 // console.log("*** json_timerdata.hesitant ",json_timerdata.hesitant ); 9748 var timerData = JSON.parse(sessionStorage.getItem('timerData')); 9749 if(timerData.tiSec >= stoptime){ 9750 $('.njs-sticky-side').fadeIn(); 9751 } 9752 } 9753 9754 9755 9756 9757 9758 // ------------------------------------ 9759 // -------- end of timer setup in localstorage ------- 9760 // ------------------------------------ 9761 9762 9763 // Copy code to clipboard and show message 9764 $('#copy-code-btn').on('click', function() { 9765 var discountCode = $('#discount-code').text(); 9766 navigator.clipboard.writeText(discountCode).then(function() { 9767 $('#copy-message').fadeIn().delay(2000).fadeOut(); 9768 $('.discount-popup-content #copy-code-btn').text('Copied').addClass('coupon_code_copied'); 9769 }); 9770 }); 9771 9772 // Close popup when clicking on 'No, Thank You' button or close icon 9773 $('#no-thank-you-btn, .close-popup').on('click', function() { 9774 hidePopup(); 9775 }); 9776 9777 9778 // side coupon button 9779 $('.njs-sticky-side').on('click', function() { 9780 $('#discount-popup').addClass('show-again_popup_hesitant') 9781 showPopup(); 9782 }); 9783 }); 9784} 9785</script>
9785
9785<script> 9786 (function() { 9787 window.shogunVariables = {}; 9788 window.shogunVariables.orderId = ''; 9789 })(); 9790 </script>
vendor: 1 bytes, line 9790
9790
9791<script> 9792 9793 9794 9795 9796 9797 9798 9799 9800 9801</script>
9801 9802
9802<script> 9803 // Set default country image to USA 9804 $(".region-icon").html( 9805 `<img src="//cdn11.bigcommerce.com/s-jpkc0tnv4j/product_images/uploaded_images/usa.png" width="18px">` 9806 ); 9807 9808 // Check if a country is already stored in localStorage 9809 if (localStorage.getItem("Country")) { 9810 // If the stored country is not USA, reset it to USA 9811 if (localStorage.getItem("Country_code") != "US") { 9812 localStorage.setItem("Country", "USA"); 9813 localStorage.setItem("Country_code", "USD"); 9814 localStorage.setItem("Country_sku", "US"); 9815 localStorage.setItem( 9816 "Country_img", 9817 "//cdn11.bigcommerce.com/s-jpkc0tnv4j/product_images/uploaded_images/usa.png" 9818 ); 9819 localStorage.setItem("seller_type", "S"); 9820 localStorage.setItem("language", "en"); 9821 localStorage.setItem("navigation_type", "Type A"); 9822 9823 // Update country image to USA 9824 $(".region-icon").html( 9825 `<img src="//cdn11.bigcommerce.com/s-jpkc0tnv4j/product_images/uploaded_images/usa.png" width="18px">` 9826 ); 9827 } 9828 } else { 9829 // If no country is stored, set default to USA 9830 // Example: changecountry('United Kingdom','UK','GBP','uk.png','S','en','Type A') 9831 localStorage.setItem("Country", "USA"); 9832 localStorage.setItem("Country_code", "USD"); 9833 localStorage.setItem("Country_sku", "US"); 9834 localStorage.setItem( 9835 "Country_img", 9836 "//cdn11.bigcommerce.com/s-jpkc0tnv4j/product_images/uploaded_images/usa.png" 9837 ); 9838 localStorage.setItem("seller_type", "S"); 9839 localStorage.setItem("language", "en"); 9840 localStorage.setItem("navigation_type", "Type A"); 9841 9842 // Update country image to USA 9843 $(".region-icon").html( 9844 `<img src="//cdn11.bigcommerce.com/s-jpkc0tnv4j/product_images/uploaded_images/usa.png" width="18px">` 9845 ); 9846 } 9847 9848 // If a country image exists in localStorage, update it in the DOM 9849 if (localStorage.getItem("Country_img")) { 9850 country_img = localStorage.getItem("Country_img"); 9851 $(".region-icon").html(`<img src="${country_img}" width="18px">`); 9852 } 9853 9854 // Change country function 9855 function changeCountry( 9856 country, 9857 sku, 9858 code, 9859 img, 9860 selltype, 9861 language, 9862 type, 9863 link 9864 ) { 9865 if (link != "-") { 9866 // Redirect to the given link 9867 window.location.replace(link); 9868 } else { 9869 // No redirection if link is "-" 9870 } 9871 } 9872 9873 // Change currency function with AJAX request 9874 function changeCurrency1(url, currencyCode, redirect) { 9875 $.ajax({ 9876 url, 9877 contentType: "application/json", 9878 method: "GET", 9879 // data: JSON.stringify({ currencyCode }), 9880 }) 9881 .done(() => { 9882 // Redirect after successful request 9883 window.location.replace(`${redirect}`); 9884 }) 9885 .fail((e) => { 9886 // Handle error (currently does nothing) 9887 // window.location.reload(); 9888 }); 9889 } 9890 9891 // Get a query parameter value from URL 9892 function getParameterByName(name, href) { 9893 name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 9894 var regexS = "[\\?&]" + name + "=([^&#]*)"; 9895 var regex = new RegExp(regexS); 9896 var results = regex.exec(href); 9897 if (results == null) return ""; 9898 else return decodeURIComponent(results[1].replace(/\+/g, " ")); 9899 } 9900</script>
vendor: 1 bytes, line 9900
9900
9901<script> 9902//Force Country Cookie 9903(function () { 9904 const params = new URLSearchParams(window.location.search); 9905 9906 if (params.get("force-country") === "true") { 9907 // Create cookie valid for 30 days 9908 document.cookie = [ 9909 "force-country=true", 9910 "path=/", 9911 "max-age=" + (60 * 60 * 24 * 30), // 30 days 9912 "SameSite=Lax" 9913 ].join("; "); 9914 9915 console.log("force-country cookie created"); 9916 } 9917})(); 9918</script>
vendor: 1 bytes, line 9918
9918
9919<script> 9920 9921 9922$('body').append(`<style> 9923[id^="amazon_pay_checkout_or_use_"] { display : none !important; } 9924 #googlepaystripeCheckoutButton .gpay-button{ height: 41px !important; min-width: 200px !important; } 9925.AmazonPayContainer [id*="amazonpay_button_parent_container"]{ height: 41px !important; min-width: 200px !important; } 9926.CheckoutButton .StripeElement { padding-bottom: 15px; width: 218px;padding-right: 18px; margin-right: 0px;} 9927 9928@media screen and (max-width: 768px) { 9929/* .CheckoutButton .StripeElement {padding-bottom: 15px !important;width: 200px !important;} */ 9930.cart-additionalCheckoutButtons .PaypalCommerceContainer { 9931 width: 97%; 9932} 9933.CheckoutButton .StripeElement { 9934 width: 97% !important; 9935} 9936.cart-additionalCheckoutButtons .AmazonPayCheckout.CheckoutButton { 9937 order: 3; 9938 width: 100%; 9939} 9940.cart-additionalCheckoutButtons .GooglePayCheckout.CheckoutButton { 9941 order: 1; 9942 margin-right: 10px; 9943 width: 100%; 9944} 9945} 9946 .CheckoutButton .StripeElement, .dropdown-menu .CheckoutButton .StripeElement {padding: 0;width: auto;margin-right: 0;} 9947</style>`) 9948 9949</script>
9949<script> 9950</script>
vendor: 1 bytes, line 9950
9950
9951<script> 9952 //Change Pay Method to âNextBase Payâ if Not 3 Payments 9953</script>
vendor: 1 bytes, line 9953
9953
9954<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.min.js"></script>
9954<script> 9955 9956 9957 9958 (function () { 9959 // Prevent duplicate injection 9960 if (document.getElementById("react-installation-root")) return; 9961 9962 // Inject React mount root 9963 var reactRoot = document.createElement("div"); 9964 reactRoot.id = "react-installation-root"; 9965 9966 // Append where you want (body / footer) 9967 document.body.appendChild(reactRoot); 9968})(); 9969</script>
9969 9970
9971<script> 9972 window.cm_nb_ra_in_config = { 9973 token: 'eyJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjaWQiOlsxXSwiY29ycyI6WyJodHRwczovL25leHRiYXNlLmNvbSJdLCJlYXQiOjE3OTA0MTc4NTYsImlhdCI6MTc5MDI0NTA1NiwiaXNzIjoiQkMiLCJzaWQiOjEwMDIwOTQxNzcsInN1YiI6IkJDIiwic3ViX3R5cGUiOjAsInRva2VuX3R5cGUiOjF9.S3S8xGMbF8uyiL_bUG2PwaaR0od0soYqNqRRDUwUuFqoMazRUJqvd_Q1Hl_rSifM5-bpGUwWAuXVgHI7WoWHAw', 9974 endpoint: "/graphql", 9975 product_id_th: '', 9976 currency_code: "USD", 9977 includeTax: 'true', 9978 mode: 'production', 9979 programId: 1552, 9980 product_sku: "", // SKU for GraphQL query 9981 store_logo: "https://cdn11.bigcommerce.com/s-5o7xzmxoo0/images/stencil/250x32/logo_1757415802__32203.original.png", 9982 phf_product_skus: "NBSFITFRONTREARGIQ,NBSFITFRONTREARSTIQ,NBSFITFRONTREARG,NBSFITFRONTBAK,NBSFITFRONTREARGBAK,NBFITFRONTSTIQ", 9983 phf_mapping: {year: 'Year', make: 'Make', model: 'Model', date: 'Installation Date', time: 'Time', memberId: 'Installer Member Id', zipcode: 'zip code', location: 'Installation Location'}, 9984 variant_product: "", 9985 page_type: "page", 9986 product_type: ``, 9987 cart_product_data: `[ 9988] 9989`, 9990 out_of_stock_buttons: ".cm_variant_button_out_of_stock, .out-of-stock", 9991 pop_up_buttons: { 9992 pdp: [ 9993 '.cm_variant_main_add_to_cart_button', 9994 '.cm-profesional-change', 9995 '.nb-exclusive-bundle-add-to-cart', 9996 '.buy-button', 9997 '.zen_add_to_bag .addtocart_zeno ', 9998 '.cm-add-to-cart-btn.zen_add_to_bag' 9999 ], 10000 plp: [], 10001 cart: [], 10002 default: [ 10003 '.cm_variant_main_add_to_cart_button', 10004 '.cm-profesional-change', 10005 '.nb-exclusive-bundle-add-to-cart', 10006 'buy-button', 10007 '.zen_add_to_bag .addtocart_zeno ', 10008 '.cm-add-to-cart-btn.zen_add_to_bag' 10009 ] 10010 }, 10011 fitting_status: ``, 10012 installation_fitting_status: "true", 10013 phf_product_order: "NBSFITFRONTREARST,NBSFITFRONTREARSTIQ,NBSFITFRONTREARSTPQ,NBFITFRONTST,NBFITFRONTSTIQ, NBFITFRONTSTPQ" 10014 10015 } 10016 10017 // Set the config store status to enable fitting 10018 localStorage.setItem('cm_nb_ra_in_config_store_status', true); 10019 10020 // Set the config store name which is 'us' or 'uk' based on country selection 10021 localStorage.setItem('cm_nb_ra_in_config_store_name', "US"); 10022</script>
10022 10023
10024<script 10025 defer="defer" 10026 src="https://nextbase.com/content/react/installernet/dev/installation-flow.js?data=2026-09-2419:14"> 10027</script>
vendor: 1 bytes, line 10027
10027
10028<script data-bc-cookie-consent="3" type="text/plain">function heatmapLoadConversionSnippet(url){ var script = document.createElement('script'); script.type = 'text/javascript'; script.src = url; script.async = false; script.defer = true; document.head.appendChild(script);}heatmapLoadConversionSnippet('https://dashboard.heatmap.com/conversions.js?siteId=5192');</script>
10028<script> 10029</script>
vendor: 1 bytes, line 10029
10029
10030<script> 10031 const dfLayerOptions = { 10032 installationId: '6d0dc86c-e195-4383-8d56-b153845387df', 10033 zone: 'eu1' 10034 }; 10035 10036 dfLayerOptions.currency = 'USD'; 10037 10038 10039 (function (l, a, y, e, r, s) { 10040 r = l.createElement(a); r.onload = e; r.async = 1; r.src = y; 10041 s = l.getElementsByTagName(a)[0]; s.parentNode.insertBefore(r, s); 10042 })(document, 'script', 'https://cdn.doofinder.com/livelayer/1/js/loader.min.js', function () { 10043 doofinderLoader.load(dfLayerOptions); 10044 }); 10045</script>
vendor: 1 bytes, line 10045
10045
10046<script> 10047 window.intercomSettings = { 10048 api_base: "https://api-iam.eu.intercom.io", 10049 app_id: "r45fr78t" 10050 }; 10051</script>
10051 10052
10053<script> 10054 (function(){var w=window;var ic=w.Intercom;if(typeof ic==="function"){ic('reattach_activator');ic('update',w.intercomSettings);}else{var d=document;var i=function(){i.c(arguments);};i.q=[];i.c=function(args){i.q.push(args);};w.Intercom=i;var l=function(){var s=d.createElement('script');s.type='text/javascript';s.async=true;s.src='https://widget.intercom.io/widget/r45fr78t';var x=d.getElementsByTagName('script')[0];x.parentNode.insertBefore(s,x);};if(document.readyState==='complete'){l();}else if(w.attachEvent){w.attachEvent('onload',l);}else{w.addEventListener('load',l,false);}}})(); 10055 //(function(){var p=location.pathname;if(p.includes('/help-and-support')||p.includes('/support')){var w=window,i=w.Intercom;if(typeof i==="function"){i('reattach_activator');i('update',w.intercomSettings);}else{var d=document,f=function(){f.c(arguments)};f.q=[];f.c=function(a){f.q.push(a)};w.Intercom=f;var l=function(){var s=d.createElement('script');s.async=1;s.src='https://widget.intercom.io/widget/r45fr78t';d.getElementsByTagName('script')[0].parentNode.insertBefore(s,null)};
10055document.readyState==='complete'?l():w.attachEvent?w.attachEvent('onload',l):w.addEventListener('load',l,0)}}})(); 10056</script>
10056<script> 10057 window.cmCartFeaturesConfig = { 10058 desktopStatus: true, 10059 mobileStatus: false, 10060 features: [ 10061 { 10062 id: 'free-delivery', 10063 desktop: { 10064 label: 'Free delivery on all cameras*', 10065 icon: '#free-delivey', 10066 subContent: { text: 'Excludes accessories & parts' } 10067 }, 10068 mobile: { 10069 label: 'Free delivery on all cameras*', 10070 icon: '#free-delivey', 10071 subContent: { text: 'Excludes accessories & parts' } 10072 } 10073 }, 10074 { 10075 id: 'free-return', 10076 desktop: { 10077 label: 'Free 30 days return', 10078 icon: '#return', 10079 subContent: null 10080 }, 10081 mobile: { 10082 label: 'Free 30 days return', 10083 icon: '#return', 10084 subContent: null 10085 } 10086 }, 10087 { 10088 id: 'local-support', 10089 desktop: { 10090 label: 'Full support', 10091 icon: '#support', 10092 subContent: null 10093 }, 10094 mobile: { 10095 label: 'Full support', 10096 icon: '#support', 10097 subContent: null 10098 } 10099 }, 10100 { 10101 id: 'warranty', 10102 desktop: { 10103 label: 'Up to 3 years warranty*', 10104 icon: '#warranty', 10105 subContent: { 10106 text: '* 1 year warranty included', 10107 description: 'Extend to 3 years by joining the Road Safety Club', 10108 image: 'https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://nextbase.co.uk/content/icons/svg/road_safety.svg' 10109 } 10110 }, 10111 mobile: { 10112 label: 'Up to 3 years warranty*', 10113 icon: '#warranty', 10114 subContent: { 10115 text: '* 1 year warranty included', 10116 description: 'Extend to 3 years by joining the Road Safety Club', 10117 image: 'https://aicdn.speedsize.com/fc04246a-45d2-46de-9988-4f3d60391c70/https://nextbase.co.uk/content/icons/svg/road_safety.svg' 10118 } 10119 } 10120 }, 10121 { 10122 id: 'buy-later', 10123 desktop: { 10124 label: 'Buy now, Pay later', 10125 icon: '#paylater', 10126 subContent: null 10127 }, 10128 mobile: { 10129 label: 'Buy now, Pay later', 10130 icon: '#paylater', 10131 subContent: null 10132 } 10133 }, 10134 { 10135 id: 'secure-payment', 10136 desktop: { 10137 label: 'Secure payment methods', 10138 icon: '#pay-methods', 10139 subContent: { 10140 icons: [ 10141 '#visa', 10142 '#maestro', 10143 '#amex', 10144 '#klarna', 10145 '#apple-pay', 10146 '#gpay', 10147 '#pay-pal', 10148 '#amazon-pay' 10149 ] 10150 } 10151 }, 10152 mobile: { 10153 label: 'Secure payment methods', 10154 icon: '#pay-methods', 10155 subContent: { 10156 icons: [ 10157 '#visa', 10158 '#maestro', 10159 '#amex', 10160 '#klarna', 10161 '#apple-pay', 10162 '#gpay', 10163 '#pay-pal', 10164 '#amazon-pay' 10165 ] 10166 } 10167 } 10168 } 10169 ] 10170 }; 10171 10172 10173 window.cmCartMessage = { 10174 desktop: { 10175 text: 'California Covered Battery-Embedded (CBE) Waste Recycling Fee paid by Nextbase.', 10176 status: true, 10177 position: 'bottom', 10178 icon: null 10179 }, 10180 mobile: { 10181 text: 'California Covered Battery-Embedded (CBE) Waste Recycling Fee paid by Nextbase.', 10182 status: true, 10183 position: 'bottom', 10184 icon: null 10185 } 10186 }; 10187</script>
10187<script>if(!window.jQuery){var checkscript=document.createElement('script');checkscript.src="https://nextbase.com/content/instock/jquery-1.12.4.js";checkscript.onload = function(){var instockscript =document.createElement('script');instockscript.src="https://nextbase.com/content/instock/cws_InStock.js";document.getElementsByTagName('body')[0].appendChild(instockscript);};document.getElementsByTagName('body')[0].appendChild(checkscript);}else{var instockscript = document.createElement('script');instockscript.src ="https://nextbase.com/content/instock/cws_InStock.js";document.getElementsByTagName('body')[0].appendChild(instockscript);}</script>
10187<script>window.storeHash = "jpkc0tnv4j"; 10188 10189function getActiveCurrencyCode() { 10190let activeStoreCurrency = document.querySelector('div.body[data-currency-code]'); 10191 10192if (activeStoreCurrency) { 10193return activeStoreCurrency.getAttribute('data-currency-code'); 10194} 10195 10196return "USD"; 10197} 10198 10199document.addEventListener('DOMContentLoaded', function () { 10200let scriptElement = document.createElement('script'); 10201scriptElement.async = true; 10202scriptElement.defer = true; 10203scriptElement.type = 'text/javascript'; 10204scriptElement.src = 'https://web-components.splitit.com/v2/upstream.js?api-key=e69dc1ef-f917-410d-a140-63fd007f00c3&lang=en'; 10205document.head.appendChild(scriptElement); 10206 10207 10208}); 10209 10210function generateUM(type, options) { 10211let baseTag = ''; 10212let customOptions = ''; 10213let selectors = []; 10214let custom = []; 10215let showInfoIconActive = false; 10216let useCustomText = options.some(function (option) { 10217return Object.keys(option)[0] === 'text_option' && String(Object.values(option)[0] || '').trim() === 'custom'; 10218}); 10219 10220switch (type) { 10221case 'strip': 10222baseTag = 'spt-strip'; 10223break; 10224case 'banner': 10225baseTag = 'spt-banner'; 10226break; 10227case 'logo': 10228baseTag = 'spt-floating-logo'; 10229break; 10230case 'one_liner': 10231baseTag = 'spt-one-liner'; 10232break; 10233} 10234 10235options.forEach(function (option) { 10236let key = Object.keys(option)[0]; 10237let value = Object.values(option)[0]; 10238if (key === 'regular' || key === 'sale') { 10239selectors.push({ 10240key: key, 10241value: value, 10242}); 10243} else if (key === 'priceUpdate') { 10244custom.push({ 10245key: key, 10246value: value, 10247}); 10248} else { 10249if (key === 'show_info_icon') { 10250showInfoIconActive = value === '1' || value === 'true'; 10251return; 10252} 10253 10254if (key === 'hide_icon') { 10255return; 10256} 10257 10258if (key === 'text_option' && (!value || useCustomText)) { 10259return; 10260} 10261 10262if (key === 'custom_text_key' && (!value || !useCustomText)) { 10263return; 10264} 10265 10266if (key === 'text_strip_color') { 10267key = 'text_color'; 10268} 10269 10270customOptions += `${key}="${value}" `; 10271} 10272 10273if (type === 'strip' && key === 'position' && value === 'top') { 10274customOptions += `is_solid="true" `; 10275} 10276}); 10277 10278if (!customOptions.includes('currency_code=')) { 10279customOptions += `currency_code="${getActiveCurrencyCode()}" `; 10280} 10281 10282if (type === 'one_liner' && showInfoIconActive) { 10283customOptions += `show_info_icon="true" `; 10284} 10285 10286return { 10287custom: custom, 10288selectors: selectors, 10289options: `<${baseTag} ${customOptions}> </${baseTag}>`, 10290}; 10291} 10292 10293function displaySingleOnSiteMessage(page, type, selector, options, calculate = false, price = false) { 10294let pageSelector = document.querySelector(selector); 10295 10296if (!pageSelector) { 10297console.log(`Splitit On Site Message selector " ${selector} " not found`); 10298return; 10299} 10300 10301let idAttribute = `upstream_messaging_${page}_${type}`; 10302 10303let existElement = document.getElementById(idAttribute); 10304if (existElement) { 10305existElement.remove(); 10306} 10307 10308let elementOnSiteMessage = document.createElement('div'); 10309elementOnSiteMessage.setAttribute('id', idAttribute); 10310if (type === 'logo') { 10311elementOnSiteMessage.style.position = 'relative'; 10312} 10313if (calculate) { 10314let productPrice = price ? price : Number(pageSelector.textContent.replace(/\D+/g, '')) / 100; 10315if (productPrice) { 10316let installment = 6; 10317if (installment) { 10318options = addPriceAndInstallment(options, productPrice, installment); 10319} else { 10320return; 10321} 10322} 10323} 10324elementOnSiteMessage.innerHTML = options; 10325 10326if (selector === 'body') { 10327pageSelector.insertBefore(elementOnSiteMessage, pageSelector.firstChild); 10328} else { 10329pageSelector.appendChild(elementOnSiteMessage); 10330} 10331} 10332 10333function displayMultiOnSiteMessaging(element, options, page, type) { 10334let onSiteElement = document.createElement('div'); 10335onSiteElement.setAttribute('class', `upstream_messaging_${page}_${type}`); 10336if (type === 'logo') { 10337onSiteElement.style.position = 'relative'; 10338} 10339onSiteElement.innerHTML = options; 10340element.setAttribute('data-upstream-plug', 'true'); 10341 10342if (type === 'banner') { 10343element.appendChild(onSiteElement); 10344} else { 10345element.parentNode.appendChild(onSiteElement); 10346} 10347} 10348 10349function addPriceAndInstallment(customOptions, amount, installment) { 10350if (amount && installment) { 10351if (customOptions.includes('amount') && customOptions.includes('installments')) { 10352let arrayOptions = customOptions.split(' '); 10353if (arrayOptions.length) { 10354arrayOptions.forEach(function (item, index) { 10355if (item.includes('installments=')) { 10356arrayOptions[index] = `installments="${installment}"`; 10357} else if (item.includes('amount')) { 10358arrayOptions[index] = `amount="${amount}"`; 10359} 10360}); 10361} 10362customOptions = arrayOptions.join(' '); 10363} else { 10364let priceAndInstallment = `amount="${amount}" installments="${installment}" >`; 10365customOptions = customOptions.replace('> ', priceAndInstallment); 10366} 10367} 10368 10369return customOptions; 10370} 10371 10372async function getData(url, method, data) { 10373try { 10374const response = await fetch(url, { 10375method, 10376headers: { 10377'Content-Type': 'application/json', 10378}, 10379body: method !== 'GET' ? JSON.stringify(data) : undefined, 10380}); 10381 10382if (!response.ok) { 10383throw new Error(`HTTP error! Status: ${response.status}`); 10384} 10385 10386return await response.json(); 10387} catch (error) { 10388console.error('Fetch error:', error.message); 10389return null; 10390} 10391} 10392 10393function addSaleBanner(selector, options, page, type) { 10394let productElements = document.querySelectorAll(selector); 10395if (productElements.length) { 10396for (let i = productElements.length - 1; i > -1; --i) { 10397let element = productElements[i]; 10398if (element && element.textContent && (element.textContent.trim()).length && (element.offsetWidth > 0 && element.offsetHeight > 0)) { 10399if (checkExistBanner(element, page, type)) { 10400let productPrice = Number(element.textContent.replace(/\D+/g, '')) / 100; 10401let installment = 6; 10402if (installment || type === 'banner') { 10403let onSiteOptions = addPriceAndInstallment(options, productPrice, installment); 10404displayMultiOnSiteMessaging(element, onSiteOptions, page, type); 10405} else { 10406element.setAttribute('data-upstream-plug', 'true'); 10407} 10408} 10409} 10410} 10411} 10412} 10413 10414function addRegularBanner(selector, options, page, type) { 10415let productElements = document.querySelectorAll(selector); 10416if (productElements.length) { 10417for (let i = productElements.length - 1; i > -1; --i) { 10418let element = productElements[i]; 10419if (checkExistBanner(element, page, type)) { 10420if (element && element.textContent && (element.textContent.trim()).length && element.offsetWidth > 0 && element.offsetHeight > 0) { 10421let productPrice = Number(element.textContent.replace(/\D+/g, '')) / 100; 10422let installment = 6; 10423if (installment || type === 'banner') { 10424let onSiteOptions = addPriceAndInstallment(options, productPrice, installment); 10425displayMultiOnSiteMessaging(element, onSiteOptions, page, type); 10426} 10427} 10428} 10429} 10430} 10431} 10432 10433function checkExistBanner(element, page, type) { 10434let oldParent = element.parentNode.parentNode.parentNode; 10435 10436let notShowPlug = oldParent.querySelectorAll('[data-upstream-plug=\'true\']'); 10437if (notShowPlug?.length) { 10438return false;
10439} 10440 10441let findChildren = oldParent.querySelectorAll(`.upstream_messaging_${page}_${type}`); 10442 10443for (let i = 0; i < findChildren.length; i++) { 10444let element = findChildren[i]; 10445if (element.offsetWidth || element.offsetHeight) { 10446return false; 10447} 10448} 10449 10450return true; 10451} 10452</script>
10452 10453 </body> 10454</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.