2023-07-30 16:59:35 +00:00
|
|
|
extends ../layout
|
2022-06-13 09:33:26 +00:00
|
|
|
|
2023-07-30 16:59:35 +00:00
|
|
|
include ./plans/_mixins
|
2022-06-13 09:33:26 +00:00
|
|
|
|
|
|
|
|
block vars
|
|
|
|
|
- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
|
2022-06-14 09:37:33 +00:00
|
|
|
- var suppressFooter = true
|
|
|
|
|
- var suppressNavbarRight = true
|
2023-07-17 12:15:36 +00:00
|
|
|
- var suppressCookieBanner = true
|
2022-06-13 09:33:26 +00:00
|
|
|
|
|
|
|
|
block append meta
|
|
|
|
|
meta(name="ol-recommendedCurrency" content=recommendedCurrency)
|
|
|
|
|
meta(name="ol-itm_content" content=itm_content)
|
|
|
|
|
|
|
|
|
|
block content
|
|
|
|
|
main.content.content-alt#main-content
|
2023-08-23 14:16:37 +00:00
|
|
|
.container
|
|
|
|
|
.user-notifications
|
|
|
|
|
ul.list-unstyled(ng-cloak)
|
|
|
|
|
li.notification-entry
|
|
|
|
|
div.alert.alert-back-to-school(
|
|
|
|
|
event-tracking-mb="true"
|
|
|
|
|
event-tracking="promo-prompt"
|
|
|
|
|
event-tracking-trigger="load"
|
|
|
|
|
event-segmentation='{"location": "interstitial-page-banner", "name": "bts2023", "content": "banner"}'
|
|
|
|
|
)
|
|
|
|
|
.notification-body
|
|
|
|
|
| 🎉
|
|
|
|
|
p
|
|
|
|
|
strong #{translate("back_to_school_banner_bargain_with_x_percent_off_in_school_or_not", {x: '15'})}
|
|
|
|
|
br
|
|
|
|
|
| #{translate("back_to_school_banner_hurry_offer_ends_sep_30")}
|
|
|
|
|
.notification-action
|
|
|
|
|
a.btn.btn-sm.btn-default-outline(
|
|
|
|
|
href="/about/back-to-school-promo-2023"
|
|
|
|
|
event-tracking-mb="true"
|
|
|
|
|
event-tracking="promo-click"
|
|
|
|
|
event-tracking-trigger="click"
|
|
|
|
|
event-segmentation='{"location": "interstitial-page-banner", "name": "bts2023", "content": "banner", "type": "click"}'
|
|
|
|
|
) #{translate('claim_discounts')}
|
|
|
|
|
|
2022-06-13 09:33:26 +00:00
|
|
|
.content-page
|
|
|
|
|
.plans
|
|
|
|
|
.container
|
2023-07-13 14:22:33 +00:00
|
|
|
if showInrGeoBanner
|
|
|
|
|
div.alert.alert-success.text-centered !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
|
|
|
|
|
|
2022-06-13 09:33:26 +00:00
|
|
|
.row
|
|
|
|
|
.col-md-12
|
|
|
|
|
.page-header.centered.plans-header.text-centered.top-page-header
|
|
|
|
|
h1.text-capitalize #{translate('choose_your_plan')}
|
|
|
|
|
|
2022-09-20 10:06:07 +00:00
|
|
|
+monthly_annual_switch("monthly", "paywall-plans-page-toggle", '{}')
|
2022-06-13 09:33:26 +00:00
|
|
|
|
2022-07-05 10:04:38 +00:00
|
|
|
+plans_v2_table_sticky_header(true, interstitialPaymentConfig)
|
2022-06-13 09:33:26 +00:00
|
|
|
|
2022-07-27 14:57:32 +00:00
|
|
|
.row.plans-v2-table-container(data-ol-plans-v2-period='monthly')
|
2022-06-13 09:33:26 +00:00
|
|
|
.col-sm-12
|
|
|
|
|
.row
|
|
|
|
|
table.card.plans-v2-table.plans-v2-table-individual
|
|
|
|
|
+plans_v2_table('monthly', interstitialPaymentConfig)
|
|
|
|
|
|
2022-07-27 14:57:32 +00:00
|
|
|
.row.plans-v2-table-container(hidden data-ol-plans-v2-period='annual')
|
2022-06-13 09:33:26 +00:00
|
|
|
.col-sm-12
|
|
|
|
|
.row
|
|
|
|
|
table.card.plans-v2-table.plans-v2-table-individual
|
|
|
|
|
+plans_v2_table('annual', interstitialPaymentConfig)
|
|
|
|
|
|
|
|
|
|
//- 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)
|
2023-07-30 16:59:35 +00:00
|
|
|
|
2022-09-14 08:32:16 +00:00
|
|
|
if (showSkipLink)
|
|
|
|
|
.row.row-spaced-small.text-center
|
|
|
|
|
a(href='/project'
|
|
|
|
|
event-tracking="skip-button-click"
|
|
|
|
|
event-tracking-mb="true"
|
|
|
|
|
event-tracking-trigger="click"
|
2022-09-14 12:49:11 +00:00
|
|
|
event-segmentation='{"location": "interstitial-page"}'
|
2022-09-14 08:32:16 +00:00
|
|
|
)
|
|
|
|
|
| #{translate("continue_with_free_plan")}
|
2023-07-30 16:59:35 +00:00
|
|
|
|
2022-06-13 09:33:26 +00:00
|
|
|
!= moduleIncludes("contactModalGeneral-marketing", locals)
|
