Merge pull request #18720 from overleaf/jel-begin-light-touch-plans

[web] Begin light touch redesign of plans page GitOrigin-RevId: dda5ab1c0817371400f30f2e4d230f5c3a5728f4
2024-06-12 08:05:19 +00:00
parent 7f6a1e3bf7
commit d35e11eaef
6 changed files with 141 additions and 8 deletions
@@ -1,13 +1,58 @@
 extends ../layout-website-redesign

 block vars
-	- var suppressRelAlternateLinks = true
-	- metadata.canonicalURL = (settings.siteUrl ? settings.siteUrl : '') + '/user/subscription/plans'
+	- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'

-//- TODO: uncomment after bringing all of the elements from the old plans page
-//- block entrypointVar
-//- 	- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
+block append meta
+	meta(name="ol-recommendedCurrency" content=recommendedCurrency)
+	meta(name="ol-groupPlans" data-type="json" content=groupPlans)
+	meta(name="ol-currencySymbols" data-type="json" content=groupPlanModalOptions.currencySymbols)
+	meta(name="ol-itm_content" content=itm_content)
+	meta(name="ol-currentView" content=currentView)

 block content
-	main.content.website-redesign#main-content
-		p plans page light-design variant
+	main.website-redesign#main-content
+		.plans
+			.container
+				//- if showInrGeoBanner
+				//- 	div.notification.notification-type-success.text-centered
+				//- 		div.notification-content !{translate("inr_discount_offer_plans_page_banner", {flag: '🇮🇳'})}
+				//- if showBrlGeoBanner
+				//- 	div.notification.notification-type-success.text-centered
+				//- 		div.notification-content !{translate("brl_discount_offer_plans_page_banner", {flag: '🇧🇷'})}
+				//- if showLATAMBanner
+				//- 	div.notification.notification-type-success.text-centered
+				//- 		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
+						h1.text-centered
+							span.mono-text
+								span.aria-hidden {
+								span #{translate('plans_and_pricing_lowercase')}
+								span.aria-hidden }
+							| #{translate('choose_your_plan')}
+
+				include ./plans/_cards_controls_tables
+					
+				+currency_and_payment_methods()
+
+				include ./plans/_university_info
+
+				include ./plans/_quotes
+
+				include ./plans/_faq
+
+				.row.row-spaced-large
+					.col-md-12
+						.plans-header.text-centered
+							hr
+							h2 #{translate('still_have_questions')}
+							button.btn.plans-v2-btn-header.text-capitalize(
+								data-ol-open-contact-form-modal="general"
+							) #{translate('contact_us')}
+
+				.row.row-spaced-large
+
+	include ./plans/_group_plan_modal
+	!= moduleIncludes("contactModalGeneral-marketing", locals)