interstitial-payment.pug 2.7 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. extends ../layout-marketing
  2. include ./plans/_mixins
  3. block entrypointVar
  4. - entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
  5. block vars
  6. - var suppressFooter = true
  7. - var suppressNavbarRight = true
  8. - var suppressCookieBanner = true
  9. block append meta
  10. meta(name="ol-recommendedCurrency" content=recommendedCurrency)
  11. meta(name="ol-itm_content" content=itm_content)
  12. meta(name="ol-countryCode" content=countryCode)
  13. meta(name="ol-websiteRedesignPlansVariant" content=websiteRedesignPlansVariant)
  14. block content
  15. main.content.content-alt#main-content
  16. .content-page
  17. .plans
  18. .container
  19. if showInrGeoBanner
  20. div.notification.notification-type-success.text-centered
  21. div.notification-content !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
  22. if showBrlGeoBanner
  23. div.notification.notification-type-success.text-centered
  24. div.notification-content !{translate("brl_discount_offer_plans_page_banner", {flag: '🇧🇷'})}
  25. if showLATAMBanner
  26. div.notification.notification-type-success.text-centered
  27. div.notification-content !{translate("latam_discount_offer_plans_page_banner", {flag: latamCountryBannerDetails.latamCountryFlag, country: latamCountryBannerDetails.country, currency: latamCountryBannerDetails.currency, discount: latamCountryBannerDetails.discount })}
  28. .row
  29. .col-md-12
  30. .page-header.centered.plans-header.text-centered.top-page-header
  31. h1.text-capitalize #{translate('choose_your_plan')}
  32. +monthly_annual_switch("monthly", "paywall-plans-page-toggle", '{}')
  33. +plans_v2_table_sticky_header(true, interstitialPaymentConfig)
  34. .row.plans-v2-table-container(data-ol-plans-v2-period='monthly')
  35. .col-sm-12
  36. .row
  37. table.card.plans-v2-table.plans-v2-table-individual
  38. +plans_v2_table('monthly', interstitialPaymentConfig)
  39. .row.plans-v2-table-container(hidden data-ol-plans-v2-period='annual')
  40. .col-sm-12
  41. .row
  42. table.card.plans-v2-table.plans-v2-table-individual
  43. +plans_v2_table('annual', interstitialPaymentConfig)
  44. if (showCurrencyAndPaymentMethods)
  45. +currency_and_payment_methods()
  46. //- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
  47. .invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
  48. if (showSkipLink)
  49. .row.row-spaced-small.text-center
  50. a(href=skipLinkTarget
  51. event-tracking="skip-button-click"
  52. event-tracking-mb="true"
  53. event-tracking-trigger="click"
  54. event-segmentation='{"location": "interstitial-page"}'
  55. )
  56. | #{translate("continue_with_free_plan")}
  57. != moduleIncludes("contactModalGeneral-marketing", locals)