overleaf/services/web/app/views/subscriptions/plans-light-design.pug
Davinder Singh 56b69a743b Plans page redesign - [light-design] Use the new "request overleaf common" UI on the student tab (#20199)
* making the university info section in students tab to follow the new design.

* adding the left alignment of the button

* adding light keyword for the classes that are being used in the light design version for this university info card

* removing text-capitalize class

* deleting the comment

GitOrigin-RevId: 641613cf6ab73edef57b917b58ebf10b698572d3
2024-09-05 08:05:52 +00:00

59 lines
2.4 KiB
Text

extends ../layout-website-redesign
include ../_mixins/quote
include ../_mixins/eyebrow
block vars
- entrypoint = 'pages/user/subscription/plans-v2/plans-v2-main'
- var suppressRelAlternateLinks = true
- metadata.canonicalURL = (settings.siteUrl ? settings.siteUrl : '') + '/user/subscription/plans'
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)
meta(name="ol-countryCode" content=countryCode)
meta(name="ol-websiteRedesignPlansVariant" content=websiteRedesignPlansVariant)
block content
main.website-redesign#main-content
.plans-page
.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
h1.text-center
+eyebrow(translate('plans_and_pricing_lowercase'))
| #{translate('choose_your_plan')}
include ./plans/light-redesign/_cards_controls_tables
+currency_and_payment_methods()
//- TODO: changing .plans-page-quote-row-hidden causes flickering on page load
.plans-page-quote-row(data-ol-show-for-plan-type="individual")
+collinsQuote1()
.plans-page-quote-row.plans-page-quote-row-hidden(data-ol-show-for-plan-type="group")
+bennettQuote1()
.plans-page-quote-row.plans-page-quote-row-hidden(data-ol-show-for-plan-type="student")
+collinsQuote2()
include ./plans/_university_info_light_design
include ./plans/_faq_new
include ./plans/light-redesign/_group_plan_modal
!= moduleIncludes("contactModalGeneral-marketing", locals)