https://www.roam.auto/_next/static/chunks/pages/design/pages/referral-6d990e3989238bb7.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8249],{3375:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>g});var s=a(37876),r=a(14232),c=a(77328),l=a.n(c);a(54587);var n=a(25749),i=a(28419),d=a(17963);let o=(0,d.A)("share-2",[["circle",{cx:"18",cy:"5",r:"3",key:"gq8acd"}],["circle",{cx:"6",cy:"12",r:"3",key:"w7nqdw"}],["circle",{cx:"18",cy:"19",r:"3",key:"1xt0gg"}],["line",{x1:"8.59",x2:"15.42",y1:"13.51",y2:"17.49",key:"47mynk"}],["line",{x1:"15.41",x2:"8.59",y1:"6.51",y2:"10.49",key:"1n3mei"}]]);var m=a(46293);let x=(0,d.A)("dollar-sign",[["line",{x1:"12",x2:"12",y1:"2",y2:"22",key:"7eqyqh"}],["path",{d:"M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6",key:"1b0p4s"}]]);var h=a(32257),p=a(8353),y=a(36867);function g(){let[e,t]=(0,r.useState)(!1),a=e?n.a5:n._k;return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)(l(),{children:[(0,s.jsx)("title",{children:"Referral Program Mockup - Roam Design"}),(0,s.jsx)("meta",{name:"robots",content:"noindex, nofollow"},"robots")]}),(0,s.jsxs)("div",{className:"min-h-screen ".concat(a.pageBg),children:[(0,s.jsx)(n.Fw,{isDark:e,th:a}),(0,s.jsx)("div",{className:"mx-auto max-w-5xl px-6 py-16 md:py-24",children:(0,s.jsxs)("div",{className:"grid items-center gap-10 md:grid-cols-2",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"inline-block rounded-full bg-pink-700/10 px-3 py-1 text-xs font-medium text-pink-700",children:"Referral Program"}),(0,s.jsxs)("h1",{className:"mt-4 text-4xl font-bold leading-snug tracking-tight md:text-5xl ".concat(a.pageFg),children:["Give $100.",(0,s.jsx)("br",{}),"Get $100."]}),(0,s.jsx)("p",{className:"mt-4 max-w-md text-base leading-relaxed ".concat(a.mutedFg),children:"Love Roam? Tell your friends. When someone signs up with your referral, you both get $100 credit toward your next month."}),(0,s.jsxs)("div",{className:"mt-6 flex flex-wrap gap-3",children:[(0,s.jsxs)("button",{className:"inline-flex items-center gap-2 rounded-lg bg-zinc-950 px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-zinc-800",children:["Sign Up to Refer",(0,s.jsx)(i.A,{className:"h-4 w-4"})]}),(0,s.jsx)("button",{className:"rounded-lg border-2 px-6 py-3 text-sm font-semibold transition-colors ".concat(e?"border-zinc-600 text-zinc-100 hover:bg-zinc-800":"border-zinc-300 text-zinc-900 hover:bg-zinc-50"),children:"Log In"})]})]}),(0,s.jsx)("div",{className:"relative aspect-[4/3] overflow-hidden rounded-2xl",children:(0,s.jsx)(n.tn,{img:n.AH.grid4,fill:!0,sizes:"(max-width: 768px) 100vw, 50vw",className:"object-cover",isDark:e})})]})}),(0,s.jsx)("div",{className:"border-y ".concat(e?"border-zinc-800 bg-zinc-800/30":"border-zinc-100 bg-zinc-50"),children:(0,s.jsxs)("div",{className:"mx-auto max-w-5xl px-6 py-16 md:py-24",children:[(0,s.jsx)("h2",{className:"text-center text-2xl font-bold leading-snug tracking-tight md:text-3xl ".concat(a.pageFg),children:"How it works"}),(0,s.jsx)("p",{className:"mx-auto mt-3 max-w-lg text-center text-base ".concat(a.mutedFg),children:"Three simple steps to earn credit for you and your friends."}),(0,s.jsx)("div",{className:"mt-12 grid gap-8 sm:grid-cols-3",children:[{icon:o,step:"1",title:"Share your link",desc:"Sign up or log in to get your unique referral link. Share it with anyone who needs a car."},{icon:m.A,step:"2",title:"They sign up",desc:"Your friend signs up for any Roam plan using your referral link and completes their first month."},{icon:x,step:"3",title:"You both earn $100",desc:"Once they complete their first full month, you both receive $100 credit automatically."}].map(t=>(0,s.jsxs)("div",{className:"text-center",children:[(0,s.jsx)("div",{className:"mx-auto flex h-14 w-14 items-center justify-center rounded-2xl bg-pink-700/10",children:(0,s.jsx)(t.icon,{className:"h-6 w-6 text-pink-700"})}),(0,s.jsx)("div",{className:"mx-auto mt-3 flex h-7 w-7 items-center justify-center rounded-full text-xs font-bold ".concat(e?"bg-zinc-800 text-zinc-300":"bg-zinc-200 text-zinc-600"),children:t.step}),(0,s.jsx)("h3",{className:"mt-3 text-base font-semibold ".concat(a.pageFg),children:t.title}),(0,s.jsx)("p",{className:"mt-2 text-sm leading-relaxed ".concat(a.mutedFg),children:t.desc})]},t.step))})]})}),(0,s.jsx)("div",{className:"mx-auto max-w-5xl px-6 py-16 md:py-24",children:(0,s.jsxs)("div",{className:"grid gap-10 md:grid-cols-2 md:items-center",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("h2",{className:"text-2xl font-bold leading-snug tracking-tight md:text-3xl ".concat(a.pageFg),children:"The more you share, the more you earn"}),(0,s.jsx)("p",{className:"mt-4 text-base leading-relaxed ".concat(a.mutedFg),children:"There’s no limit to how many people you can refer. Every successful referral puts $100 credit in y

1our account — and $100 in theirs. It’s our way of saying thanks."}),(0,s.jsx)("ul",{className:"mt-6 space-y-3",children:["$100 credit for you, $100 for your friend","No limit on the number of referrals","Credits apply to any plan type","Credits applied automatically after first full month"].map(e=>(0,s.jsxs)("li",{className:"flex items-start gap-3 text-sm ".concat(a.pageFg),children:[(0,s.jsx)("div",{className:"mt-0.5 flex h-5 w-5 shrink-0 items-center justify-center rounded-full bg-green-100",children:(0,s.jsx)(h.A,{className:"h-3.5 w-3.5 text-green-600"})}),e]},e))})]}),(0,s.jsxs)("div",{className:"rounded-2xl border p-8 text-center ".concat(a.cardBg," ").concat(a.cardBorder),children:[(0,s.jsx)(p.A,{className:"mx-auto h-10 w-10 ".concat(a.mutedFg)}),(0,s.jsx)("p",{className:"mt-4 text-5xl font-bold leading-snug tracking-tight ".concat(a.pageFg),children:"$100"}),(0,s.jsx)("p",{className:"mt-1 text-base ".concat(a.mutedFg),children:"for each successful referral"}),(0,s.jsx)("div",{className:"mx-auto mt-6 h-px w-16 ".concat(e?"bg-zinc-700":"bg-zinc-200")}),(0,s.jsx)("div",{className:"mt-6 grid grid-cols-3 gap-4",children:[{value:"5 referrals",label:"$500 credit"},{value:"10 referrals",label:"$1,000 credit"},{value:"25 referrals",label:"$2,500 credit"}].map(e=>(0,s.jsxs)("div",{children:[(0,s.jsx)("p",{className:"text-sm font-semibold ".concat(a.pageFg),children:e.label}),(0,s.jsx)("p",{className:"mt-0.5 text-xs ".concat(a.mutedFg),children:e.value})]},e.value))})]})]})}),(0,s.jsx)("div",{className:"border-y ".concat(e?"border-zinc-800 bg-zinc-800/30":"border-zinc-100 bg-zinc-50"),children:(0,s.jsxs)("div",{className:"mx-auto max-w-5xl px-6 py-16 md:py-24",children:[(0,s.jsxs)("div",{className:"text-center",children:[(0,s.jsx)("div",{className:"inline-flex gap-0.5",children:Array.from({length:5}).map((e,t)=>(0,s.jsx)(y.A,{className:"h-5 w-5 fill-amber-400 text-amber-400"},t))}),(0,s.jsx)("h2",{className:"mt-4 text-2xl font-bold leading-snug tracking-tight md:text-3xl ".concat(a.pageFg),children:"Roam members love referring"})]}),(0,s.jsx)("div",{className:"mt-10 grid gap-6 sm:grid-cols-3",children:[{stat:"$250K+",label:"Credits earned by Roam members"},{stat:"2,500+",label:"Successful referrals"},{stat:"4.8",label:"Stars on Google"}].map(e=>(0,s.jsxs)("div",{className:"text-center",children:[(0,s.jsx)("p",{className:"text-3xl font-bold leading-snug tracking-tight ".concat(a.pageFg),children:e.stat}),(0,s.jsx)("p",{className:"mt-1 text-sm ".concat(a.mutedFg),children:e.label})]},e.stat))}),(0,s.jsx)("div",{className:"mt-12 grid gap-6 sm:grid-cols-2",children:[{name:"Daen A",quote:"I referred two friends to Roam and we all got credit. The process was seamless — they signed up, drove for a month, and the credit just appeared in our accounts."},{name:"Esther O",quote:"I tell everyone about Roam. The referral bonus is a great perk on top of an already excellent service. Free money for sharing something I genuinely love."}].map(e=>(0,s.jsxs)("div",{className:"rounded-2xl border p-6 ".concat(a.cardBg," ").concat(a.cardBorder),children:[(0,s.jsx)("div",{className:"flex gap-0.5",children:Array.from({length:5}).map((e,t)=>(0,s.jsx)(y.A,{className:"h-3.5 w-3.5 fill-amber-400 text-amber-400"},t))}),(0,s.jsxs)("p",{className:"mt-3 text-sm leading-relaxed ".concat(a.pageFg),children:["“",e.quote,"”"]}),(0,s.jsx)("p",{className:"mt-3 text-sm font-medium ".concat(a.pageFg),children:e.name})]},e.name))})]})}),(0,s.jsxs)("div",{className:"mx-auto max-w-3xl px-6 py-16 md:py-24",children:[(0,s.jsx)("h2",{className:"text-center text-2xl font-bold leading-snug tracking-tight md:text-3xl ".concat(a.pageFg),children:"Common questions"}),(0,s.jsx)("div",{className:"mt-10",children:[{q:"Who can participate?",a:"Any Roam customer with an active account can refer friends and earn credits."},{q:"When do I get my credit?",a:"Credits are applied automatically once your referral completes their first full month on any Roam plan."},{q:"Is there a limit?",a:"No — you can refer as many people as you like. There’s no cap on the credits you can earn."},{q:"Can I use credits on any plan?",a:"Yes. Referral credits apply to both Short-Term and Long-Term plans."},{q:"Can credits be redeemed for cash?",a:"No. Credits are applied as a discount on future Roam invoices and cannot be converted to cash."}].map((e,t)=>(0,s.jsxs)("div",{className:"border-b py-5 ".concat(a.divider),children:[(0,s.jsx)("p",{className:"text-base font-medium ".concat(a.pageFg),children:e.q}),(0,s.jsx)("p",{className:"mt-2 text-sm leading-relaxed ".concat(a.mutedFg),children:e.a})]},t))})]}),(0,s.jsx)("div",{className:"bg-brand-dark-purple-950",children:(0,s.jsxs)("div",{className:"mx-auto max-w-3xl px-6 py-16 text-center md:py-24",children:[(0,s.jsx)("h2",{className:"text-3xl font-bold text-white md:text-4xl",children:"Start earning today"}),(0,s.jsx)("p",{className:"mx-auto mt-4 max-w-md text-base text-zinc-400",children:"Sign up for Roam or log in to your dashboard to get your unique referral link and start sharing."}),(0,s.jsxs)("div",{className:"mt-8 flex flex-col items-center justify-center gap-3 sm:flex-row",children:[(0,s.jsx)("button",{className:"rounded-lg bg-white px-6 py-3 text-sm font-semibold text-zinc-950 transition-colors hover:bg-zinc-100",children:"Sign Up for Roam"}),(0,s.jsx)("button",{className:"rounded-lg border-2 border-white/30 px-6 py-3 text-sm font-semibold text-white transition-colors hover:bg-white/10",children:"Log In to Dashboard"})]})]})}),(0,s.jsx)(n.cv,{}),(0,s.jsx)(n.wK,{isDark:e,setIsDark:t})]})]})}g.skipLayout=!0},8728:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("mail",[["path",{d:"m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7",key:"132q7q"}],["rect",{x:"2",y:"4",width:"20",height:"16",rx:"2",key:"izxlao"}]])},11508:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("circle-alert",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["line",{x1:"12",x2:"12",y1:"8",y2:"12",key:"1pkeuh"}],["line",{x1:"12",x2:"12.01",y1:"16",y2:"16",key:"4dfq90"}]])},18778:(e,t,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/design/pages/referral",function(){return a(3375)}])},31895:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("fuel",[["line",{x1:"3",x2:"15",y1:"22",y2:"22",key:"xegly4"}],["line",{x1:"4",x2:"14",y1:"9",y2:"9",key:"xcnuvu"}],["path",{d:"M14 22V4a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v18",key:"16j0yd"}],["path",{d:"M14 13h2a2 2 0 0 1 2 2v2a2 2 0 0 0 2 2a2 2 0 0 0 2-2V9.83a2 2 0 0 0-.59-1.42L18 5",key:"7cu91f"}]])},46293:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["path",{d:"M16 3.128a4 4 0 0 1 0 7.744",key:"16gr8j"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}]])},47798:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("zap",[["path",{d:"M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",key:"1xq2db"}]])},55762:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("moon",[["path",{d:"M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401",key:"kfwtm"}]])},64041:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("calendar",[["path",{d:"M8 2v4",key:"1cmpym"}],["path",{d:"M16 2v4",key:"4m81vk"}],["rect",{width:"18",height:"18",x:"3",y:"4",rx:"2",key:"1hopcy"}],["path",{d:"M3 10h18",key:"8toen8"}]])},65923:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("sun",[["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"m4.93 4.93 1.41 1.41",key:"149t6j"}],["path",{d:"m17.66 17.66 1.41 1.41",key:"ptbguv"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"m6.34 17.66-1.41 1.41",key:"1m8zz5"}],["path",{d:"m19.07 4.93-1.41 1.41",key:"1shlcs"}]])},66787:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("headset",[["path",{d:"M3 11h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-5Zm0 0a9 9 0 1 1 18 0m0 0v5a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3Z",key:"12oyoe"}],["path",{d:"M21 16v2a4 4 0 0 1-4 4h-5",key:"1x7m43"}]])},70823:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("leaf",[["path",{d:"M11 20A7 7 0 0 1 9.8 6.1C15.5 5 17 4.48 19 2c1 2 2 4.18 2 8 0 5.5-4.78 10-10 10Z",key:"nnexq3"}],["path",{d:"M2 21c0-3 1.85-5.36 5.08-6C9.5 14.52 12 13 13 12",key:"mt58a7"}]])},70948:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("image",[["rect",{width:"18",height:"18",x:"3",y:"3",rx:"2",ry:"2",key:"1m3agn"}],["circle",{cx:"9",cy:"9",r:"2",key:"af1f0g"}],["path",{d:"m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21",key:"1xmnt7"}]])},72502:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("circle-check",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m9 12 2 2 4-4",key:"dzmm74"}]])},76730:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("gauge",[["path",{d:"m12 14 4-4",key:"9kzdfg"}],["path",{d:"M3.34 19a10 10 0 1 1 17.32 0",key:"19p75a"}]])},79247:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("clock",[["path",{d:"M12 6v6l4 2",key:"mmk7yg"}],["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}]])},80930:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("truck",[["path",{d:"M14 18V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v11a1 1 0 0 0 1 1h2",key:"wrbu53"}],["path",{d:"M15 18H9",key:"1lyqi6"}],["path",{d:"M19 18h2a1 1 0 0 0 1-1v-3.65a1 1 0 0 0-.22-.624l-3.48-4.35A1 1 0 0 0 17.52 8H14",key:"lysw3i"}],["circle",{cx:"17",cy:"18",r:"2",key:"332jqn"}],["circle",{cx:"7",cy:"18",r:"2",key:"19iecd"}]])},83517:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("navigation",[["polygon",{points:"3 11 22 2 13 21 11 13 3 11",key:"1ltx0t"}]])},84288:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("car",[["path",{d:"M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2",key:"5owen"}],["circle",{cx:"7",cy:"17",r:"2",key:"u2ysq9"}],["path",{d:"M9 17h6",key:"r8uit2"}],["circle",{cx:"17",cy:"17",r:"2",key:"axvx0g"}]])},88628:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("menu",[["path",{d:"M4 12h16",key:"1lakjw"}],["path",{d:"M4 18h16",key:"19g7jn"}],["path",{d:"M4 6h16",key:"1o0s65"}]])},89926:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("arrow-left",[["path",{d:"m12 19-7-7 7-7",key:"1l729n"}],["path",{d:"M19 12H5",key:"x3x0zl"}]])},90434:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("bell",[["path",{d:"M10.268 21a2 2 0 0 0 3.464 0",key:"vwvbt9"}],["path",{d:"M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",key:"11g9vi"}]])},91853:(e,t,a)=>{"use strict";a.d(t,{A:()=>s});let s=(0,a(17963).A)("briefcase",[["path",{d:"M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16",key:"jecpp"}],["rect",{width:"20",height:"14",x:"2",y:"6",rx:"2",key:"i6l2r4"}]])}},e=>{e.O(0,[5749,636,8792],()=>e(e.s=18778)),_N_E=e.O()}]);