plans.pug 3.5 KB

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