interstitial-payment.pug 2.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172
  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. meta(name="ol-shouldLoadHotjar" data-type="boolean" content=shouldLoadHotjar)
  15. block content
  16. main.content.content-alt#main-content
  17. .content-page
  18. .plans
  19. .container
  20. if showInrGeoBanner
  21. div.notification.notification-type-success.text-centered
  22. div.notification-content !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
  23. if showBrlGeoBanner
  24. div.notification.notification-type-success.text-centered
  25. div.notification-content !{translate("brl_discount_offer_plans_page_banner", {flag: '🇧🇷'})}
  26. if showLATAMBanner
  27. div.notification.notification-type-success.text-centered
  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. .page-header.centered.plans-header.text-centered.top-page-header
  32. h1.text-capitalize #{translate('choose_your_plan')}
  33. +monthly_annual_switch("monthly", "paywall-plans-page-toggle", '{}')
  34. +plans_v2_table_sticky_header(true, interstitialPaymentConfig)
  35. .row.plans-v2-table-container(data-ol-plans-v2-period='monthly')
  36. .col-sm-12
  37. .row
  38. table.card.plans-v2-table.plans-v2-table-individual
  39. +plans_v2_table('monthly', interstitialPaymentConfig)
  40. .row.plans-v2-table-container(hidden data-ol-plans-v2-period='annual')
  41. .col-sm-12
  42. .row
  43. table.card.plans-v2-table.plans-v2-table-individual
  44. +plans_v2_table('annual', interstitialPaymentConfig)
  45. if (showCurrencyAndPaymentMethods)
  46. +currency_and_payment_methods()
  47. //- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
  48. .invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
  49. if (showSkipLink)
  50. .row.row-spaced-small.text-center
  51. a(href=skipLinkTarget
  52. event-tracking="skip-button-click"
  53. event-tracking-mb="true"
  54. event-tracking-trigger="click"
  55. event-segmentation='{"location": "interstitial-page"}'
  56. )
  57. | #{translate("continue_with_free_plan")}
  58. != moduleIncludes("contactModalGeneral-marketing", locals)