plans.pug 3.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. extends ../layout-marketing
  2. block vars
  3. - entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
  4. block append meta
  5. meta(name="ol-recommendedCurrency" content=recommendedCurrency)
  6. meta(name="ol-groupPlans" data-type="json" content=groupPlans)
  7. meta(name="ol-currencySymbols" data-type="json" content=groupPlanModalOptions.currencySymbols)
  8. meta(name="ol-itm_content" content=itm_content)
  9. meta(name="ol-currentView" content=currentView)
  10. block content
  11. main.content.content-alt#main-content
  12. if showBackToSchoolBanner
  13. .container(
  14. )
  15. .user-notifications
  16. ul.list-unstyled(ng-cloak)
  17. li.notification-entry
  18. div.alert.alert-back-to-school(
  19. event-tracking-mb="true"
  20. event-tracking="promo-prompt"
  21. event-tracking-trigger="load"
  22. event-segmentation='{"location": "plans-page-banner", "name": "bts2023", "content": "banner"}'
  23. )
  24. .notification-body
  25. | 🎉  
  26. p
  27. strong #{translate("back_to_school_banner_bargain_with_x_percent_off_in_school_or_not", {x: '15'})}
  28. br
  29. | #{translate("back_to_school_banner_hurry_offer_ends_sep_30")}
  30. .notification-action
  31. a.btn.btn-sm.btn-default-outline(
  32. href="/about/back-to-school-promo-2023"
  33. event-tracking-mb="true"
  34. event-tracking="promo-click"
  35. event-tracking-trigger="click"
  36. event-segmentation='{"location": "plans-page-banner", "name": "bts2023", "content": "banner", "type": "click"}'
  37. ) #{translate('claim_discounts')}
  38. .content-page
  39. .plans
  40. .container(ng-cloak)
  41. if showInrGeoBanner
  42. div.alert.alert-success.text-centered !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
  43. .row
  44. .col-md-12
  45. .page-header.centered.plans-header.text-centered.top-page-header
  46. h1.text-capitalize(ng-non-bindable) #{translate('choose_your_plan')}
  47. include ./plans/_cards_controls_tables
  48. .row.row-spaced-large.text-centered
  49. .col-xs-12
  50. p.text-centered
  51. strong *
  52. |  
  53. | !{translate("the_free_compile_timeout_will_be_changing_soon_with_faster_servers", {}, [{name: 'a', attrs: {href: '/blog/changes-to-free-compile-timeouts-and-servers', rel: 'noopener noreferrer', target: '_blank'}}])}
  54. p.text-centered
  55. strong #{translate("all_prices_displayed_are_in_currency", {recommendedCurrency})}
  56. |  
  57. span #{translate("subject_to_additional_vat")}
  58. i.fa.fa-cc-mastercard.fa-2x(aria-hidden="true")  
  59. span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Mastercard' })}
  60. i.fa.fa-cc-visa.fa-2x(aria-hidden="true")  
  61. span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Visa' })}
  62. i.fa.fa-cc-amex.fa-2x(aria-hidden="true")  
  63. span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Amex' })}
  64. i.fa.fa-cc-paypal.fa-2x(aria-hidden="true")  
  65. span.sr-only #{translate('payment_method_accepted', { paymentMethod: 'Paypal' })}
  66. include ./plans/_university_info
  67. include ./plans/_quotes
  68. include ./plans/_faq
  69. .row.row-spaced-large
  70. .col-md-12
  71. .plans-header.plans-subheader.text-centered
  72. hr
  73. h2.header-with-btn #{translate('still_have_questions')}
  74. button.btn.plans-v2-btn-header.text-capitalize(
  75. data-ol-open-contact-form-modal="general"
  76. ) #{translate('contact_us')}
  77. .row.row-spaced
  78. include ./plans/_group_plan_modal
  79. != moduleIncludes("contactModalGeneral-marketing", locals)