Merge pull request #18879 from overleaf/ds-plans-page-new-design-mobile-plans-2

Website redesign - Plans page new-design mobile screen plans card (2)

GitOrigin-RevId: d74f4d0769ae7a248226d2369a5419e26946e26d

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

@@ -506,10 +506,10 @@
 
   // ------------------------------------------------------------------
   // ------------------------------------------------------------------
-  // These comments will be deleted before merging this PR
+  // These comments will be deleted when the cards section is completed for mobile screens.
   // Below is the styling for plans cards on mobile screen
 
-  .mobile-plans-card-container {
+  .plans-card-container-mobile {
     width: 100%;
 
     .mt-spacing-06 {
@@ -520,7 +520,7 @@
       border: 2px solid @green-50 !important;
     }
 
-    .mobile-plans-card {
+    .plans-card-mobile {
       padding: @spacing-09;
       border: 2px solid @neutral-20;
       width: 100%; // might need max-width
@@ -528,14 +528,14 @@
       display: flex;
       flex-direction: column;
 
-      .plans-name {
+      .plans-card-title-mobile {
         color: @neutral-90;
         font-size: @font-size-05; // 20px
         font-weight: 600;
         line-height: @line-height-04;
       }
 
-      .old-price {
+      .old-price-plans-card-mobile {
         padding: @spacing-04 0 0 0;
         color: @neutral-40;
         font-size: @font-size-04; // 18px
@@ -544,10 +544,10 @@
         margin-bottom: -@spacing-04;
       }
 
-      .price-container {
+      .plans-card-price-container-mobile {
         display: flex;
         align-items: baseline;
-        .price {
+        .plans-card-price-mobile {
           color: @neutral-90;
           font-size: @font-size-08; // 36px
           font-weight: 600;
@@ -562,13 +562,13 @@
         line-height: @line-height-02;
       }
 
-      .description {
+      .plans-card-description-mobile {
         .green-round-background {
           width: 20px;
           height: 20px;
         }
 
-        .bullets {
+        .plans-card-description-list-mobile {
           list-style-type: none;
           padding-left: 0;
           margin-bottom: unset;
@@ -578,7 +578,7 @@
           }
         }
 
-        .cta-buy-now {
+        .plans-card-cta-buy-now-mobile {
           width: 100%;
           margin-top: @spacing-08;
           line-height: @line-height-03;

services/web/locales/en.json

@@ -165,6 +165,7 @@
   "back_to_subscription": "Back to Subscription",
   "back_to_your_projects": "Back to your projects",
   "basic": "Basic",
+  "basic_compile_timeout_on_fast_servers": "Basic compile timeout on fast servers",
   "become_an_advisor": "Become an __appName__ advisor",
   "before_you_use_the_ai_error_assistant": "Before you use the AI error assistant",
   "best_choices_companies_universities_non_profits": "Best choice for companies, universities and non-profits",
@@ -554,6 +555,8 @@
   "es": "Spanish",
   "estimated_number_of_overleaf_users": "Estimated number of __appName__ users",
   "every": "per",
+  "everything_in_free": "Everything in Free, plus...",
+  "everything_in_standard_plus": "Everything in Standard, plus...",
   "example": "Example",
   "example_project": "Example Project",
   "examples": "Examples",
@@ -714,6 +717,7 @@
   "git_bridge_modal_tokens_description": "To git clone your project you’ll need the link below and a Git authentication token.",
   "git_bridge_modal_use_previous_token": "If you’re prompted for a password, you can use a previously generated Git authentication token. Or you can generate a new one in Account Settings. For more support, read our <0>help page</0>.",
   "git_bridge_modal_you_can_also_git_clone": "You can also git clone your project by using the link below and a Git authentication token.",
+  "git_gitHub_dropbox_mendeley_and_zotero_integrations": "Git, GitHub, Dropbox, Mendeley, and Zotero integrations",
   "git_integration": "Git Integration",
   "git_integration_info": "With Git integration, you can clone your Overleaf projects with Git. For full instructions on how to do this, read <0>our help page</0>.",
   "git_integration_lowercase": "Git integration",
@@ -1088,6 +1092,7 @@
   "login_with_service": "Log in with __service__",
   "logs_and_output_files": "Logs and output files",
   "longer_compile_timeout": "Longer <0>compile timeout</0>",
+  "longer_compile_timeout_on_faster_servers": "Longer compile timeout on faster servers",
   "looking_multiple_licenses": "Looking for multiple licenses?",
   "looks_like_logged_in_with_email": "It looks like you’re already logged in to <b>__appName__</b> with the email <b>__email__</b>.",
   "looks_like_youre_at": "It looks like you’re at <0>__institutionName__</0>.",
@@ -1269,6 +1274,7 @@
   "on": "On",
   "on_free_plan_upgrade_to_access_features": "You are on the __appName__ Free plan. Upgrade to access these <0>Premium Features</0>",
   "one_collaborator": "Only one collaborator",
+  "one_collaborator_per_project": "1 collaborator per project",
   "one_free_collab": "One free collaborator",
   "one_per_project": "1 per project",
   "one_step_away_from_professional_features": "You are one step away from accessing <0>Overleaf Professional features</0>!",
@@ -2090,6 +2096,7 @@
   "unlimited": "Unlimited",
   "unlimited_bold": "<0>Unlimited</0>",
   "unlimited_collaborators_in_each_project": "Unlimited collaborators in each project",
+  "unlimited_collaborators_per_project": "Unlimited collaborators per project",
   "unlimited_collabs": "Unlimited collaborators",
   "unlimited_collabs_rt": "<0>Unlimited</0> collaborators",
   "unlimited_projects": "Unlimited projects",