mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-29 10:43:33 -05:00
41e2d1bba7
[web] Implement plans page and interstitial payment page view events for plans redesign test GitOrigin-RevId: 023338acffe149db93b37d94cf06e8102ffcff8f
73 lines
2.7 KiB
Text
73 lines
2.7 KiB
Text
extends ../layout-marketing
|
|
|
|
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)
|