| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273 |
- extends ../layout-website-redesign
- include ./plans/light-redesign/_mixins
- include ../_mixins/eyebrow
- include ../_mixins/links
-
- block entrypointVar
- - entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
- block vars
- - var suppressFooter = true
- - var suppressNavbarRight = true
- - var suppressCookieBanner = true
- block append meta
- meta(name="ol-recommendedCurrency" content=recommendedCurrency)
- meta(name="ol-itm_content" content=itm_content)
- meta(name="ol-countryCode" content=countryCode)
- meta(name="ol-websiteRedesignPlansVariant" content=websiteRedesignPlansVariant)
- block content
- main.website-redesign#main-content
- .plans-page.plans-page-interstitial
- .container
- if showInrGeoBanner
- .mb-5.notification.notification-type-success.text-center
- div.notification-content !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
- if showBrlGeoBanner
- .mb-5.notification.notification-type-success.text-center
- div.notification-content !{translate("brl_discount_offer_plans_page_banner", {flag: '🇧🇷'})}
- if showLATAMBanner
- .mb-5.notification.notification-type-success.text-center
- div.notification-content !{translate("latam_discount_offer_plans_page_banner", {flag: latamCountryBannerDetails.latamCountryFlag, country: latamCountryBannerDetails.country, currency: latamCountryBannerDetails.currency, discount: latamCountryBannerDetails.discount })}
- .row
- .col-md-12.text-center
- h1
- +eyebrow(translate('plans_and_pricing_lowercase'))
- | #{translate('choose_your_plan')}
- +monthly_annual_switch("monthly", "paywall-plans-page-toggle", '{}')
- .plans-table-sticky-header-container
- +plans_table_sticky_header(true, interstitialPaymentConfig)
- .row.plans-table-container(data-ol-plans-v2-period='monthly')
- .col-sm-12
- .row
- table.card.plans-table.plans-table-individual
- +plans_table('monthly', interstitialPaymentConfig)
- .row.plans-table-container(hidden data-ol-plans-v2-period='annual')
- .col-sm-12
- .row
- table.card.plans-table.plans-table-individual
- +plans_table('annual', interstitialPaymentConfig)
- if (showCurrencyAndPaymentMethods)
- +currency_and_payment_methods()
- //- sticky header on mobile will be "hidden" (by removing its sticky position) if it reaches this div
- .invisible(aria-hidden="true" data-ol-plans-v2-table-sticky-header-stop)
- if (showSkipLink)
- .row.row-spaced-small.text-center
- +linkWithArrow({
- text: translate("continue_with_free_plan"),
- href: skipLinkTarget,
- eventTracking: 'skip-button-click',
- eventSegmentation: {location: 'interstitial-page'}
- })
- != moduleIncludes("contactModalGeneral-marketing", locals)
|
