add new feature descriptions to Social > Group Plans page (#8564)

* add new features to Social > Group Plans page and remove windows line breaks

* add price to Social > Group Plans page and remove windows line breaks

website/common/locales/en/groups.json

@@ -239,6 +239,9 @@
   "groupBenefitFourDescription": "Need to verify that a task really did get done before that user gets their rewards? Just adjust the approval settings for added control.",
   "groupBenefitFiveTitle": "Chat privately with your group",
   "groupBenefitFiveDescription": "Stay in the loop about important decisions in our easy-to-use chatroom!",
+  "groupBenefitSixTitle": "Get a free subscription",
+  "groupBenefitSixDescription": "Get full subscription benefits, including exclusive monthly items and the ability to buy gems with gold! (If you're already a subscriber, your old subscription will be cancelled but your consecutive subscription benefits such as monthly hourglasses will remain.)",
+  "groupBenefitSevenTitle": "Get a brand-new exclusive Jackalope Mount",
   "createAGroup": "Create a Group",
   "assignFieldPlaceholder": "Type a group member's profile name",
   "cannotDeleteActiveGroup": "You cannot remove a group with an active subscription",

website/views/options/social/groups/group-plans-benefits.jade

@@ -29,3 +29,12 @@ mixin groupPlansBenefits()
           span.glyphicon.glyphicon-ok-circle(style='margin-right: 1.5rem;')
           =env.t('groupBenefitFiveTitle')
         span=env.t('groupBenefitFiveDescription')
+      div
+        h3
+          span.glyphicon.glyphicon-ok-circle(style='margin-right: 1.5rem;')
+          =env.t('groupBenefitSixTitle')
+        span=env.t('groupBenefitSixDescription')
+      div
+        h3
+          span.glyphicon.glyphicon-ok-circle(style='margin-right: 1.5rem;')
+          =env.t('groupBenefitSevenTitle')

website/views/options/social/groups/group-plans.jade

@@ -10,6 +10,11 @@ script(type='text/ng-template', id='partials/options.social.groupPlans.html')
       .col-sm-6.col-sm-offset-3
         a.btn.btn-primary.btn-lg.btn-block(ng-click="changePage(PAGES.CREATE_GROUP)")=env.t('createAGroup')
 
+    .row
+      .col-md-6.col-md-offset-3
+        br
+        .text-center=env.t('groupSubscriptionPrice')
+
   div(ng-show='activePage === PAGES.CREATE_GROUP')
     h2.text-center=env.t('createAGroup')