overleaf/services/web/app/views/subscriptions/interstitial-payment_no_nudge_monthly.pug
Thomas 43c92642c6 Implement Back to School 2023 banners and modal (#14363)
* Implement Back to School 2023 banners and modal

* Only show WritefullPromoBanner if not showing BackToSchoolModal

GitOrigin-RevId: 3bd2ea48fa6d66f112cc26662a61be05cf7daafd
2023-08-24 08:04:09 +00:00

82 lines
2.8 KiB
Text

extends ../layout
include ./plans/_mixins_nudge
block vars
- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
- 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)
block content
main.content.content-alt#main-content
.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')}
.content-page
.plans
.container
if showInrGeoBanner
div.alert.alert-success.text-centered !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
.row
.col-md-12
.page-header.centered.plans-header.text-centered.top-page-header
h1.text-capitalize #{translate('choose_your_plan')}
+monthly_annual_switch("monthly", "paywall-plans-page-toggle", '{}')
+plans_v2_table_sticky_header(true, interstitialPaymentConfig)
.row.plans-v2-table-container(data-ol-plans-v2-period='monthly')
.col-sm-12
.row
table.card.plans-v2-table.plans-v2-table-individual
+plans_v2_table('monthly', interstitialPaymentConfig)
.row.plans-v2-table-container(hidden data-ol-plans-v2-period='annual')
.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)
if (showSkipLink)
.row.row-spaced-small.text-center
a(href='/project'
event-tracking="skip-button-click"
event-tracking-mb="true"
event-tracking-trigger="click"
event-segmentation='{"location": "interstitial-page"}'
)
| #{translate("continue_with_free_plan")}
!= moduleIncludes("contactModalGeneral-marketing", locals)