https://flex-lovable-landing-pages.lovable.app/lp/assets/why-flex-BFrrdPvh.js

1const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["lp/assets/index-CPlGXQ0S.js","lp/assets/index-BuZskSCt.js","lp/assets/index-CYb07qle.css"])))=>i.map(i=>d[i]);
2import{r as l,j as e,ay as se,aF as ae,aG as A,aH as C,u as B,w as b,i as ie,k as ne,l as re,p as te,n as R,q as le,o as ce,D as oe,G as de,x as fe,t as ue,v as he,s as me,d as xe,F as pe,I as we,ae as ve,O as ye}from"./index-BuZskSCt.js";import{t as w,a as V,M as je,S as ge,C as be}from"./analytics-QKGLSowm.js";import{C as Ne}from"./chevron-down-guNvi5UF.js";import{A as S}from"./arrow-right-Zi6dTHoL.js";import{C as X}from"./check-BCSy4ydt.js";import"./index-CJp2mYcb.js";import"./index-DqT8O3jE.js";import"./dialog-D2ElIy7j.js";import"./index-BzbxcvOh.js";import"./search-KHeWpimP.js";import"./visitor-context-Bs1UMTeP.js";function ke(s,{idleTimeout:a=2e3}={}){if(typeof window>"u")return()=>{};let n=!1,t,i;const r=()=>{n||(typeof window.requestIdleCallback=="function"?t=window.requestIdleCallback(()=>!n&&s(),{timeout:a}):i=window.setTimeout(()=>!n&&s(),200))};return document.readyState==="complete"?r():window.addEventListener("load",r,{once:!0}),()=>{n=!0,window.removeEventListener("load",r),t!==void 0&&window.cancelIdleCallback?.(t),i!==void 0&&window.clearTimeout(i)}}const _e=l.lazy(()=>se(()=>import("./index-CPlGXQ0S.js"),__vite__mapDeps([0,1,2]))),Se=[480,720,1080,1440,1920];function F(s,a){return`https://image.mux.com/${s}/thumbnail.webp?width=${a}`}const Ee="#ff5d69";function Fe({playbackId:s,poster:a,posterSizes:n="100vw",title:t,videoId:i=s,captionsDefaultOn:r=!0,loop:d=!1,maxResolution:h="720p",inViewRootMargin:m="100px 0px",className:N,onFirstPlay:v}){const[o,k]=l.useState(!1),[x,_]=l.useState(null),[c,p]=l.useState(!0),[y,K]=l.useState(!1),[j,Q]=l.useState(null),[u,J]=l.useState(null),P=l.useRef(null),O=l.useRef(null);l.useEffect(()=>ke(()=>K(!0)),[]),l.useEffect(()=>{j===null&&(o||y&&x!==!1)&&Q({poster:O.current?.currentSrc||a||F(s,1080),mutedPreview:!o})},[j,o,y,x,a,s]),l.useEffect(()=>{const f=P.current;if(!f||typeof IntersectionObserver>"u")return;const g=new IntersectionObserver(([ee])=>_(ee?.isIntersecting??!1),{rootMargin:m});return g.observe(f),()=>g.disconnect()},[m]),l.useEffect(()=>{const f=()=>p(document.visibilityState!=="hidden");return f(),document.addEventListener("visibilitychange",f),()=>document.removeEventListener("visibilitychange",f)},[]),l.useEffect(()=>{o||x===null||!u||(x&&c?u.play?.()?.catch?.(()=>{}):x||u.pause?.())},[u,o,x,c]),l.useEffect(()=>{if(!(!o||!u)&&(u.currentTime=.3,u.play?.()?.catch?.(()=>{}),r)){const f=Array.from(u.textTracks??[]).find(g=>g.kind==="captions"||g.kind==="subtitles");f&&(f.mode="showing")}},[u,o,r]);const Z=l.useCallback(()=>{k(!0),v?.()},[v]);return e.jsxs("div",{ref:P,className:["fc-video",o?"is-unmuted":"is-preview",N].filter(Boolean).join(" "),onClick:o?void 0:Z,children:[e.jsx("img",{ref:O,className:"fc-video-poster",src:a??F(s,720),srcSet:a?void 0:Se.map(f=>`${F(s,f)} ${f}w`).join(", "),sizes:a?void 0:n,alt:"","aria-hidden":"true",fetchPriority:"high"}),j!==null?e.jsx(l.Suspense,{fallback:null,children:e.jsx(_e,{ref:J,className:"fc-mux",playbackId:s,poster:j.poster,maxResolution:h,muted:!o,autoPlay:j.mutedPreview?"muted":"any",preload:"auto",loop:d,accentColor:Ee,defaultHiddenCaptions:!r,metadata:{video_id:i,video_title:t},disableTracking:!0,disableCookies:!0})}):null,o?null:e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"fc-video-shield","aria-hidden":"true"}),e.jsx("button",{type:"button",className:"fc-video-play","aria-label":"Play video with sound",children:e.jsx("svg",{viewBox:"0 0 20 27",fill:"none","aria-hidden":"true",focusable:"false",children:e.jsx("path",{d:"M19.1034 11.7357C20.2909 12.5273 20.2909 14.2723 19.1035 15.0639L3.10902 25.727C1.77991 26.6131 -0.000392172 25.6603 -0.000392102 24.0629L-0.00039117 2.73701C-0.0003911 1.13962 1.77989 0.186835 3.109 1.0729L19.1034 11.7357Z",fill:"currentColor"})})})]})]})}function U(s){return s?s.qa?`qa:${s.arm}`:s.arm:"unassigned"}const Ie=/bot|crawl|spider|slurp|facebookexternalhit|inspectiontool|lighthouse|headless/i;function Le(s){const a=s.filter(i=>i.weight>0),n=a.reduce((i,r)=>i+r.weight,0);if(n<=0)return null;let t=Math.random()*n;for(const i of a)if(t-=i.weight,t<0)return i.id;return a[a.length-1].id}function Ce(s,a){if(typeof window>"u"||Ie.test(navigator.userAgent))return null;const n=new Set(s.arms.map(i=>i.id)),t=new URLSearchParams(window.location.search).get(s.override);

2if(t&&n.has(t)){const i=t;return{arm:i,draw:a?.(i),qa:!0}}try{const i=Ae(window.localStorage.getItem(s.key));if(i&&n.has(i.arm))return{arm:i.arm,draw:i.draw};const r=Le(s.arms);if(!r)return null;const d={arm:r,draw:a?.(r)};return window.localStorage.setItem(s.key,JSON.stringify(d)),d}catch{return null}}function Ae(s){if(!s)return null;try{return JSON.parse(s)}catch{return null}}function T(s,a){const n=s.slice();for(let t=n.length-1;t>0;t--){const i=Math.floor(Math.random()*(t+1));[n[t],n[i]]=[n[i],n[t]]}return n.slice(0,Math.min(a,n.length))}const q=7,Pe={key:"lp_exp_whyflex_faq_v1",override:"faq_arm",arms:[{id:"discovery",weight:80},{id:"holdout",weight:20}]},Oe=Object.keys(A).filter(s=>!C.includes(s));function Re(s){if(s==="discovery")return T([...C,...T(Oe,q-C.length)],q)}function G(){return Ce(Pe,Re)}const E={variant:"control",ids:ae,hidden:!1};function Te(){const s=G(),a=U(s);if(s?.arm==="holdout")return{...E,variant:a,hidden:!0};if(s?.arm==="discovery"){const n=(s.draw??[]).filter(t=>t in A);if(n.length)return{...E,variant:a,ids:n}}return{...E,variant:a}}function qe({ctaHref:s}){const[a,n]=l.useState(null),t=a??E,i=l.useRef(null);return l.useEffect(()=>n(Te()),[]),l.useEffect(()=>{if(!a)return;const r=i.current;if(!r||typeof IntersectionObserver>"u")return;const d=new IntersectionObserver(h=>{h.some(m=>m.isIntersecting)&&(d.disconnect(),w({event:"whyflex_faq_view",variant:a.variant,question_ids:a.hidden?"":a.ids.join(",")}))},{rootMargin:"0px 0px -20% 0px"});return d.observe(r),()=>d.disconnect()},[a]),e.jsxs(e.Fragment,{children:[e.jsx("div",{ref:i,"aria-hidden":!0,className:"wf-faq-marker"}),!t.hidden&&e.jsxs("section",{className:"wf-shell wf-section wf-faq","aria-labelledby":"why-faq-title",children:[e.jsxs("h2",{id:"why-faq-title",children:["Good questions,",e.jsx("br",{}),"straight answers."]}),e.jsxs("div",{children:[e.jsx("div",{className:"wf-faq-list",children:t.ids.map((r,d)=>{const h=A[r];return e.jsxs("details",{className:"wf-faq-row",onToggle:m=>{m.currentTarget.open&&w({event:"whyflex_faq_open",variant:t.variant,question_id:r,position:d+1})},children:[e.jsxs("summary",{children:[h.q," ",e.jsx(Ne,{size:18,"aria-hidden":!0})]}),e.jsx("p",{children:h.a})]},r)})}),e.jsxs("a",{className:"wf-text-link wf-faq-cta",href:s,onClick:()=>w({event:"whyflex_faq_cta_click",variant:t.variant}),children:["Find your Flexcar ",e.jsx(S,{size:16,"aria-hidden":!0})]})]})]})]})}const He="/lp/assets/road-640-CfdgIFRA.webp",H="/lp/assets/road-1024-5nqfec3e.webp",Me="/lp/assets/family-640-D3gvXHn9.webp",M="/lp/assets/family-1024-Bn7QsLXA.webp",z="(min-width: 1001px) 600px, calc(100vw - 48px)",I={title:"Freedom of Flexing",playbackId:"k2CoNHdHUfxwJvIc83mwVqAdL29h4buOoegh1uHnv4E"},Y=we("/why-flex");function W(){return e.jsx(ve,{size:16,strokeWidth:2.75,"aria-hidden":!0,className:"wf-ic-dark"})}function D(){return e.jsx(X,{size:16,strokeWidth:2.75,"aria-hidden":!0,className:"wf-ic-magenta"})}function $(){return e.jsx(X,{size:16,strokeWidth:2.75,"aria-hidden":!0,className:"wf-ic-dark"})}function L({number:s}){const a=`wf-principle-arc-${s}`;return e.jsxs("span",{className:"wf-principle-number","aria-hidden":"true",children:[e.jsxs("svg",{viewBox:"0 0 84 64",focusable:"false",children:[e.jsx("defs",{children:e.jsxs("linearGradient",{id:a,x1:"0",y1:"0",x2:"1",y2:"0",children:[e.jsx("stop",{className:"wf-arc-start",offset:"0%"}),e.jsx("stop",{className:"wf-arc-middle",offset:"50%"}),e.jsx("stop",{className:"wf-arc-end",offset:"100%"})]})}),e.jsx("path",{d:"M22 16c10-13 30-13 40 0",stroke:`url(#${a})`}),e.jsx("path",{d:"M22 48c10 13 30 13 40 0",stroke:`url(#${a})`})]}),e.jsx("span",{children:s})]})}const ze=[["Your car","Included","Included"],["Insurance","Included","Paid separately"],["Maintenance, repairs & roadside","Included","Paid separately"],["Registration","Included","Paid separately"]],We=[{label:"Swap it.",flex:" Flex into another car anytime.",buy:" Locked in. No swapping."},{label:"Keep it.",keepable:!0,flex:"Keep it as long as you like.",buy:"Keep the same car for years."},{label:"Return it.",flex:" Return anytime. No penalty.",buy:" Locked in. 3–7 year contracts."}],De=[{title:"Find your car.",body:"Choose the car that fits your life."},{title:"Skip the dealership hassle.",body:"Order online in minutes. No haggling or surprise fees."},{title:"Enjoy the ride.",body:"Pick up or get delivery. We handle maintenance, repairs, and roadside assistance."}];function $e(){const s=B(),a=s(b("https://www.flexcar.com/inventory")),n=V(Y.useSearch()),t=ie({from:"/why-flex"}),{profile:i,vehicleId:r,customized:d,zipAdjustment:h,marketSource:m,contextReady:N}=n,v=ne(r),o=re(h,te(R,i.age,i.credit)),k=le(ce(R,v,i,oe,o)),x=b(de("/flex-vs-buy-savings-calculator",n));fe.find(c=>c.plan===i.plan);const _=l.useRef(!1);return l.useEffect(()=>{!N||_.current||(_.current=!0,w({event:"whyflex_view",car:r,market:i.market,customized:d,market_source:m,faq_variant:U(G())}))},[N]),e.jsxs(e.Fragment,{children:[e.jsxs("section",{className:"wf-hero wf-shell","aria-labelledby":"why-title",children:[e.jsxs("div",{className:"wf-hero-copy",children:[e.jsxs("h1",{id:"why-title",children:["Own your life.",e.jsx("br",{}),e.jsx("span",{className:"flx-flame-text",children:"Flex your car."})]}),e.jsx("p",{className:"wf-intro",children:"Sixty seconds on why you'll never buy a car again."})]}),e.jsx("div",{id:"the-pitch",className:"wf-pitch-video",children:e.jsx(Fe,{playbackId:I.playbackId,posterSizes:"(min-width: 901px) 600px, calc(100vw - 48px)",t

2itle:I.title,videoId:"why-flex-pitch",onFirstPlay:()=>w({event:"whyflex_video_play",video_id:"why-flex-pitch",video_title:I.title})})})]}),e.jsx("div",{className:"wf-principles-intro",children:e.jsx("h2",{className:"wf-shell",children:"Flexing is better than buying or leasing. It’s built on three principles."})}),e.jsxs("section",{id:"affordable",className:"wf-shell wf-principle","aria-labelledby":"affordable-title",children:[e.jsxs("h2",{id:"affordable-title",className:"wf-principle-title",children:[e.jsx(L,{number:1}),"More affordable"]}),e.jsx("p",{className:"wf-principle-lede",children:"Save money with one monthly payment that includes insurance, maintenance, roadside, and registration."}),e.jsxs("div",{className:"wf-savings-card",children:[e.jsxs("div",{className:"wf-savings-top",children:[e.jsxs("div",{className:"wf-savings-main",children:[e.jsx("h3",{className:"wf-savings-title",children:"Flexing  vs  Buying"}),e.jsx("p",{className:"wf-model-label",children:"Choose your Flexcar"}),e.jsx(je,{vehicle:v,onPick:c=>{c!==r&&w({event:"whyflex_car_change",from_model:r,to_model:c,market:i.market}),t({search:p=>({...p,car:c}),replace:!0,resetScroll:!1})}}),e.jsx(ge,{upfront:k.upfrontDiff,monthly:k.monthlyDiff,link:e.jsx("a",{className:"wf-savings-link",href:x,target:"_blank",rel:"noopener noreferrer",onClick:()=>w({event:"whyflex_breakdown_click",car:r,market:i.market}),children:"See your savings breakdown"})})]}),e.jsx("div",{className:"wf-savings-photo",children:e.jsx(be,{vehicle:v})})]}),e.jsx("div",{className:"wf-compare wf-compare-included",children:e.jsxs("div",{className:"wf-compare-grid",children:[e.jsxs("div",{className:"wf-compare-head","aria-hidden":!0,children:[e.jsx("span",{}),e.jsx("span",{children:"Flexing"}),e.jsx("span",{children:"Buying or Leasing"})]}),ze.map(([c,p,y])=>e.jsxs("div",{className:"wf-compare-row",children:[e.jsx("strong",{children:c}),e.jsxs("div",{className:"wf-compare-cell","data-col":"flex",children:[e.jsx("small",{children:"Flexing"}),e.jsx(D,{})," ",p]}),e.jsxs("div",{className:"wf-compare-cell","data-col":"buy",children:[e.jsx("small",{children:"Buying or Leasing"}),y==="Paid separately"?e.jsx(W,{}):e.jsx($,{})," ",y]})]},c))]})})]})]}),e.jsxs("section",{id:"flexible",className:"wf-shell wf-principle","aria-labelledby":"flexible-title",children:[e.jsxs("h2",{id:"flexible-title",className:"wf-principle-title",children:[e.jsx(L,{number:2}),"More flexible"]}),e.jsx("p",{className:"wf-principle-lede",children:"Change your car with the seasons. Or keep the one you love."}),e.jsxs("div",{className:"wf-flex-story",children:[e.jsx("img",{src:M,srcSet:`${Me} 640w, ${M} 1024w`,sizes:z,alt:"A driver loading a bag into an SUV in a driveway",loading:"lazy",width:"1024",height:"768"}),e.jsxs("div",{className:"wf-compare wf-compare-prose",children:[e.jsxs("div",{className:"wf-compare-grid",children:[e.jsxs("div",{className:"wf-compare-head","aria-hidden":!0,children:[e.jsx("span",{}),e.jsx("span",{children:"Flexing"}),e.jsx("span",{children:"Buying or Leasing"})]}),We.map(c=>e.jsxs("div",{className:"wf-compare-row",children:[e.jsx("strong",{children:c.label}),e.jsxs("div",{className:"wf-compare-cell","data-col":"flex",children:[e.jsx("small",{children:"Flexing"}),e.jsx(D,{})," ",c.flex]}),e.jsxs("div",{className:"wf-compare-cell","data-col":"buy",children:[e.jsx("small",{children:"Buying or Leasing"}),c.keepable?e.jsx($,{}):e.jsx(W,{})," ",c.buy]})]},c.label))]}),e.jsx("div",{className:"wf-compare-cta",children:e.jsxs("a",{href:s(b("https://www.flexcar.com/how-swaps-work")),className:"wf-button",children:["How swaps work ",e.jsx(S,{size:18,"aria-hidden":!0})]})})]})]})]}),e.jsxs("section",{id:"enjoyable",className:"wf-shell wf-principle","aria-labelledby":"enjoyable-title",children:[e.jsxs("h2",{id:"enjoyable-title",className:"wf-principle-title",children:[e.jsx(L,{number:3}),"More enjoyable"]}),e.jsx("p",{className:"wf-principle-lede",children:"Less dealership. More destination."}),e.jsxs("div",{className:"wf-enjoy",children:[e.jsxs("div",{className:"wf-enjoy-copy",children:[e.jsx("ol",{className:"wf-steps",children:De.map((c,p)=>e.jsxs("li",{children:[e.jsx("span",{children:p+1}),e.jsxs("div",{children:[e.jsx("h3",{children:c.title}),e.jsx("p",{children:c.body})]})]},c.title))}),e.jsxs("a",{href:s(b("https://www.flexcar.com/how-it-works")),className:"wf-button",children:["How flexing works ",e.jsx(S,{size:18,"aria-hidden":!0})]})]}),e.jsx("div",{className:"wf-enjoy-image",children:e.jsx("img",{src:H,srcSet:`${He} 640w, ${H} 1024w`,sizes:z,alt:"A silver SUV on a winding open road",loading:"lazy",width:"1024",height:"1280"})})]})]}),e.jsx("section",{className:"wf-shell wf-section","aria-labelledby":"why-final-title",children:e.jsxs("div",{className:"wf-final wf-reveal",children:[e.jsxs("h2",{id:"why-final-title",children:["Once you flex,",e.jsx("br",{}),"you’ll never buy a car again."]}),e.jsx("div",{className:"wf-actions",children:e.jsxs("a",{href:a,className:"wf-button",children:["Find your Flexcar ",e.jsx(S,{size:18,"aria-hidden":!0})]})})]})}),e.jsx(qe,{ctaHref:a})]})}function Be(){const s=B(),{profile:a}=V(Y.useSearch()),n=ue.find(r=>r.id===a.age).label,t=he.find(r=>r.id===a.credit).label.toLowerCase(),i=me(a.market);return e.jsxs("p",{id:"pricing-details",children:["Savings are estimates for a ",n," driver with ",t," credit in ",i,", using model-average prices as of ",xe(),". Flexing includes Essential protection and the annual membership, averaged over ",pe(a.years)," with modeled price step-downs; buying includes financing, ownership costs, and the car’s resale value. Actual savings vary and aren’t guaranteed. Maintenance, covered repairs, and roadside come with the $249 annual membership. Estimates include sales tax but not extra mileage, swaps, damage, fuel, or tolls. Insurance limits, deductibles, and exclusions apply. Availability varies. Month-to-month returns have no early-termination penalty; usage and damage charges still apply. Terms vary by plan and state; see the"," ",e.jsx("a",{href:s(b("https://www.flexcar.com/membershipagreement")),children:"Membership Agreement"}),"."]})}

2function as(){return e.jsx(ye,{mainClassName:"why-flex",footer:"legal",footerNote:e.jsx(Be,{}),children:e.jsx($e,{})})}export{as as component};