plans-marketing.pug 3.8 KB

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