plans-marketing.pug 3.4 KB

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