@@ -468,13 +468,19 @@ Console.WriteLine(await response.Content.ReadAsStringAsync());
468468 <p class =" text-h6 mr-3 mt-3" >Monthly</p >
469469 <v-switch v-model =" yearlyPricing" ></v-switch >
470470 <p class =" text-h6 ml-3 mt-3" >
471- Yearly <v-chip color =" primary" small >save 20%</v-chip >
471+ Yearly
472+ <v-chip color =" primary" small >
473+ <v-avatar left >
474+ <v-icon small >{{ mdiGift }}</v-icon >
475+ </v-avatar >
476+ 2 months free</v-chip
477+ >
472478 </p >
473479 </div >
474480 </v-col >
475481 </v-row >
476482 <v-row >
477- <v-col cols =" 12" lg =" 4" offset-lg = " 2 " >
483+ <v-col cols =" 12" lg =" 4" >
478484 <v-card elevation =" 4" color =" #121212" >
479485 <v-card-text >
480486 <h1 class =" text-center text-h3 text--primary" >Free</h1 >
@@ -524,15 +530,17 @@ Console.WriteLine(await response.Content.ReadAsStringAsync());
524530 features.
525531 </p >
526532 <p v-if =" !yearlyPricing" class =" text-center text--primary" >
527- <span class =" text-h3" >$6 </span >/month
533+ <span class =" text-h3" >$10 </span >/month
528534 </p >
529535 <p v-else class =" text-center text--primary" >
530- <span class =" text-h3" >$60 </span >/year
536+ <span class =" text-h3" >$100 </span >/year
531537 </p >
532538 <p v-if =" !yearlyPricing" class =" text-center mt-n3" >
533- or <b >$72</b > per year
539+ or <b >$100</b > per year
540+ </p >
541+ <p v-else class =" text-center mt-n3" >
542+ or <b >$8.33</b > per month
534543 </p >
535- <p v-else class =" text-center mt-n3" >or <b >$5</b > per month</p >
536544 <v-btn block color =" primary" :to =" { name: 'login' }" large
537545 >Try For Free</v-btn
538546 >
@@ -562,6 +570,54 @@ Console.WriteLine(await response.Content.ReadAsStringAsync());
562570 </v-card-text >
563571 </v-card >
564572 </v-col >
573+ <v-col cols =" 12" lg =" 4" >
574+ <v-card elevation =" 4" color =" #121212" >
575+ <v-card-text >
576+ <h1 class =" text-center text-h3 text--primary" >Ultra</h1 >
577+ <p class =" subtitle-1 text-center" >
578+ Send and receive up to 10,000 SMS messages like a power user.
579+ </p >
580+ <p v-if =" !yearlyPricing" class =" text-center text--primary" >
581+ <span class =" text-h3" >$20</span >/month
582+ </p >
583+ <p v-else class =" text-center text--primary" >
584+ <span class =" text-h3" >$200</span >/year
585+ </p >
586+ <p v-if =" !yearlyPricing" class =" text-center mt-n3" >
587+ or <b >$200</b > per year
588+ </p >
589+ <p v-else class =" text-center mt-n3" >
590+ or <b >$16.66</b > per month
591+ </p >
592+ <v-btn block color =" default" :to =" { name: 'login' }" large
593+ >Try For Free</v-btn
594+ >
595+ <p class =" mt-8 subtitle-1" >
596+ <v-icon color =" primary" class =" mt-n1" left >{{
597+ mdiCheckCircle
598+ }}</v-icon
599+ >Send or receive up to <b >10,000</b > SMS/month
600+ </p >
601+ <p class =" subtitle-1 mt-n4" >
602+ <v-icon color =" primary" class =" mt-n1" left >
603+ {{ mdiCheckCircle }} </v-icon
604+ >Offline notifications for your phone
605+ </p >
606+ <p class =" subtitle-1 mt-n4" >
607+ <v-icon color =" primary" class =" mt-n1" left >{{
608+ mdiCheckCircle
609+ }}</v-icon
610+ >Forward received messages to your server
611+ </p >
612+ <p class =" subtitle-1 mt-n4" >
613+ <v-icon color =" primary" class =" mt-n1" left >{{
614+ mdiCheckCircle
615+ }}</v-icon
616+ >Priority email support
617+ </p >
618+ </v-card-text >
619+ </v-card >
620+ </v-col >
565621 </v-row >
566622 </v-container >
567623 </v-sheet >
@@ -574,6 +630,7 @@ import {
574630 mdiGithub ,
575631 mdiCheckCircle ,
576632 mdiSend ,
633+ mdiGift ,
577634 mdiForum ,
578635 mdiNumeric1 ,
579636 mdiLanguagePython ,
@@ -598,6 +655,7 @@ export default Vue.extend({
598655 mdiGithub ,
599656 mdiCheckCircle ,
600657 mdiSend ,
658+ mdiGift ,
601659 mdiForum ,
602660 mdiNumeric1 ,
603661 mdiNumeric2 ,
0 commit comments