https://www.elecbrakes.com/_next/static/chunks/app/products/page-825fcfa331c7bfb5.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3571],{313:(e,t,i)=>{"use strict";i.d(t,{default:()=>o});var r=i(5155),n=i(2115),l=i(4181),a=i(820);function o({images:e,fallbackAlt:t="",className:i="",imageClassName:s="",holdMs:c=l.jy.holdDuration,fadeMs:u=l.jy.fadeDuration}){let[d,g]=(0,n.useState)(0);return((0,n.useEffect)(()=>{if(e.length<2)return;let t=setInterval(()=>{g(t=>(t+1)%e.length)},c);return()=>clearInterval(t)},[e.length,c]),0===e.length)?null:(0,r.jsx)("span",{className:`product-box-cycler relative inline-flex ${i}`,"data-vt-morph":e[0].url,children:e.map((e,i)=>{let n=i===d;return(0,r.jsx)("img",{src:(0,a.withoutIntrinsicSize)(e.url),alt:n?e.alt||t:"","aria-hidden":!n,className:`${0===i?"relative":"absolute top-0 left-0"} transition-opacity ${n?"opacity-100":"opacity-0"} ${s}`,style:{transitionDuration:`${u}ms`}},e.url)})})}},820:(e,t,i)=>{"use strict";i.r(t),i.d(t,{BREAKPOINTS:()=>r,default:()=>s,intrinsicSize:()=>o,withIntrinsicSize:()=>l,withoutIntrinsicSize:()=>a});let r=[96,128,192,256,320,384,640,828,1080,1200,1440,1920,2560],n="#eb=";function l(e,t,i){return t&&i?`${e}${n}${t}x${i}`:e}function a(e){let t=e.indexOf(n);return -1===t?e:e.slice(0,t)}function o(e){let t=e.indexOf(n);if(-1===t)return null;let[i,r]=e.slice(t+n.length).split("x").map(Number);return i&&r?{width:i,height:r}:null}function s({src:e,width:t}){var i;let l,a=e.indexOf(n);if(-1===a)return e;let o=e.slice(0,a),[c,u]=e.slice(a+n.length).split("x").map(Number);if(!c||!u)return o;let d=Math.max(c,u),g=r.find(e=>(e<c||e<u)&&Math.round(c*e/d)>=t);return g?(i=`w${g}`,l=o.lastIndexOf("/")+1,`${o.slice(0,l)}${i}_${o.slice(l)}`):o}},1505:(e,t,i)=>{"use strict";i.d(t,{A:()=>n});var r=i(5155);function n({direction:e="right",className:t="h-6 w-6"}){return(0,r.jsx)("svg",{className:t,fill:"none",viewBox:"0 0 24 24",stroke:"currentColor",strokeWidth:2.5,children:(0,r.jsx)("path",{strokeLinecap:"round",strokeLinejoin:"round",d:"left"===e?"M19 12H5M12 19l-7-7 7-7":"M5 12h14M12 5l7 7-7 7"})})}},1595:(e,t,i)=>{"use strict";i.d(t,{default:()=>a});var r=i(5155),n=i(4932),l=i(3143);function a({rrpPrices:e,priceFrom:t,className:i}){let o=(0,l.A)(),s=function(e,t){if(!e.length)return null;let i=e.find(e=>e.currency.toUpperCase()===t.toUpperCase());return i||(e.find(e=>"AUD"===e.currency.toUpperCase())??e[0])}(e,n.Ny[o]);return s?(0,r.jsxs)("p",{className:i,children:[t&&(0,r.jsx)("i",{children:(0,r.jsx)("span",{className:"mr-1",children:"From "})}),function(e,t){let i=e.toUpperCase();try{return new Intl.NumberFormat("en-US",{style:"currency",currency:i,currencyDisplay:"symbol",minimumFractionDigits:0,maximumFractionDigits:2}).format(t)}catch{return`$${t} ${i}`}}(s.currency,s.value)]}):null}},1614:(e,t,i)=>{"use strict";i.r(t),i.d(t,{default:()=>o});var r=i(5155),n=i(2115),l=i(4181),a=i(6139);function o({children:e,delay:t=0,className:i=""}

1){let s=(0,n.useRef)(null),[c,u]=(0,n.useState)(!1),[d,g]=(0,n.useState)(!1);return(0,a.A)(()=>{let e=s.current;if(!e)return;let t=e.getBoundingClientRect();t.top<window.innerHeight&&t.bottom>0&&(u(!0),g(!0))},[]),(0,n.useEffect)(()=>{if(!d)return;let e=requestAnimationFrame(()=>g(!1));return()=>cancelAnimationFrame(e)},[d]),(0,n.useEffect)(()=>{let e=s.current;if(!e)return;let t=new IntersectionObserver(([e])=>{u(t=>{let i=e.isIntersecting;return t===i?t:i})},{threshold:l.Nj.threshold,rootMargin:l.Nj.rootMargin});return t.observe(e),()=>t.disconnect()},[]),(0,r.jsx)("div",{ref:s,className:`scroll-fade ${c?"scroll-fade--visible":""} ${d?"scroll-fade--instant":""} ${i}`,style:{transitionDelay:`${t}ms`},children:e})}},1873:(e,t,i)=>{"use strict";i.d(t,{R:()=>r});let r={branding:{logoWhite:"/branding/logos/Elecbrakes-Logo-White.svg",logoBlue:"/branding/logos/Elecbrakes-Logo-Blue.svg",icon:"/branding/logos/EB_Icon.svg",appIcon:"/branding/logos/EB-App_Icon.svg",remoteIcon:"/branding/logos/EBR_Logo.svg",elecconnectLogoWhite:"/branding/logos/elecconnect-white.svg",wiredAdaptorLogo:"/branding/logos/wired_adaptor_logo.svg",swayControl:"/branding/logos/swaycontrol-landscape.svg",social:{facebook:"/branding/social/logo_facebook.svg",instagram:"/branding/social/logo_instagram.svg",linkedin:"/branding/social/logo_linkedin.svg",x:"/branding/social/logo_x.svg",youtube:"/branding/social/logo_youtube.svg"},externalBranding:{appStore:"/branding/external-branding/download-app-store.svg",googlePlay:"/branding/external-branding/get-it-google-play.svg"}},circle_iconset:{blue_circle_carplay:"/icons/icon_blue_circle_carplay.svg",blue_circle_trailer:"/icons/icon_blue_circle_trailer.svg",blue_circle_multiple_vehicles:"/icons/icon_blue_circle_multiple_vehicles.svg",blue_circle_drill:"/icons/icon_blue_circle_drill.svg",blue_circle_headlights:"/icons/icon_blue_circle_headlights.svg",blue_circle_chat:"/icons/icon_blue_circle_chat.svg",blue_circle_sway_detection:"/icons/icon_blue_circle_sway-detection.svg",blue_circle_tough:"/icons/icon_blue_circle_tough.svg",blue_circle_adjust:"/icons/icon_blue_circle_adjust.svg",blue_circle_all_in_one:"/icons/icon_blue_circle_all-in-one.svg",blue_circle_tick:"/icons/icon_blue_circle_tick.svg",blue_circle_volts:"/icons/icon_blue_circle_volts.svg",blue_circle_brake_dashboard:"/icons/icon_blue_circle_brake_dashboard.svg",blue_circle_braking_system:"/icons/icon_blue_circle_braking-system.svg",blue_circle_notifications:"/icons/icon_blue_circle_notifications.svg",blue_circle_plug_and_play:"/icons/icon_blue_circle_plug-and-play.svg",blue_circle_streamlined:"/icons/icon_blue_circle_streamlined.svg",blue_circle_australia:"/icons/icon_blue_circle_australia.svg",blue_circle_full_range:"/icons/icon_blue_circle_full-range.svg",orange_circle_vehicle:"/icons/icon_orange_circle_vehicle.svg",orange_circle_multiple_trailers:"/icons/icon_orange_circle_multiple_trailers.svg",orange_circle_mechanic:"/icons/icon_orange_circle_mechanic.svg",orange_circle_twl:"/icons/icon_orange_circle_twl.svg",orange_circle_tap_and_tow:"/icons/icon_orange_circle_tap-and-tow.svg",orange_circle_carplay:"/icons/icon_orange_circle_carplay.svg",orange_circle_play:"/icons/icon_orange_circle_play.svg",orange_circle_adjust:"/icons/icon_orange_circle_adjust.svg",orange_circle_announce:"/icons/icon_orange_circle_announce.svg",orange_circle_tick:"/icons/icon_orange_circle_tick.svg",white_lineart_trailer:"/icons/icon_white_lineart_trailer.svg",white_lineart_multiple_vehicles:"/icons/icon_white_lineart_multiple_vehicles.svg",white_lineart_drill:"/icons/icon_white_lineart_drill.svg",white_lineart_headlights:"/icons/icon_white_lineart_headlights.svg",white_lineart_vehicle:"/icons/icon_white_lineart_vehicle.svg",white_lineart_multiple_trailers:"/icons/icon_white_lineart_multiple_trailers.svg",white_lineart_installer:"/icons/icon_white_lineart_mechanic.svg",white_lineart_volts:"/icons/icon_white_lineart_volts.svg",white_lineart_all_in_one:"/icons/icon_white_lineart_all-in-one.svg",white_lineart_tough:"/icons/icon_white_lineart_tough.svg",white_lineart_tick:"/icons/icon_white_lineart_tick.svg",white_lineart_autralia:"/icons/icon_white_lineart_australia.svg",white_lineart_distance:"/icons/icon_white_lineart_distance.svg",white_lineart_brake_dashboard:"/icons/icon_white_lineart_brake_dashboard.svg",orange_lineart_vehicle:"/icons/icon_orange_lineart_vehicle.svg",orange_lineart_trailer:"/icons/icon_orange_lineart_trailer.svg",orange_lineart_vehicle_flipped:"/icons/icon_orange_lineart_vehicle_flip.svg",orange_lineart_trailer_flipped:"/icons/icon_orange_lineart_trailer_flip.svg"},pages:{home:{sections:{comparison:{toggle:"/icons/toggle.svg",logos:{eb2:"/branding/logos/EB2-Logo_Black.svg",vm1:"/branding/logos/VM1-Logo_Black.svg"}}}}},icons:{link:"/icons/icon_link.svg",email:"/icons/icon_email.svg",share:"/icons/icon_share.svg",doubleArrow:"/icons/double_arrow_lineart.svg",navy_lineart_trailer_caravan:"/icons/icon_navy_lineart_trailer_caravan.svg",navy_lineart_trailer_horsefloat:"/icons/icon_navy_lineart_trailer_horsefloat.svg",navy_lineart_trailer_boat:"/icons/icon_navy_lineart_trailer_boat.svg",navy_lineart_trailer_trade:"/icons/icon_navy_lineart_trailer_trade.svg",navy_lineart_trailer_hire:"/icons/icon_navy_lineart_trailer_hire.svg",navy_lineart_trailer_farm:"/icons/icon_navy_lineart_trailer_farm.svg",connectors:{flat7:"/icons/adaptor_connector_flat_7pin.svg",flat12:"/icons/adaptor_connector_flat_12pin.svg",largeRound7:"/icons/adaptor_connector_large_round.svg",smallRound7:"/icons/adaptor_connector_small_roun

1d.svg",euro13:"/icons/adaptor_connector_euro_13pin.svg"},helpCentre:{videoGuides:"/icons/icon_blue_play.svg",downloads:"/icons/icon_blue_download.svg",troubleshooting:"/icons/icon_blue_spanner.svg",faqs:"/icons/icon_blue_question.svg",videoGuidesOrange:"/icons/icon_orange_play.svg",downloadsOrange:"/icons/icon_orange_download.svg",troubleshootingOrange:"/icons/icon_orange_spanner.svg",faqsOrange:"/icons/icon_orange_question.svg"}},backgrounds:{tiledContours:"/backgrounds/tiled_contours.svg"}}},2531:(e,t,i)=>{"use strict";i.d(t,{C:()=>o,x:()=>a});var r=i(1873);let n=r.R.circle_iconset,l=r.R.pages.home.sections.comparison.logos,a={variant:"eb2",logoSrc:l.eb2,features:[{label:"Trailer-Mounted",iconSrc:n.blue_circle_trailer},{label:"Towing one trailer with multiple vehicles",iconSrc:n.blue_circle_multiple_vehicles},{label:"Easy DIY install to the drawbar",iconSrc:n.blue_circle_drill},{label:"Brake/Tail light circuits",iconSrc:n.blue_circle_headlights}],highlights:[{label:"Sharing or hiring out your trailer",iconSrc:n.orange_circle_tick},{label:"Easy and Fast Setup",iconSrc:n.orange_circle_tick}]},o={variant:"vm1",logoSrc:l.vm1,features:[{label:"Vehicle-Mounted",iconSrc:n.orange_circle_vehicle},{label:"Towing multiple trailers with the same vehicle",iconSrc:n.orange_circle_multiple_trailers},{label:"Simple wiring install to your vehicle",iconSrc:n.orange_circle_mechanic},{label:"Auxiliary",iconSrc:n.orange_circle_twl}],highlights:[{label:"Towing multiple trailers",iconSrc:n.blue_circle_tick},{label:"You prefer auxiliary power",iconSrc:n.blue_circle_tick}]}},2696:(e,t,i)=>{"use strict";i.d(t,{default:()=>a});var r=i(5155),n=i(2115),l=i(1505);function a({tabs:e,theme:t="brand",contentClassName:i="mt-2",onActiveIndexChange:o}){let[s,c]=(0,n.useState)(0),u="light"===(e[s]?.selectedTheme??t),d=(0,n.useRef)(null),g=(0,n.useRef)([]),_=(0,n.useRef)([]),[h,b]=(0,n.useState)(!1),[v,m]=(0,n.useState)(!1),[f,p]=(0,n.useState)(!1),[x,w]=(0,n.useState)(0);(0,n.useEffect)(()=>{let e=window.matchMedia("(max-width: 767px)"),t=()=>p(e.matches);return t(),e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]);let y=(0,n.useCallback)(()=>{let e=d.current;e&&(b(e.scrollLeft>1),m(e.scrollLeft+e.clientWidth<e.scrollWidth-1))},[]),j=0===s,k=s===e.length-1;(0,n.useEffect)(()=>{if(f)return;let e=d.current,t=g.current[s];if(!e||!t)return;let i=e.scrollLeft,r=i+e.clientWidth,n=t.offsetLeft,l=n+t.offsetWidth;n<i?e.scrollTo({left:n,behavior:"smooth"}):l>r&&e.scrollTo({left:l-e.clientWidth,behavior:"smooth"})},[s,f]);let[N,S]=(0,n.useState)({left:0,width:0});(0,n.useEffect)(()=>{o?.(s)},[s,o]);let E=(0,n.useCallback)(()=>{let e=d.current,t=g.current[s];if(!e||!t)return;let i=_.current[s];if(f&&i){let t=e.getBoundingClientRect(),r=i.getBoundingClientRect();S({left:r.left-t.left,width:r.width})}else S({left:t.offsetLeft,width:t.offsetWidth});w(f?e.clientWidth/2-(t.offsetLeft+t.offsetWidth/2):0)},[s,f]);return(0,n.useEffect)(()=>{E(),y(),document.fonts?.ready.then(E).catch(()=>{});let e=()=>{E(),y()};window.addEventListener("resize",e);let t=d.current;return t?.addEventListener("scroll",e,{passive:!0}),()=>{window.removeEventListener("resize",e),t?.removeEventListener("scroll",e)}},[E,y]),(0,r.jsxs)("div",{className:"relative",children:[(0,r.jsxs)("div",{className:"relative z-20",children:[u&&(0,r.jsx)("div",{className:"absolute backdrop-blur-sm pointer-events-none",style:{left:"calc(50% - 50vw)",width:"100vw",top:"-1.5rem",bottom:"0rem",zIndex:-1}}),(0,r.jsxs)("div",{className:"flex items-center gap-3 md:gap-5",children:[(0,r.jsx)("button",{type:"button",onClick:()=>c(s-1),disabled:j,"aria-label":"Previous tab",className:`shrink-0 flex h-11 w-11 items-center justify-center rounded-full border-2 transition-colors cursor-pointer disabled:opacity-30 disabled:pointer-events-none ${u?"border-white text-white hover:bg-white hover:text-eb-navy":"border-eb-blue text-eb-blue hover:bg-eb-blue hover:text-white"}`,children:(0,r.jsx)(l.A,{direction:"left"})}),(0,r.jsxs)("div",{className:"relative flex-1 min-w-0 overflow-clip md:overflow-visible",children:[(0,r.jsx)("div",{className:`absolute bottom-0 left-0 right-0 h-[4px] ${u?"bg-white/35":"bg-eb-grey-100"}`}),(0,r.jsx)("div",{className:`absolute left-0 top-0 bottom-0 w-8 z-[1] pointer-events-none transition-opacity hidden md:block ${h?"opacity-100":"opacity-0"}`,style:{background:u?"linear-gradient(to right, rgba(0,0,0,0.55) 0%, transparent 100%)":"linear-gradient(to right, white 0%, transparent 100%)"}}),(0,r.jsxs)("div",{ref:d,className:"relative flex justify-start md:justify-evenly md:overflow-x-auto scrollbar-hide pb-[4px] transition-transform duration-300 ease-out",style:f?{transform:`translateX(${x}px)`}:void 0,children:[e.map((e,t)=>(0,r.jsx)("button",{ref:e=>{g.current[t]=e},type:"button",onClick:()=>c(t),"aria-pressed":t===s,tabIndex:f&&t!==s?-1:0,"aria-hidden":f&&t!==s,className:`relative w-full shrink-0 md:w-auto md:flex-1 md:shrink text-center px-2 md:px-6 py-4 text-base md:text-lg font-semibold tracking-wide md:whitespace-nowrap transition-colors cursor-pointer ${t===s?u?"text-white":"text-eb-navy":u?"text-white/75 hover:text-white":"text-eb-navy hover:text-eb-orange/70"}`,children:(0,r.jsx)("span",{ref:e=>{_.current[t]=e},children:e.label})},e.label)),(0,r.jsx)("span",{className:"absolute bottom-0 h-[4px] bg-eb-orange transition-all duration-300 ease-out",style:{left:N.left,width:N.width}})]}),(0,r.jsx)("div",{className:`absolute right-0 top-0 bottom-0 w-8 z-[1] pointer-events-none transition-opacity hidden md:block ${v?"opacity-100":"opacity-0"}`,style:{background:u?"linear-gradient(to left, rgba(0,0,0,0.55) 0%, transparent 100%)":"linear-gradient(to left, white 0%, transparent 100%)"}})]}),(0,r.jsx)("button",{type:"button",onClick:()=>c(s+1),disabled:k,"aria-label":"Next tab",className:`shrink-0 flex h-11 w-11 items-center justify-center rounded-full border-2 transition-colors cursor-pointer disabled:opacity-30 disabled:pointer-events-none ${u?"border-white text-white hover:bg-white hover:text-eb-navy":"border-eb-blue text-eb-blue hover:bg-eb-blue hover:text-white"}`,children:(0,r.jsx)(l.A,{direction:"right"})})]})]}),(0,r.jsx)("div",{className:`relative z-10 ${i}`,children:e[s].content})]})}},3143:(e,t,i)=>{"use strict";i.d(t,{A:()=>s});var r=i(2115),n=i(4932);let l=()=>()=>{},a=()=>(0,n.Um)(),o=()=>"au";function s(){return(0,r.useSyncExternalStore)(l,a,o)}},3344:(e,t,i)=>{"use strict";i.d(t,{h:()=>c});var r=i(2115),n=i(6246),l=i(7767),a=i(4181);let o=16*parseFloat(l.rs.navbarZone),s=a._S.crossfadeDuration+100;function c(e,t){let i=(Array.isArray(e)?e:[e]).join("|"),{getLenis:l}=(0,n.x)(),a=(0,r.useRef)(t);(0,r.useEffect)(()=>{a.current=t}),(0,r.useEffect)(()=>{let e=()=>{let e=decodeURIComponent(window.location.hash.slice(1));if(!e||!i.split("|").includes(e))return;a.current?.(e);let t=document.getElementById(e);if(!t)return;let r=t.getBoundingClientRect().top+window.scrollY-o,n=l();n?n.scrollTo(r,{duration:.8,force:!0}):window.scrollTo({top:r,behavior:"smooth"})},t=setTimeout(e,s);return window.addEventListener("hashchange",e),()=>{clearTimeout(t),window.removeEventListener("hashchange",e)}},[i,l])}},3839:(e,t,i)=>{Promise.resolve().then(i.t.bind(i,8500,23)),Promise.resolve().then(i.t.bind(i,8437,23)),Promise.resolve().then(i.bind(i,7308)),Promise.resolve().then(i.bind(i,1595)),Promise.resolve().then(i.bind(i,313)),Promise.resolve().then(i.bind(i,2696)),Promise.resolve().then(i.bind(i,4191)),Promise.resolve().then(i.bind(i,1614))},4181:(e,t,i)=>{"use strict";i.d(t,{Fp:()=>n,Nj:()=>l,_S:()=>a,jy:()=>r});let r={holdDuration:3e3,fadeDuration:600},n={advanceInterval:6e3,trackDuration:700,cardGap:24},l={threshold:.02,rootMargin:"0px 0px -40px 0px",sectionDelay:5},a={enterDuration:220,crossfadeDuration:320,morphDuration:600,revealDuration:450,commitTimeout:1e3,popstateTimeout:700,animatePopstate:!0}},4191:(e,t,i)=>{"use strict";i.d(t,{default:()=>l});var r=i(5155),n=i(3344);

1function l({id:e,children:t}){return(0,n.h)(e),(0,r.jsx)("div",{id:e,className:"scroll-mt-28",children:t})}},4932:(e,t,i)=>{"use strict";i.d(t,{Ny:()=>n,Um:()=>a,V:()=>s,mt:()=>l,ry:()=>o,vl:()=>c});let r=new Set(["Pacific/Auckland","Pacific/Chatham"]),n={au:"AUD",nz:"NZD"},l={au:"Australia",nz:"New Zealand"};function a(){try{let e=Intl.DateTimeFormat().resolvedOptions().timeZone??"";if(r.has(e))return"nz"}catch{}return"au"}let o={au:{north:-9,south:-44,west:112,east:154},nz:{north:-34,south:-47.5,west:166,east:179}},s={au:{center:{lat:-25.2744,lng:115},zoom:5},nz:{center:{lat:-41,lng:163},zoom:5}};function c(e=[]){let t=e.find(e=>e.types.includes("country")),i=t?.short_name.toLowerCase();return"au"===i||"nz"===i}},5772:(e,t,i)=>{"use strict";i.d(t,{default:()=>n.a});var r=i(7651),n=i.n(r)},6139:(e,t,i)=>{"use strict";i.d(t,{A:()=>r});let r=i(2115).useLayoutEffect},6246:(e,t,i)=>{"use strict";i.d(t,{LenisProvider:()=>a,x:()=>o});var r=i(5155),n=i(2115);let l=(0,n.createContext)(null);function a({children:e}){let t=(0,n.useRef)(null),i=(0,n.useRef)(null),[o,s]=(0,n.useState)(null),c=(0,n.useCallback)(e=>{t.current=e},[]),u=(0,n.useCallback)(()=>t.current,[]),d=(0,n.useCallback)(e=>{i.current=e,s(e)},[]),g=(0,n.useCallback)(()=>i.current,[]);return(0,r.jsx)(l.Provider,{value:{setLenis:c,getLenis:u,setSnap:d,getSnap:g,snap:o},children:e})}function o(){let e=(0,n.useContext)(l);if(!e)throw Error("useLenis must be used within <LenisProvider>");return e}},7308:(e,t,i)=>{"use strict";i.d(t,{default:()=>a});var r=i(5155),n=i(7836),l=i(2531);function a({eb2Box:e,vm1Box:t,stageBackground:i}

1){return(0,r.jsxs)("section",{className:"w-full py-20 px-6",children:[(0,r.jsx)("h2",{className:"font-display text-center text-eb-blue text-5xl md:text-7xl lg:text-8xl font-bold tracking-tight leading-tight mb-10",children:"WHAT'S THE DIFFERENCE?"}),(0,r.jsxs)("div",{className:"max-w-5xl mx-auto text-center text-eb-grey-600 text-lg md:text-xl leading-relaxed mb-28 space-y-6",children:[(0,r.jsx)("p",{children:"Choosing the right brake controller depends on how you tow and the flexibility you need."}),(0,r.jsxs)("p",{children:["Elecbrakes offers two options: the ",(0,r.jsx)("strong",{className:"font-bold",children:"EB2 Trailer-Mounted Brake Controller"})," and the"," ",(0,r.jsx)("strong",{className:"font-bold",children:"VM1 Vehicle-Mounted Brake Controller"}),". Both are designed to suit different towing setups and needs. This comparison highlights the key differences to help you choose the right option for your vehicle and trailer setup."]})]}),(0,r.jsxs)("div",{className:"flex flex-col lg:flex-row items-center justify-center gap-8 lg:gap-0 max-w-5xl mx-auto",children:[(0,r.jsx)("div",{className:"w-full max-w-md",children:(0,r.jsx)(n.A,{...l.x,stageBackground:i,boxImage:e})}),(0,r.jsx)("span",{className:"text-eb-blue font-bold text-4xl md:text-5xl lg:text-6xl shrink-0 lg:mx-10",children:"vs."}),(0,r.jsx)("div",{className:"w-full max-w-md",children:(0,r.jsx)(n.A,{...l.C,stageBackground:i,boxImage:t})})]})]})}},7651:(e,t,i)=>{"use strict";Object.defineProperty(t,"__esModule",{value:!0});var r={default:function(){return u},getImageProps:function(){return c}};for(var n in r)Object.defineProperty(t,n,{enumerable:!0,get:r[n]});let l=i(3623),a=i(5413),o=i(8437),s=l._(i(820));function c(e){let{props:t}=(0,a.getImgProps)(e,{defaultLoader:s.default,imgConf:{deviceSizes:[640,828,1080,1200,1440,1920,2560],imageSizes:[32,48,64,96,128,192,256,320,384,576],qualities:[75],path:"/_next/image/",loader:"custom",dangerouslyAllowSVG:!1,unoptimized:!1}});for(let[e,i]of Object.entries(t))void 0===i&&delete t[e];return{props:t}}let u=o.Image},7767:(e,t,i)=>{"use strict";i.d(t,{EY:()=>l,rs:()=>n});let r="max-w-[88rem]",n={gutter:"px-6 sm:px-8 lg:px-16",maxWidth:r,container:`mx-auto ${r} w-full px-6 sm:px-8`,wideContainer:"mx-auto w-full max-w-[calc((88rem_+_100vw)/2)] px-4",sectionPadding:"py-8 lg:py-16",navbarOffset:"pt-24",navbarZone:"7rem"},l={desktop:920,mobileSvh:80}},7836:(e,t,i)=>{"use strict";i.d(t,{A:()=>o});var r=i(5155),n=i(5772);function l({logoSrc:e,logoAlt:t,accentClass:i,backgroundSrc:a,boxImageSrc:o,boxImageAlt:s=""}){return(0,r.jsxs)("div",{className:"relative h-32 lg:h-40 rounded-t-4xl",children:[(0,r.jsx)("div",{className:"absolute inset-0 rounded-t-4xl overflow-hidden bg-[#E4E8EB]","aria-hidden":!0,children:a&&(0,r.jsx)(n.default,{src:a,alt:"",width:1704,height:967,sizes:"(min-width: 1024px) 740px, 853px",className:"absolute w-auto max-w-none h-[484px] -top-[310px] -right-[109px] lg:h-[420px] lg:-top-[241px] lg:-right-[41px]"})}),(0,r.jsx)("div",{className:`absolute top-0 left-6 lg:left-8 flex h-24 w-24 lg:h-32 lg:w-32 items-center justify-center rounded-b-lg ${i}`,children:(0,r.jsx)(n.default,{src:e,alt:t,width:104,height:67,className:"object-contain brightness-0 invert w-20 lg:w-26 h-auto"})}),o&&(0,r.jsx)(n.default,{src:o,alt:s,width:160,height:250,className:"absolute right-6 bottom-4 lg:right-10 lg:bottom-6 object-contain w-26 lg:w-40 h-auto","data-vt-morph":o})]})}let a={eb2:{highlightRowBg:"bg-eb-blue",highlightCircleBg:"bg-eb-orange",accentBg:"bg-eb-orange"},vm1:{highlightRowBg:"bg-eb-orange",highlightCircleBg:"bg-eb-blue",accentBg:"bg-eb-blue"}};function o({variant:e,logoSrc:t,stageBackground:i,boxImage:s,features:c,highlights:u}){let d=a[e];return(0,r.jsxs)("div",{className:"rounded-4xl overflow-visible shadow-2xl w-full max-w-md",children:[(0,r.jsx)(l,{logoSrc:t,logoAlt:`Elecbrakes ${e.toUpperCase()}`,accentClass:d.accentBg,backgroundSrc:i?.url,boxImageSrc:s?.url,boxImageAlt:s?.alt||`Elecbrakes ${e.toUpperCase()} product box`}),c.map((e,t)=>(0,r.jsxs)("div",{className:`relative flex items-center gap-4 px-6 py-4 ${t%2==0?"bg-white":"bg-eb-grey-50"}`,children:[(0,r.jsx)(n.default,{src:e.iconSrc,alt:"",width:48,height:48,className:"shrink-0 w-12 h-12"}),(0,r.jsx)("span",{className:"text-base font-medium text-eb-grey-600 leading-tight",children:e.label})]},e.label)),u.map((e,t)=>(0,r.jsxs)("div",{children:[t>0&&(0,r.jsx)("div",{className:"h-[3px] bg-white"}),(0,r.jsxs)("div",{className:`flex items-center gap-4 px-6 py-4  ${d.highlightRowBg} ${t===u.length-1?"rounded-b-4xl":""}`,children:[(0,r.jsx)(n.default,{src:e.iconSrc,alt:"",width:48,height:48,className:"shrink-0 w-12 h-12"}),(0,r.jsx)("span",{className:"text-base font-bold text-white leading-tight",children:e.label})]})]},e.label))]})}}},e=>{e.O(0,[8437,8500,8441,3794,7358],()=>e(e.s=3839)),_N_E=e.O()}]);