From 1664722769e7eae2ab63695f25c8d83ba3a063ec Mon Sep 17 00:00:00 2001
From: Davinder Singh <davibaweja@gmail.com>
Date: Wed, 29 May 2024 09:26:22 +0100
Subject: [PATCH] Merge pull request #18110 from
 overleaf/ds-sales-contact-form-redesign

Website Redesign - Sales Contact form configuration for the new design

GitOrigin-RevId: 51f933a535bfb7e7640a76072acc54bfb5599dc3
---
 .../frontend/stylesheets/app/cms-page.less    | 52 +++++++++++++++++++
 services/web/locales/en.json                  |  5 ++
 2 files changed, 57 insertions(+)

diff --git a/services/web/frontend/stylesheets/app/cms-page.less b/services/web/frontend/stylesheets/app/cms-page.less
index 7c8622f966..468a7750f0 100644
--- a/services/web/frontend/stylesheets/app/cms-page.less
+++ b/services/web/frontend/stylesheets/app/cms-page.less
@@ -14,6 +14,34 @@
       font-size: 1.5rem; // 24px
     }
 
+    .sales-contact-form-left-column {
+      .sales-contact-form-heading-title {
+        font-size: 2.25rem;
+        font-family: 'Noto Sans';
+        font-style: normal;
+        font-weight: 600;
+        line-height: 1.333;
+        padding-top: 8px;
+        padding-right: 50px;
+      }
+
+      @media (min-width: @screen-xs) {
+        .names-container {
+          display: flex;
+          gap: 21px;
+        }
+      }
+
+      .optional-text {
+        font-size: 14px;
+      }
+
+      .checkbox-label {
+        font-size: 16px;
+        font-weight: 400;
+      }
+    }
+
     /* Buttons */
     // correct color property set on <a> above:
     .reset-btns;
@@ -424,6 +452,10 @@
   }
 }
 
+.contact-form-error-container {
+  padding-bottom: calc(@line-height-computed / 2);
+}
+
 .row-top-padding-sm {
   padding-top: @padding-sm;
 }
@@ -490,6 +522,26 @@
   }
 }
 
+.top-margin-sm {
+  margin-top: @margin-sm;
+}
+
+.top-margin-md {
+  margin-top: @margin-md;
+}
+
+.top-margin-lg {
+  margin-top: @margin-lg;
+}
+
+.top-margin-xl {
+  margin-top: @margin-xl;
+}
+
+.top-margin-xxl {
+  margin-top: @margin-xxl;
+}
+
 @media (max-width: @screen-xs-max) {
   .mobile-bottom-margin-sm {
     margin-bottom: @margin-sm;
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index fdcf40d44b..0ea9597dc1 100644
--- a/services/web/locales/en.json
+++ b/services/web/locales/en.json
@@ -536,6 +536,7 @@
   "error_processing_file": "Sorry, something went wrong processing this file. Please try again.",
   "error_submitting_comment": "Error submitting comment",
   "es": "Spanish",
+  "estimated_number_of_overleaf_users": "Estimated number of __appName__ users",
   "estimated_number_of_users": "Estimated Number of Users",
   "every": "per",
   "example": "Example",
@@ -1140,6 +1141,7 @@
   "more_than_one_kind_of_snippet_was_requested": "The link to open this content on Overleaf included some invalid parameters. If this keeps happening for links on a particular site, please report this to them.",
   "most_popular": "most popular",
   "must_be_email_address": "Must be an email address",
+  "must_be_purchased_online": "Must be purchased online",
   "my_library": "My Library",
   "n_items": "__count__ item",
   "n_items_plural": "__count__ items",
@@ -1263,6 +1265,8 @@
   "or": "or",
   "organization": "Organization",
   "organization_name": "Organization name",
+  "organization_or_company_name": "Organization or company name",
+  "organization_or_company_type": "Organization or company type",
   "organization_type": "Organization Type",
   "organize_projects": "Organize Projects",
   "other": "Other",
@@ -2152,6 +2156,7 @@
   "were_performing_maintenance": "We’re performing maintenance on Overleaf and you need to wait a moment. Sorry for any inconvenience. The editor will refresh automatically in __seconds__ seconds.",
   "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_this_project": "We’ve recently <0>reduced the compile timeout limit</0> on our free plan, which may have affected this project.",
   "weve_recently_reduced_the_compile_timeout_limit_which_may_have_affected_your_project": "We’ve recently <0>reduced the compile timeout limit</0> on our free plan, which may have affected your project.",
+  "what_do_you_need": "What do you need?",
   "what_do_you_need_help_with": "What do you need help with?",
   "what_does_this_mean": "What does this mean?",
   "what_does_this_mean_for_you": "This means:",