Merge pull request #19904 from overleaf/ds-plans-page-new-design-adding-geo-banners

Plans page new design - Implement geo banner for India and latin america users

GitOrigin-RevId: 4b0ca2e6e290672c5ae1f41cde904a4d48197a33

services/web/app/src/Features/Subscription/SubscriptionController.js

@@ -768,7 +768,9 @@ module.exports = {
   recurlyNotificationParser,
   refreshUserFeatures: expressify(refreshUserFeatures),
   redirectToHostedPage: expressify(redirectToHostedPage),
+  plansBanners: _plansBanners,
   promises: {
     getRecommendedCurrency: _getRecommendedCurrency,
+    getLatamCountryBannerDetails,
   },
 }

services/web/frontend/stylesheets/app/plans/plans-new-design.less

@@ -18,10 +18,18 @@
 @table-5-column-width: 20%;
 
 .plans-new-design {
-  padding-top: calc(var(--spacing-16) + var(--header-height));
+  padding-top: var(--header-height);
 
   .container {
     padding: 0 var(--spacing-06);
+
+    .geo-banner-container {
+      margin-top: var(--spacing-08);
+    }
+
+    .plans-new-design-content-spacing {
+      margin-top: var(--spacing-16);
+    }
   }
   .main-heading-section {
     text-align: center;