diff --git a/services/web/app/src/Features/Subscription/SubscriptionController.js b/services/web/app/src/Features/Subscription/SubscriptionController.js index c01487de1f..1dbf5491de 100644 --- a/services/web/app/src/Features/Subscription/SubscriptionController.js +++ b/services/web/app/src/Features/Subscription/SubscriptionController.js @@ -284,6 +284,25 @@ async function userSubscriptionPage(req, res) { } async function interstitialPaymentPage(req, res) { + const websiteRedesignPlansAssignment = + await SplitTestHandler.promises.getAssignment( + req, + res, + 'website-redesign-plans' + ) + + let template = 'subscriptions/interstitial-payment' + + if (websiteRedesignPlansAssignment.variant === 'new-design') { + return await Modules.promises.hooks.fire( + 'interstitialPaymentPageNewDesign', + req, + res + ) + } else if (websiteRedesignPlansAssignment.variant === 'light-design') { + template = 'subscriptions/interstitial-payment-light-design' + } + const user = SessionManager.getSessionUser(req.session) const { recommendedCurrency, countryCode, geoPricingLATAMTestVariant } = await _getRecommendedCurrency(req, res) @@ -318,7 +337,7 @@ async function interstitialPaymentPage(req, res) { 'local-ccy-format-v2' ) - res.render('subscriptions/interstitial-payment', { + res.render(template, { title: 'subscribe', itm_content: req.query?.itm_content, itm_campaign: req.query?.itm_campaign, diff --git a/services/web/app/views/subscriptions/interstitial-payment-light-design.pug b/services/web/app/views/subscriptions/interstitial-payment-light-design.pug new file mode 100644 index 0000000000..6c4b24faaf --- /dev/null +++ b/services/web/app/views/subscriptions/interstitial-payment-light-design.pug @@ -0,0 +1,16 @@ +extends ../layout-marketing + +include ./plans/_mixins + +//- TODO: uncomment this +//- block entrypointVar +//- - entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main' + +block vars + - var suppressFooter = true + - var suppressNavbarRight = true + - var suppressCookieBanner = true + +block content + main.website-redesign.content#main-content + p interstitial payment light design