198198 </v-card >
199199 </v-hover >
200200 </v-col >
201+ <v-col cols =" 12" md =" 6" xl =" 4" >
202+ <v-hover v-slot =" { hover }" >
203+ <v-card
204+ :color =" hover ? 'black' : 'default'"
205+ :href =" enterpriseCheckoutURL"
206+ outlined
207+ >
208+ <v-card-text >
209+ <v-row align =" center" >
210+ <v-col class =" grow" >
211+ <h1
212+ class =" subtitle-1 font-weight-bold text-uppercase mt-3"
213+ >
214+ 100k - Monthly
215+ </h1 >
216+ <p class =" text--secondary" >
217+ 100,000 messages monthly
218+ </p >
219+ </v-col >
220+ <v-col class =" shrink" >
221+ <span class =" text-h5 text--primary" >$175</span >/month
222+ </v-col >
223+ </v-row >
224+ </v-card-text >
225+ </v-card >
226+ </v-hover >
227+ </v-col >
201228 </v-row >
202229 <h5 class =" text-h4 mb-3 mt-4" >Overview</h5 >
203230 <p class =" text--secondary" >
@@ -397,6 +424,18 @@ export default Vue.extend({
397424 messagesPerMonth: 20000 ,
398425 price: 350 ,
399426 },
427+ {
428+ name: ' 100k - Monthly' ,
429+ id: ' 100k-monthly' ,
430+ messagesPerMonth: 100000 ,
431+ price: 175 ,
432+ },
433+ {
434+ name: ' 100k - Yearly' ,
435+ id: ' 100k-yearly' ,
436+ messagesPerMonth: 100000 ,
437+ price: 1750 ,
438+ },
400439 {
401440 name: ' PRO - Lifetime' ,
402441 id: ' pro-lifetime' ,
@@ -420,6 +459,15 @@ export default Vue.extend({
420459 url .searchParams .append (' checkout[name]' , user ?.displayName )
421460 return url .toString ()
422461 },
462+ enterpriseCheckoutURL() {
463+ const url = new URL (this .$config .enterpriseCheckoutURL )
464+ const user = this .$store .getters .getAuthUser
465+ url .searchParams .append (' checkout[custom][user_id]' , user ?.id )
466+ url .searchParams .append (' checkout[email]' , user ?.email )
467+ url .searchParams .append (' checkout[name]' , user ?.displayName )
468+ return url .toString ()
469+ },
470+
423471 plan(): PaymentPlan {
424472 return this .plans .find (
425473 (x ) =>
0 commit comments