From 5065bb78ea97a3e660b6f89cf2c8d6433ebd2375 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Wed, 14 Aug 2024 09:38:11 -0700
Subject: [PATCH] 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
---
 .../Features/Subscription/SubscriptionController.js    |  2 ++
 .../stylesheets/app/plans/plans-new-design.less        | 10 +++++++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/services/web/app/src/Features/Subscription/SubscriptionController.js b/services/web/app/src/Features/Subscription/SubscriptionController.js
index b2f6867fa7..aef8c89826 100644
--- a/services/web/app/src/Features/Subscription/SubscriptionController.js
+++ b/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,
   },
 }
diff --git a/services/web/frontend/stylesheets/app/plans/plans-new-design.less b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
index 553dfc669a..c57acceb2e 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/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;