.group-plan-static.text-center
amazon-payments-modal
.container
.row.top
.top-left
.col-6.offset-3
img.party(src='../../assets/images/group-plans-static/party@3x.png')
h1 {{ $t('groupPlanTitle') }}
p {{ $t('groupPlanDesc') }}
.pricing
span Just
span.number $9
span.bold per month +
span.number $3
span.bold per member*
.text-center
button.btn.btn-primary.cta-button(@click="goToNewGroupPage()") {{ $t('getStarted') }}
small {{ $t('billedMonthly') }}
.top-right
.row
.text-col.col-12.col-md-6.text-left
h2 {{ $t('teamBasedTasksList') }}
p {{ $t('teamBasedTasksListDesc') }}
.col-12.col-md-6
.team-based(v-html='svg.teamBased')
.row
.col-12.col-md-6
.group-management(v-html='svg.groupManagement')
.text-col.col-12.col-md-6.text-left
h2 {{ $t('groupManagementControls') }}
p {{ $t('groupManagementControlsDesc') }}
.row
.col-12.col-md-6.offset-md-3.text-center
img.big-gem(src='../../assets/images/group-plans-static/big-gem@3x.png')
h2 {{ $t('inGameBenefits') }}
p {{ $t('inGameBenefitsDesc') }}
.row
.bot-left
.col-6.offset-3
h2.purple {{ $t('inspireYourParty') }}
.pricing
span Just
span.number $9
span.bold per month +
span.number $3
span.bold per member*
.text-center
button.btn.btn-primary.cta-button(@click="goToNewGroupPage()") {{ $t('getStarted') }}
small {{ $t('billedMonthly') }}
.bot-right
b-modal#group-plan(title="", size='md', :hide-footer='true', :hide-header='true')
div(v-if='modalPage === "account"')
h2 {{ $t('letsMakeAccount') }}
auth-form(@authenticate='authenticate()')
div(v-if='modalPage === "purchaseGroup"')
create-group-modal-pages