plans-light-design.pug 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  1. extends ../layout-website-redesign
  2. include ../_mixins/quote
  3. include ../_mixins/eyebrow
  4. block vars
  5. - entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
  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. meta(name="ol-currentView" content=currentView)
  12. block content
  13. main.website-redesign#main-content
  14. .plans-page
  15. .container
  16. //- if showInrGeoBanner
  17. //- div.notification.notification-type-success.text-centered
  18. //- div.notification-content !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
  19. //- if showBrlGeoBanner
  20. //- div.notification.notification-type-success.text-centered
  21. //- div.notification-content !{translate("brl_discount_offer_plans_page_banner", {flag: '🇧🇷'})}
  22. //- if showLATAMBanner
  23. //- div.notification.notification-type-success.text-centered
  24. //- div.notification-content !{translate("latam_discount_offer_plans_page_banner", {flag: latamCountryBannerDetails.latamCountryFlag, country: latamCountryBannerDetails.country, currency: latamCountryBannerDetails.currency, discount: latamCountryBannerDetails.discount })}
  25. .row
  26. .col-md-12
  27. h1.text-centered
  28. +eyebrow(translate('plans_and_pricing_lowercase'))
  29. | #{translate('choose_your_plan')}
  30. include ./plans/light-redesign/_cards_controls_tables
  31. +currency_and_payment_methods()
  32. //- TODO: changing .plans-page-quote-row-hidden causes flickering on page load
  33. .plans-page-quote-row(data-ol-show-for-plan-type="individual")
  34. +collinsQuote1()
  35. .plans-page-quote-row.plans-page-quote-row-hidden(data-ol-show-for-plan-type="group")
  36. +bennettQuote1()
  37. .plans-page-quote-row.plans-page-quote-row-hidden(data-ol-show-for-plan-type="student")
  38. +collinsQuote2()
  39. include ./plans/_university_info
  40. include ./plans/_faq_new
  41. .row.row-spaced-large
  42. .col-md-12
  43. .plans-header.text-centered
  44. hr
  45. h2 #{translate('still_have_questions')}
  46. button.btn.plans-v2-btn-header.text-capitalize(
  47. data-ol-open-contact-form-modal="general"
  48. ) #{translate('contact_us')}
  49. .row.row-spaced-large
  50. include ./plans/_group_plan_modal
  51. != moduleIncludes("contactModalGeneral-marketing", locals)