plans-light-design.pug 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  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. - var suppressRelAlternateLinks = true
  7. - metadata.canonicalURL = (settings.siteUrl ? settings.siteUrl : '') + '/user/subscription/plans'
  8. block append meta
  9. meta(name="ol-recommendedCurrency" content=recommendedCurrency)
  10. meta(name="ol-groupPlans" data-type="json" content=groupPlans)
  11. meta(name="ol-currencySymbols" data-type="json" content=groupPlanModalOptions.currencySymbols)
  12. meta(name="ol-itm_content" content=itm_content)
  13. meta(name="ol-currentView" content=currentView)
  14. meta(name="ol-countryCode" content=countryCode)
  15. meta(name="ol-websiteRedesignPlansVariant" content=websiteRedesignPlansVariant)
  16. block content
  17. main.website-redesign#main-content
  18. .plans-page
  19. .container
  20. if showInrGeoBanner
  21. .mb-5.notification.notification-type-success.text-center
  22. div.notification-content !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
  23. if showBrlGeoBanner
  24. .mb-5.notification.notification-type-success.text-center
  25. div.notification-content !{translate("brl_discount_offer_plans_page_banner", {flag: '🇧🇷'})}
  26. if showLATAMBanner
  27. .mb-5.notification.notification-type-success.text-center
  28. div.notification-content !{translate("latam_discount_offer_plans_page_banner", {flag: latamCountryBannerDetails.latamCountryFlag, country: latamCountryBannerDetails.country, currency: latamCountryBannerDetails.currency, discount: latamCountryBannerDetails.discount })}
  29. .row
  30. .col-md-12
  31. h1.text-center
  32. +eyebrow(translate('plans_and_pricing_lowercase'))
  33. | #{translate('choose_your_plan')}
  34. include ./plans/light-redesign/_cards_controls_tables
  35. +currency_and_payment_methods()
  36. //- TODO: changing .plans-page-quote-row-hidden causes flickering on page load
  37. .plans-page-quote-row(data-ol-show-for-plan-type="individual")
  38. +collinsQuote1()
  39. .plans-page-quote-row.plans-page-quote-row-hidden(data-ol-show-for-plan-type="group")
  40. +bennettQuote1()
  41. .plans-page-quote-row.plans-page-quote-row-hidden(data-ol-show-for-plan-type="student")
  42. +collinsQuote2()
  43. include ./plans/_university_info_light_design
  44. include ./plans/_faq_new
  45. include ./plans/light-redesign/_group_plan_modal
  46. != moduleIncludes("contactModalGeneral-marketing", locals)