From 01aad59ba230789cde16316d54744a8e72fa1505 Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Thu, 13 Jun 2024 15:08:44 +0100
Subject: [PATCH] Website Redesign - Plans page main heading section (#18837)

* adding the main heading of the plans page

* removing some extra CSS and adding a max-width

GitOrigin-RevId: 78e8ab57826171505bb37e89e950dbd44ea1b3d1
---
 .../app/plans/plans-new-design.less           | 32 +++++++++++++++++++
 services/web/locales/en.json                  |  3 ++
 2 files changed, 35 insertions(+)

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 34d04b54a2..e9708ee2ca 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
@@ -2,6 +2,38 @@
 @z-index-plans-new-tabs-content: 0;
 
 .plans-new-design {
+  .main-heading-section {
+    text-align: center;
+    max-width: 885px;
+    margin-left: auto;
+    margin-right: auto;
+
+    @media (max-width: @screen-xs-max) {
+      text-align: left;
+      padding: 0 16px;
+    }
+
+    .plans-page-heading {
+      margin-top: 8px;
+      margin-bottom: unset;
+      font-size: 3rem;
+      font-weight: 600;
+      line-height: 64px;
+      @media (max-width: @screen-xs-max) {
+        font-size: 2.25rem;
+        line-height: 48px;
+        padding-right: 5rem;
+      }
+    }
+
+    .plans-page-sub-heading {
+      font-size: 1.125rem;
+      line-height: 24px;
+      margin-top: 16px;
+      margin-bottom: unset;
+    }
+  }
+
   .plans-new-content {
     display: flex;
     flex-direction: column;
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index e5b0a47831..00b071ab37 100644
--- a/services/web/locales/en.json
+++ b/services/web/locales/en.json
@@ -611,6 +611,7 @@
   "fit_to_width": "Fit to width",
   "fixed_width": "Fixed width",
   "fixed_width_wrap_text": "Fixed width, wrap text",
+  "flexible_plans_for_everyone": "Flexible plans for everyone—from individual students and researchers, to large businesses and universities.",
   "fold_line": "Fold line",
   "folder_location": "Folder location",
   "folders": "Folders",
@@ -682,6 +683,7 @@
   "get_more_compile_time": "Get more compile time",
   "get_most_subscription_by_checking_features": "Get the most out of your __appName__ subscription by checking out <0>__appName__’s features</0>.",
   "get_symbol_palette": "Get Symbol Palette",
+  "get_the_best_overleaf_experience": "Get the best Overleaf experience",
   "get_the_best_writing_experience": "Get the best writing experience",
   "get_the_most_out_headline": "Get the most out of __appName__ with features such as:",
   "get_track_changes": "Get track changes",
@@ -1291,6 +1293,7 @@
   "overleaf_history_system": "Overleaf History System",
   "overleaf_individual_plans": "Overleaf individual plans",
   "overleaf_labs": "Overleaf Labs",
+  "overleaf_plans_and_pricing": "overleaf plans and pricing",
   "overview": "Overview",
   "overwrite": "Overwrite",
   "overwriting_the_original_folder": "Overwriting the original folder will delete it and all the files it contains.",