https://flex-lovable-landing-pages.lovable.app/lp/assets/membership-DdvaYdDG.js

1import{aa as D,u,j as e,w as p,T as g,ad as E,ae as M,af as V,r as h,ag as O,S as R,ah as T,O as I,Q as H}from"./index-BuZskSCt.js";import{A as y}from"./arrow-right-Zi6dTHoL.js";import{A as L}from"./arrow-down-Stbt77dj.js";import{F as S}from"./fuel-_3neUuLJ.js";import{L as A}from"./life-buoy-CkCVumOK.js";import{R as B}from"./repeat-cOieiHet.js";import{C as v}from"./chevron-down-guNvi5UF.js";import{S as $}from"./sparkles-CbL-PKkt.js";import{A as Y}from"./arrow-up-right-Cr2g2-9n.js";import{C as G}from"./check-BCSy4ydt.js";import{S as P}from"./index-BzbxcvOh.js";import{A as z}from"./arrow-left-B1GP3R2U.js";import{S as q,T as U}from"./tag-Ntybr8ky.js";import{I as Q}from"./infinity-DaYjNYU0.js";import{U as X}from"./user-plus-DNqp43Au.js";import"./index-DqT8O3jE.js";const K=[["path",{d:"M10 2v2",key:"7u0qdc"}],["path",{d:"M14 2v2",key:"6buw04"}],["path",{d:"M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1",key:"pwadti"}],["path",{d:"M6 2v2",key:"colzsn"}]],J=D("coffee",K),Z="/lp/assets/membership-hero-car-DnNp3iLh.jpg";function ee(){const t=u();return e.jsx("section",{className:"px-3 pt-8 sm:px-6 sm:pt-16 lg:pt-24","aria-labelledby":"hero-title",children:e.jsx("div",{className:"mx-auto max-w-7xl px-2 sm:px-6",children:e.jsxs("div",{className:"grid items-center gap-8 lg:grid-cols-5 lg:gap-12",children:[e.jsxs("div",{className:"lg:col-span-3",children:[e.jsx("div",{className:"text-[12px] font-semibold uppercase tracking-[0.18em] text-neutral-500",children:"Flexcar membership"}),e.jsxs("h1",{id:"hero-title",className:"font-display mt-4 text-balance text-[36px] font-semibold leading-[1.04] tracking-[-1.2px] text-neutral-900 sm:text-[56px] sm:leading-[1.02] sm:tracking-[-1.8px] lg:text-[68px] lg:tracking-[-2.2px]",children:["What Does the $249 Flexcar",e.jsx("br",{}),e.jsx("span",{className:"flx-flame-text",children:"Membership Include?"})]}),e.jsx("p",{className:"mt-5 max-w-xl text-[17px] font-medium leading-[1.5] text-neutral-700 sm:text-[19px]",children:"The $249 annual Flexcar membership includes covered maintenance, 24/7 roadside assistance, the Gas Saver Program, the ability to swap Flexcars, loyalty rewards, and a trial period. The membership also provides access to app features for managing your Flexcar."}),e.jsxs("div",{className:"mt-7 flex flex-col gap-3 sm:mt-8 sm:flex-row sm:flex-wrap",children:[e.jsxs("a",{href:t(p("https://www.flexcar.com/inventory")),className:"inline-flex h-[52px] items-center justify-center gap-2 whitespace-nowrap rounded-full bg-neutral-900 px-6 text-[15px] font-semibold text-white transition hover:bg-neutral-800",children:["Browse cars ",e.jsx(y,{className:"h-4 w-4","aria-hidden":!0})]}),e.jsxs("a",{href:"#included",className:"inline-flex h-[52px] items-center justify-center gap-2 whitespace-nowrap rounded-full border border-neutral-300 bg-white px-6 text-[15px] font-semibold text-neutral-900 transition hover:border-neutral-900",children:["See the math ",e.jsx(L,{className:"h-4 w-4","aria-hidden":!0})]})]})]}),e.jsx("div",{className:"hidden lg:col-span-2 lg:block",children:e.jsxs("div",{className:"relative",children:[e.jsxs("div",{className:"relative overflow-hidden rounded-3xl shadow-[0_20px_60px_-20px_rgba(0,0,0,0.35)]",children:[e.jsx("img",{src:Z,alt:"A real Mercedes-Benz SUV parked at golden hour, representing a Flexcar membership vehicle",width:1024,height:1280,className:"h-full w-full object-cover",loading:"eager",decoding:"async"}),e.jsx("div",{className:"absolute inset-0 bg-gradient-to-t from-black/25 via-transparent to-transparent"})]}),e.jsx(m,{className:"-left-6 top-8 animate-[flx-float_6s_ease-in-out_infinite]",icon:e.jsx(g,{className:"h-3.5 w-3.5"}),label:"Maintenance",value:"$0",tone:"rose"}),e.jsx(m,{className:"-right-4 top-24 animate-[flx-float_7s_ease-in-out_infinite_.4s]",icon:e.jsx(S,{className:"h-3.5 w-3.5"}),label:"Gas Saver",value:"20¢+ off",tone:"amber"}),e.jsx(m,{className:"-left-4 top-1/2 animate-[flx-float_8s_ease-in-out_infinite_.8s]",icon:e.jsx(A,{className:"h-3.5 w-3.5"}),label:"Roadside",value:"24/7",tone:"violet"}),e.jsx(m,{className:"-right-6 bottom-24 animate-[flx-float_6.5s_ease-in-out_infinite_.2s]",icon:e.jsx(B,{className:"h-3.5 w-3.5"}),label:"Vehicle swaps",value:"Anytime",tone:"sky"}),e.jsx(m,{className:"-left-2 bottom-8 animate-[flx-float_7.5s_ease-in-out_infinite_.6s]",icon:e.jsx(E,{className:"h-3.5 w-3.5"}),label:"Trial",value:"14 days",tone:"emerald"})]})})]})})})}function m({className:t="",icon:s,label:a,value:r,tone:n}){const i={rose:"text-rose-600 bg-rose-50 ring-rose-200",amber:"text-amber-700 bg-amber-50 ring-amber-200",violet:"text-violet-600 bg-violet-50 ring-violet-200",sky:"text-sky-700 bg-sky-50 ring-sky-200",emerald:"text-emerald-700 bg-emerald-50 ring-emerald-200"};return e.jsxs("div",{className:`absolute z-10 flex items-center gap-2 rounded-full bg-white/95 py-2 pl-2 pr-3 shadow-[0_10px_30px_-8px_rgba(0,0,0,0.25)] ring-1 ring-black/5 backdrop-blur ${t}`,children:[e.jsx("span",{className:`inline-flex h-6 w-6 items-center justify-center rounded-full ring-1 ${i[n]}`,children:s}),e.jsx("span",{className:"text-[12px] font-medium text-neutral-500",children:a}),e.jsx("span",{className:"text-[13px] font-semibold text-neutral-900",children:r})]})}const N=({it:t})=>{const s=u();return t.href?e.jsxs("a",{href:s(p(t.href)),target:"_blank",rel:"noopener noreferrer",className:"group inline-flex items-center gap-1 text-[15px] font-semibold text-neutral-900 hover:text-[#E11D74] sm:text-[17px]",children:[t.label,e.jsx(Y,{className:"h-4 w-4 transition-transform group-hover:-translate-y-0.5 group-hover:translate-x-0.5",strokeWidth:2,"aria-hidden":!0})]}):e.jsx("span",{className:"text-[15px] font-semibold text-neutral-900 sm:text-[17px]",children:t.label})},te=({it:t})=>t.without.startsWith("$")?e.jsx("div",{className:"whitespace-nowrap text-right text-[15px] font-semibold tabular-nums text-neutral-900 sm:text-[16

1px]",children:t.without}):e.jsxs("div",{className:"inline-flex items-start justify-end gap-1.5 text-[15px] font-semibold text-neutral-500 sm:text-[16px]",children:[e.jsx(M,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2,"aria-hidden":!0}),e.jsx("span",{className:"leading-tight",children:t.without})]}),ae=({it:t})=>t.with.startsWith("$")?e.jsx("div",{className:"whitespace-nowrap text-right text-[15px] font-semibold tabular-nums text-flx-included sm:text-[16px]",children:t.with}):e.jsxs("div",{className:"inline-flex items-start justify-end gap-1.5 text-[15px] font-semibold text-flx-included sm:text-[16px]",children:[e.jsx(G,{className:"h-4 w-4 flex-shrink-0",strokeWidth:2.5,"aria-hidden":!0}),e.jsx("span",{className:"leading-tight",children:t.with})]});function se(){const t=[{label:"Maintenance, covered",sub:"One oil change is $80–120. One tire rotation is $50. Brakes run hundreds.",without:"$1,330 / yr",with:"$0"},{label:"24/7 roadside",sub:"One tow alone is $100+. Flat, jump, lockout — covered, any hour, anywhere in the U.S.",without:"$99 / yr",with:"$0"},{label:"Gas Saver",sub:"Gas Saver earns you 20¢+ off per gallon at Gas Saver stations. You can earn even bigger discounts through Flexcar Rewards and the Safe Driving program.",without:"Pay what you see",with:"Pay less at the pump",href:"https://www.flexcar.com/save-on-gas"},{label:"Vehicle swaps",sub:"Switch to a different Flexcar anytime your needs change.",without:"Not available",with:"Anytime",href:"https://www.flexcar.com/how-swaps-work"},{label:"Loyalty rewards",sub:"Bronze tier and up unlock free or discounted swaps — value that grows the longer you stay.",without:"Not available",with:"Included",href:"https://www.flexcar.com/rewards-and-loyalty"},{label:"14-day trial",sub:"Change your mind in the first two weeks? Return the car and pay nothing for the membership.",without:"Not an option",with:"Risk-free"}];return e.jsxs("section",{id:"included","aria-labelledby":"receipt-title",className:"mx-auto mt-16 max-w-6xl px-4 sm:mt-32 sm:px-6",children:[e.jsxs("div",{className:"mb-8 text-center",children:[e.jsx("h2",{id:"receipt-title",className:"font-display text-[32px] font-semibold tracking-[-1px] text-neutral-900 sm:text-[40px] sm:tracking-[-1.2px]",children:"Do the math."}),e.jsx("p",{className:"mt-3 text-[16px] text-neutral-600 sm:text-[17px]",children:"Without Flexcar, this hits your card. With Flexcar, it doesn't."})]}),e.jsxs("div",{className:"overflow-hidden rounded-2xl border border-neutral-200 bg-white sm:hidden",children:[e.jsxs("div",{className:"grid grid-cols-2 border-b border-neutral-200 bg-neutral-50 px-4 py-3 text-[11px] font-semibold uppercase text-neutral-500",children:[e.jsx("span",{children:"Without Flexcar"}),e.jsx("span",{className:"text-right",children:"With Flexcar"})]}),e.jsx("div",{className:"divide-y divide-neutral-200",children:t.map(s=>e.jsxs("details",{className:"group px-4 py-4",children:[e.jsxs("summary",{className:"list-none cursor-pointer focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#3A00E5]",children:[e.jsxs("div",{className:"flex min-h-11 items-center justify-between gap-3",children:[e.jsx(N,{it:s}),e.jsx(v,{className:"h-4 w-4 shrink-0 text-neutral-500 transition-transform group-open:rotate-180","aria-hidden":!0})]}),e.jsxs("div",{className:"mt-3 grid grid-cols-2 gap-3",children:[e.jsx("div",{className:"text-[14px] font-semibold leading-snug text-neutral-600",children:s.without}),e.jsx("div",{className:"text-right text-[14px] font-semibold leading-snug text-flx-included",children:s.with})]})]}),e.jsx("p",{className:"mt-3 border-t border-neutral-100 pt-3 text-[13px] leading-relaxed text-neutral-600",children:s.sub})]},s.label))}),e.jsxs("div",{className:"grid grid-cols-2 gap-3 border-t-2 border-neutral-900 bg-neutral-50 px-4 py-5",children:[e.jsxs("div",{children:[e.jsx("div",{className:"text-[12px] font-semibold text-neutral-600",children:"What it'd cost you"}),e.jsxs("div",{className:"font-display mt-1 text-[23px] font-semibold tabular-nums text-[#E11D74]",children:["$1,429+",e.jsx("span",{className:"text-[14px]",children:" /yr"})]})]}),e.jsxs("div",{className:"text-right",children:[e.jsx("div",{className:"text-[12px] font-semibold text-neutral-600",children:"What you pay"}),e.jsxs("div",{className:"font-display mt-1 text-[23px] font-semibold tabular-nums text-flx-included",children:["$249",e.jsx("span",{className:"text-[14px]",children:" /yr"})]})]})]})]}),e.jsx("div",{className:"hidden overflow-x-auto rounded-3xl border border-neutral-200 bg-white px-6 py-6 sm:block sm:p-10",children:e.jsxs("table",{className:"w-full min-w-[560px] border-separate border-spacing-0 sm:min-w-0",children:[e.jsx("thead",{children:e.jsxs("tr",{children:[e.jsx("th",{className:"pb-4 pr-3 text-left font-display text-[18px] font-semibold tracking-[-0.3px] text-neutral-900 sm:text-[20px]",children:"Benefit"}),e.jsx("th",{className:"pb-4 px-3 text-right font-display text-[18px] font-semibold tracking-[-0.3px] text-neutral-900 sm:text-[20px] border-r border-neutral-200",children:"Without Flexcar"}),e.jsx("th",{className:"pb-4 pl-3 text-right font-display text-[18px] font-semibold tracking-[-0.3px] text-neutral-900 sm:text-[20px]",children:"With Flexcar"})]})}),e.jsx("tbody",{children:t.map((s,a)=>e.jsxs("tr",{className:a!==0?"border-t border-neutral-200":"",children:[e.jsxs("td",{className:"py-4 pr-3 align-top",children:[e.jsx(N,{it:s}),e.jsx("div",{className:"mt-1 max-w-[240px] text-[14px] leading-relaxed text-neutral-600 sm:max-w-[360px]",children:s.sub})]}

1),e.jsx("td",{className:"py-4 px-3 text-right align-top border-r border-neutral-200",children:e.jsx(te,{it:s})}),e.jsx("td",{className:"py-4 pl-3 text-right align-top",children:e.jsx(ae,{it:s})})]},s.label))}),e.jsx("tfoot",{children:e.jsxs("tr",{className:"border-t-2 border-neutral-900",children:[e.jsx("td",{className:"pt-6 pr-3"}),e.jsxs("td",{className:"pb-2 pt-6 px-3 text-right align-top border-r border-neutral-200",children:[e.jsx("div",{className:"font-display text-[14px] font-semibold tracking-[-0.2px] text-neutral-900 sm:text-[16px]",children:"What it'd cost you"}),e.jsxs("div",{className:"font-display whitespace-nowrap text-[26px] font-semibold tabular-nums tracking-[-0.6px] sm:text-[32px]",style:{color:"#E11D74"},children:["$1,429+"," ",e.jsx("span",{className:"text-[18px] font-medium sm:text-[22px]",children:"/yr"})]})]}),e.jsxs("td",{className:"pb-2 pt-6 pl-3 text-right align-top",children:[e.jsx("div",{className:"font-display text-[14px] font-semibold tracking-[-0.2px] text-neutral-900 sm:text-[16px]",children:"What you pay"}),e.jsxs("div",{className:"font-display whitespace-nowrap text-[26px] font-semibold tabular-nums tracking-[-0.6px] text-flx-included sm:text-[32px]",children:["$249"," ",e.jsx("span",{className:"text-[18px] font-medium sm:text-[22px]",children:"/yr"})]})]})]})})]})}),e.jsx("div",{className:"mt-6 flex justify-center sm:mt-8",children:e.jsxs("div",{className:"flx-confetti-trigger relative inline-flex flex-col items-center gap-2 rounded-2xl border border-[#E11D74]/15 bg-white px-5 py-4 text-center shadow-[0_12px_40px_-16px_rgba(225,29,116,0.18)] sm:flex-row sm:gap-3 sm:px-7 sm:py-4",children:[e.jsx("span",{className:"flx-confetti-piece",style:{left:"15%",background:"#E11D74",animationDelay:"0ms"}}),e.jsx("span",{className:"flx-confetti-piece",style:{left:"35%",background:"#E8891A",animationDelay:"120ms",height:"10px"}}),e.jsx("span",{className:"flx-confetti-piece",style:{left:"55%",background:"#3A00E5",animationDelay:"240ms"}}),e.jsx("span",{className:"flx-confetti-piece",style:{left:"75%",background:"#0F766E",animationDelay:"360ms",height:"10px"}}),e.jsx("span",{className:"flx-confetti-piece",style:{left:"90%",background:"#E11D74",animationDelay:"480ms"}}),e.jsx("div",{className:"flex h-10 w-10 items-center justify-center rounded-full bg-[#E11D74]/10",children:e.jsx(J,{className:"h-5 w-5 text-[#E11D74]",strokeWidth:1.8,"aria-hidden":!0})}),e.jsx("div",{children:e.jsxs("div",{className:"font-display text-[18px] font-semibold tracking-[-0.3px] text-neutral-900 sm:text-[20px]",children:["$249 a year, about ",e.jsx("span",{className:"text-[#E11D74]",children:"68¢"})," a day — less than a coffee a week."]})}),e.jsx($,{className:"hidden h-4 w-4 text-[#E8891A] sm:ml-1 sm:block",strokeWidth:2,"aria-hidden":!0})]})})]})}const k=t=>typeof t=="boolean"?`${t}`:t===0?"0":t,_=V,re=(t,s)=>a=>{var r;if(s?.variants==null)return _(t,a?.class,a?.className);const{variants:n,defaultVariants:i}=s,o=Object.keys(n).map(l=>{const c=a?.[l],x=i?.[l];if(c===null)return null;const d=k(c)||k(x);return n[l][d]}),w=a&&Object.entries(a).reduce((l,c)=>{let[x,d]=c;return d===void 0||(l[x]=d),l},{}),F=s==null||(r=s.compoundVariants)===null||r===void 0?void 0:r.reduce((l,c)=>{let{class:x,className:d,...W}=c;return Object.entries(W).every(C=>{let[j,b]=C;return Array.isArray(b)?b.includes({...i,...w}[j]):{...i,...w}[j]===b})?[...l,x,d]:l},[]);return _(t,o,F,a?.class,a?.className)},ne=re("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium cursor-pointer transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",{variants:{variant:{default:"bg-primary text-primary-foreground shadow hover:bg-primary/90",destructive:"bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90",outline:"border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground",secondary:"bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2",sm:"h-8 rounded-md px-3 text-xs",lg:"h-10 rounded-md px-8",icon:"h-9 w-9"}},defaultVariants:{variant:"default",size:"default"}}),f=h.forwardRef(({className:t,variant:s,size:a,asChild:r=!1,...n},i)=>{const o=r?P:"button";return e.jsx(o,{className:O(ne({variant:s,size:a,className:t})),ref:i,...n})});f.displayName="Button";function ie(){const t=h.useRef(null),[s,a]=h.useState(0),r=[{icon:g,title:"Your car needs maintenance.",body:"You don't Google a shop. You don't pay at the counter. You book it in the app, drop the car at your hub, pick it up done. Oil changes, tire rotations, brakes — handled.",accent:"#3A00E5",accentBg:"rgba(58,0,229,0.10)"}

1,{icon:A,title:"Flat tire at 11 p.m.",body:"One call. Someone comes to you. Tow, jump, lockout — covered anywhere in the U.S., any hour. You've never had to think about whether you can afford a tow.",accent:"#E11D74",accentBg:"rgba(225,29,116,0.10)"},{icon:S,title:"You pull up to the gas station.",body:"Gas Saver takes 20¢ or more off every gallon automatically at Gas Saver stations. No app to open, no coupon to scan. It just shows up cheaper at the pump. And through Flexcar Rewards and the Safe Driving program, your discount can climb even higher.",accent:"#E8891A",accentBg:"rgba(232,137,26,0.10)"},{icon:$,title:"Not sure yet? That's fine.",body:"You have 14 days. Return the car before day 14 and you pay nothing for the membership. Not a reduced charge. Nothing.",accent:"#0F766E",accentBg:"rgba(15,118,110,0.10)"}];return e.jsxs("section",{"aria-labelledby":"included-cards-title",className:"mx-auto mt-16 max-w-7xl px-4 sm:mt-32 sm:px-6",children:[e.jsx("h2",{id:"included-cards-title",className:"font-display max-w-3xl text-[32px] font-semibold leading-tight tracking-[-1px] text-neutral-900 sm:text-[44px] sm:tracking-[-1.4px]",children:"What the membership actually looks like, day to day."}),e.jsx("p",{className:"mt-4 max-w-2xl text-[16px] leading-[1.55] text-neutral-600 sm:text-[17px]",children:"Four moments you'll actually live through. Here's what happens."}),e.jsx("div",{ref:t,onScroll:n=>{const i=n.currentTarget,o=i.firstElementChild;o&&a(Math.round(i.scrollLeft/(o.offsetWidth+16)))},className:"-mx-4 mt-7 flex snap-x snap-mandatory gap-4 overflow-x-auto px-4 pb-2 [scrollbar-width:none] sm:mx-0 sm:mt-10 sm:grid sm:grid-cols-2 sm:gap-6 sm:overflow-visible sm:px-0 sm:pb-0 lg:grid-cols-4",children:r.map(n=>e.jsxs("div",{className:"group flex h-[330px] w-[84vw] max-w-[320px] shrink-0 snap-start flex-col rounded-3xl border border-neutral-200 bg-white p-6 transition-all duration-300 ease-out hover:-translate-y-1 hover:border-neutral-300 hover:shadow-[0_20px_50px_-20px_rgba(0,0,0,0.15)] sm:h-auto sm:w-auto sm:max-w-none sm:p-7",children:[e.jsx("div",{className:"inline-flex h-11 w-11 items-center justify-center rounded-2xl transition-transform duration-500 ease-out group-hover:-rotate-3 group-hover:scale-110",style:{background:n.accentBg},children:e.jsx(n.icon,{className:"h-6 w-6 transition-colors duration-300",style:{color:n.accent},"aria-hidden":!0,strokeWidth:1.6})}),e.jsx("h3",{className:"font-display mt-6 text-[20px] font-semibold leading-tight tracking-[-0.4px] text-neutral-900 sm:text-[22px]",children:n.title}),e.jsx("p",{className:"mt-3 text-[14.5px] leading-[1.55] text-neutral-600",children:n.body})]},n.title))}),e.jsxs("div",{className:"mt-4 flex items-center justify-between sm:hidden",children:[e.jsxs("span",{className:"text-[13px] font-medium tabular-nums text-neutral-500",children:[s+1," / ",r.length]}),e.jsxs("div",{className:"flex gap-2",children:[e.jsx(f,{type:"button",variant:"outline",size:"icon",className:"h-11 w-11 rounded-full shadow-none","aria-label":"Previous story",disabled:s===0,onClick:()=>t.current?.children[Math.max(0,s-1)]?.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"}),children:e.jsx(z,{"aria-hidden":!0})}),e.jsx(f,{type:"button",variant:"outline",size:"icon",className:"h-11 w-11 rounded-full shadow-none","aria-label":"Next story",disabled:s===r.length-1,onClick:()=>t.current?.children[Math.min(r.length-1,s+1)]?.scrollIntoView({behavior:"smooth",block:"nearest",inline:"start"}),children:e.jsx(y,{"aria-hidden":!0})})]})]})]})}function le(){const[t,s]=h.useState(0),a=[{num:"01",icon:q,title:"Pick your Flexcar.",body:"Order online, pick up at your hub, or have it delivered. Your membership kicks in from day one — and you've got two weeks to make sure it's the right fit.",accent:"text-[#3A00E5]",accentBg:"bg-[#3A00E5]/10",accentBar:"bg-[#3A00E5]"},{num:"02",icon:g,title:"Stop paying for car stuff.",body:"Oil change due? Book it in the app. Flat on the highway? One call. Filling up? Save 20¢ or more per gallon at Gas Saver stations. The savings start day one.",accent:"text-[#E11D74]",accentBg:"bg-[#E11D74]/10",accentBar:"bg-[#E11D74]"},{num:"03",icon:Q,title:"Stay as long as you want.",body:"Month-to-month. No early-termination fee. Swap cars whenever life changes. The $249 renews once a year and follows you across every Flexcar you drive.",accent:"text-[#E8891A]",accentBg:"bg-[#E8891A]/10",accentBar:"bg-[#E8891A]"}];return e.jsxs("section",{id:"how","aria-labelledby":"how-title",className:"mx-auto mt-16 max-w-7xl px-4 sm:mt-32 sm:px-6",children:[e.jsx("h2",{id:"how-title",className:"font-display mb-6 max-w-2xl text-[32px] font-semibold leading-tight tracking-[-1px] text-neutral-900 sm:mb-10 sm:text-[44px] sm:tracking-[-1.4px]",children:"How it works."}),e.jsx("div",{className:"divide-y divide-neutral-200 border-y border-neutral-200 sm:hidden",children:a.map((r,n)=>e.jsxs("div",{children:[e.jsxs(f,{type:"button",variant:"ghost","aria-expanded":t===n,"aria-controls":`membership-step-${n}`,onClick:()=>s(i=>i===n?null:n),className:"grid h-auto min-h-16 w-full grid-cols-[auto_minmax(0,1fr)_auto] justify-start gap-3 rounded-none px-0 py-3 text-left hover:bg-transparent",children:[e.jsx("span",{className:`inline-flex h-10 w-10 shrink-0 items-center justify-center rounded-xl ${r.accentBg}`,children:e.jsx(r.icon,{className:`h-5 w-5 ${r.accent}`,strokeWidth:1.8,"aria-hidden":!0})}),e.jsxs("span",{className:"min-w-0",children:[e.jsx("span",{className:"block text-[11px] font-medium text-neutral-400",children:r.num}),e.jsx("span",{className:"block whitespace-normal text-[17px] font-semibold leading-tight text-neutral-900",children:r.title})]}),e.jsx(v,{className:`h-5 w-5 shrink-0 text-neutral-500 transition-transform ${t===n?"rotate-180":""}`,"aria-hidden":!0})]}),t===n&&e.jsx("p",{id:`membership-step-${n}`,className:"pb-5 pl-[52px] pr-4 text-[15px] leading-[1.55] text-neutral-600",children:r.body})]},r.num))}),e.jsx("div",{className:"hidden gap-6 sm:grid lg:grid-cols-3",children:a.map(r=>e.jsxs("div",{className:"group relative rounded-3xl border border-neutral-200 bg-white p-8 transition-all duration-300 ease-out hover:-translate-y-1 hover:border-neutral-300 hover:shadow-[0_20px_50px_-20px_rgba(0,0,0,0.15)]",children:[e.jsxs("div",{className:"flex items-center justify-between",children:[e.jsx("div",{className:`inline-flex h-11 w-11 items-center justify-center rounded-2xl ${r.accentBg} transition-transform duration-500 ease-out group-hover:-rotate-6 group-hover:scale-110`,children:e.jsx(r.icon,{className:`h-5 w-5 ${r.accent}`,strokeWidth:1.8,"aria-hidden":!0})}),e.jsx("div",{className:"font-mono text-[12px] tracking-wide text-neutral-400",children:r.num})]}),e.jsx("h3",{className:"font-display mt-5 text-[22px] font-semibold leading-tight tracking-[-0.4px] text-neutral-900 sm:text-[24px]",children:r.title}),e.jsx("p",{className:"mt-3 text-[15px] leading-[1.55] text-neutral-600",children:r.body}),e.jsx("div",{className:`mt-6 h-[3px] w-10 origin-left rounded-full ${r.accentBg} transition-all duration-500 ease-out group-hover:w-24`,children:e.jsx("div",{className:`h-full w-full rounded-full ${r.accentBar}`})})]},r.num))})]})}function oe(){const t=u(),s=[{icon:B,title:"Swap cars anytime",body:"Need something bigger for the weekend? Switch at your hub. Your membership follows you to every car you drive.",accent:"#E11D74",accentBg:"rgba(225,29,116,0.10)"},{icon:R,title:"Track your miles",body:"See exactly where you stand before the month ends. No surprise overages, no guessing.",accent:"#3A00E5",accentBg:"rgba(58,0,229,0.10)"},{icon:E,title:"Earn loyalty rewards",body:"The longer you stay, the more your membership gives back. Loyal members unlock perks over time.",accent:"#0F766E",accentBg:"rgba(15,118,110,0.10)",href:"https://www.flexcar.com/rewards-and-loyalty"},{icon:U,title:"Name your car",body:"Yes, even Carl the Corolla. Name it, deck it out, make it yours. Your everyday car should feel like your car.",accent:"#E8891A",accentBg:"rgba(232,137,26,0.10)"},{icon:X,title:"Add a driver",body:"Add a partner, parent, or roommate in a few taps. They get the same coverage you do.",accent:"#3A00E5",accentBg:"rgba(58,0,229,0.10)"},{icon:g,title:"Schedule service",body:"Book free service in a few taps, or chat with the Flexcar assistant if something's off. No shop runaround, no surprise maintenance bill.",accent:"#E11D74",accentBg:"rgba(225,29,116,0.10)"}];return e.jsxs("section",{"aria-labelledby":"benefits-title",className:"mx-auto mt-16 max-w-7xl px-4 sm:mt-32 sm:px-6",children:[e.jsx("h2",{id:"benef

1its-title",className:"font-display max-w-2xl text-[32px] font-semibold leading-tight tracking-[-1px] text-neutral-900 sm:text-[44px] sm:tracking-[-1.4px]",children:"Everything else, in your pocket."}),e.jsx("p",{className:"mt-4 max-w-2xl text-[16px] leading-[1.55] text-neutral-600 sm:text-[17px]",children:"The app handles the rest. No paperwork. No dealership."}),e.jsx("div",{className:"mt-6 grid grid-cols-1 gap-x-10 divide-y divide-neutral-200 border-y border-neutral-200 sm:mt-10 sm:grid-cols-2 sm:gap-y-8 sm:divide-y-0 sm:border-b-0 sm:pt-10 lg:grid-cols-3",children:s.map(a=>e.jsxs("div",{className:"group grid grid-cols-[40px_minmax(0,1fr)] gap-x-4 py-5 sm:block sm:py-0",children:[e.jsx("div",{className:"inline-flex h-10 w-10 items-center justify-center rounded-full ring-1 ring-neutral-200 transition-all duration-300 ease-out group-hover:-translate-y-0.5 group-hover:scale-110",style:{background:a.accentBg},children:e.jsx(a.icon,{className:"h-5 w-5 transition-colors duration-300",style:{color:a.accent},"aria-hidden":!0,strokeWidth:1.6})}),a.href?e.jsx("a",{href:t(p(a.href)),className:"group/link block self-center transition-colors duration-300 hover:text-[#2A00A5] sm:self-auto",children:e.jsx("h3",{className:"font-display text-[18px] font-semibold tracking-[-0.3px] text-neutral-900 transition-colors duration-300 group-hover/link:text-[#2A00A5] sm:mt-4",children:a.title})}):e.jsx("h3",{className:"font-display self-center text-[18px] font-semibold tracking-[-0.3px] text-neutral-900 sm:mt-4",children:a.title}),e.jsx("p",{className:"col-start-2 mt-1 text-[14.5px] leading-[1.55] text-neutral-600 sm:mt-2",children:a.body})]},a.title))})]})}function ce(){const[t,s]=h.useState(0);return e.jsxs("section",{id:"faq","aria-labelledby":"faq-title",className:"mx-auto mt-16 max-w-4xl px-4 sm:mt-32 sm:px-6",children:[e.jsx("h2",{id:"faq-title",className:"font-display mb-8 text-[32px] font-semibold tracking-[-1px] text-neutral-900 sm:text-[40px] sm:tracking-[-1.2px]",children:"Questions, answered."}),e.jsx("div",{className:"divide-y divide-neutral-200 border-y border-neutral-200",children:T.map((a,r)=>e.jsxs("div",{children:[e.jsxs("button",{type:"button",onClick:()=>s(n=>n===r?null:r),"aria-expanded":t===r,className:"flex w-full items-center justify-between gap-4 py-5 text-left focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#3A00E5]",children:[e.jsx("span",{className:"text-[16px] font-semibold text-neutral-900 sm:text-[17px]",children:a.q}),e.jsx(v,{className:`h-5 w-5 flex-shrink-0 text-neutral-500 transition-transform ${t===r?"rotate-180":""}`,"aria-hidden":!0})]}),t===r&&e.jsx("div",{className:"pb-6 text-[15px] leading-[1.6] text-neutral-600",children:a.a})]},a.q))})]})}function de(){const t=u();return e.jsx("section",{"aria-labelledby":"final-cta-title",className:"mx-auto mt-16 max-w-7xl px-4 sm:mt-32 sm:px-6",children:e.jsxs("div",{className:"overflow-hidden rounded-[28px] bg-[#0B0C0E] p-8 text-white sm:rounded-[32px] sm:p-16",children:[e.jsx("h2",{id:"final-cta-title",className:"font-display max-w-2xl text-[32px] font-semibold leading-tight tracking-[-1px] sm:text-[44px] sm:tracking-[-1.4px]",children:"$249 a year. About 68¢ a day."}),e.jsx("p",{className:"mt-4 max-w-lg text-[16px] leading-[1.55] text-white/70",children:"$1,000+ in stuff you'd pay for anyway. One flat price. 14 days to change your mind, no charge."}),e.jsx("div",{className:"mt-7 flex flex-wrap gap-3",children:e.jsxs("a",{href:t(p("https://www.flexcar.com/inventory")),className:"inline-flex h-12 items-center gap-2 rounded-full bg-white px-6 text-[14px] font-semibold text-neutral-900 transition hover:bg-neutral-100",children:["Browse cars ",e.jsx(y,{className:"h-4 w-4"})]})})]})})}function Se(){const t=u();return e.jsxs(I,{children:[e.jsxs("nav",{"aria-label":"Breadcrumb",className:"mx-auto max-w-7xl px-4 pt-6 text-[13px] text-neutral-500 sm:px-6 sm:pt-8",children:[e.jsx("a",{href:t(p(H)),className:"hover:text-neutral-900",children:"Home"}),e.jsx("span",{className:"mx-1.5",children:"/"}),e.jsx("span",{className:"text-neutral-900",children:"Membership"})]}),e.jsx(ee,{}),e.jsx(se,{}),e.jsx(ie,{}),e.jsx(le,{}),e.jsx(oe,{}),e.jsx(ce,{}),e.jsx(de,{}),e.jsx("div",{className:"h-24"})]})}

1export{Se as component};