plans.pug 3.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100
  1. extends ../layout
  2. include _plans_page_mixins
  3. include _plans_page_tables
  4. block vars
  5. - metadata = { viewport: true }
  6. block append meta
  7. meta(name="ol-recomendedCurrency" content=recomendedCurrency)
  8. meta(name="ol-groupPlans" data-type="json" content=groupPlans)
  9. block content
  10. .content.content-alt
  11. .container
  12. .user-notifications
  13. ul.list-unstyled(ng-cloak)
  14. li.notification-entry
  15. .alert.alert-info
  16. .notification-body
  17. span To help you work from home throughout 2021, we're providing discounted plans and special initiatives.
  18. .notification-action
  19. a.btn.btn-sm.btn-info(href="https://www.overleaf.com/events/wfh2021" event-tracking="Event-Pages" event-tracking-trigger="click" event-tracking-ga="WFH-Offer-Click" event-tracking-label="Plans-Banner") Upgrade
  20. main.content-page
  21. .plans(ng-controller="PlansController")
  22. .container(ng-cloak)
  23. .row
  24. .col-md-12
  25. .page-header.centered.plans-header.text-centered
  26. h1.text-capitalize(ng-non-bindable) #{translate('get_instant_access_to')} #{settings.appName}
  27. .row
  28. .col-md-8.col-md-offset-2
  29. p.text-centered #{translate("sl_benefits_plans")}
  30. +allCardsAndControls()
  31. .row.row-spaced-large.text-centered
  32. .col-xs-12
  33. p.text-centered !{translate('also_provides_free_plan', { appName:'{{settings.appName}}' }, [{ name: 'a', attrs: { href: '/register' }}])}
  34. i.fa.fa-cc-mastercard.fa-2x(aria-hidden="true")  
  35. span.sr-only Mastercard accepted
  36. i.fa.fa-cc-visa.fa-2x(aria-hidden="true")  
  37. span.sr-only Visa accepted
  38. i.fa.fa-cc-amex.fa-2x(aria-hidden="true")  
  39. span.sr-only Amex accepted
  40. i.fa.fa-cc-paypal.fa-2x(aria-hidden="true")  
  41. span.sr-only Paypal accepted
  42. div.text-centered #{translate('change_plans_any_time')}<br/> #{translate('billed_after_x_days', {len:'{{trial_len}}'})}
  43. br
  44. div.text-centered #{translate('subject_to_additional_vat')}<br/> #{translate('select_country_vat')}
  45. .row.row-spaced-large
  46. .col-md-8.col-md-offset-2
  47. .card.text-centered
  48. .card-header
  49. h2 #{translate('looking_multiple_licenses')}
  50. span #{translate('reduce_costs_group_licenses')}
  51. br
  52. br
  53. a.btn.btn-default(
  54. href="#groups"
  55. ng-click="openGroupPlanModal()"
  56. ) #{translate('find_out_more')}
  57. .row.row-spaced-large
  58. .col-sm-12
  59. .page-header.plans-header.plans-subheader.text-centered
  60. h2 #{translate('compare_plan_features')}
  61. .row
  62. .col-md-6.col-md-offset-3
  63. +plan_switch('table')
  64. .col-md-3.text-right
  65. +currency_dropdown
  66. .row(event-tracking="features-table-viewed" event-tracking-ga="subscription-funnel" event-tracking-trigger="scroll" event-tracking-send-once="true" event-tracking-label=`exp-{{plansVariant}}`)
  67. .col-sm-12(ng-if="ui.view != 'student'")
  68. +table_premium
  69. .col-sm-12(ng-if="ui.view == 'student'")
  70. +table_student
  71. include _plans_quotes
  72. include _plans_faq
  73. #bottom-cards.row.row-spaced(style="display: none;")
  74. .col-sm-12
  75. +allCardsAndControls(true, 'bottom')
  76. .row.row-spaced-large
  77. .col-md-12
  78. .plans-header.plans-subheader.text-centered
  79. h2.header-with-btn #{translate('still_have_questions')}
  80. button.btn.btn-default.btn-header.text-capitalize(
  81. ng-controller="ContactGeneralModal"
  82. ng-click="openModal()"
  83. ) #{translate('get_in_touch')}
  84. != moduleIncludes("contactModalGeneral", locals)
  85. .row.row-spaced
  86. include _modal_group_purchase