Merge pull request #19546 from overleaf/ds-plans-page-groups-tab-plan-cards-mobile

Plans page (New design mobile) - Adding plan cards in groups tab

GitOrigin-RevId: bd11a3edb5899181a1872fd6e77578e284588f83

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

@@ -573,6 +573,14 @@
         line-height: var(--line-height-04);
       }
 
+      .plans-card-icon-container-mobile {
+        margin-top: var(--spacing-04);
+        .plans-card-icon {
+          font-size: var(--font-size-09);
+          color: var(--neutral-90);
+        }
+      }
+
       .old-price-plans-card-mobile {
         padding: var(--spacing-04) 0 0 0;
         color: var(--neutral-40);
@@ -585,13 +593,19 @@
       .plans-card-price-container-mobile {
         display: flex;
         align-items: baseline;
-        .plans-card-price-mobile {
-          color: var(--neutral-90);
-          font-size: var(--font-size-08); // 36px
-          font-weight: 600;
-          line-height: var(--line-height-07);
-          margin-right: var(--spacing-03);
-        }
+      }
+
+      .group-plans-card-price-container-mobile {
+        display: flex;
+        align-items: center;
+      }
+
+      .plans-card-price-mobile {
+        color: var(--neutral-90);
+        font-size: var(--font-size-08); // 36px
+        font-weight: 600;
+        line-height: var(--line-height-07);
+        margin-right: var(--spacing-03);
       }
 
       .light-gray-text {
@@ -625,6 +639,10 @@
     }
   }
 
+  .plans-new-group-tab-card-container {
+    margin-top: var(--spacing-09);
+  }
+
   .plans-features-table-section-container-mobile {
     margin-top: var(--spacing-13);
     .plans-features-section-heading-mobile {

services/web/locales/en.json

@@ -577,6 +577,8 @@
   "estimated_number_of_overleaf_users": "Estimated number of __appName__ users",
   "every": "per",
   "everything_in_free_plus": "Everything in Free, plus…",
+  "everything_in_group_professional_plus": "Everything in Group Professional, plus…",
+  "everything_in_group_standard_plus": "Everything in Group Standard, plus…",
   "everything_in_standard_plus": "Everything in Standard, plus…",
   "example": "Example",
   "example_project": "Example Project",
@@ -794,6 +796,7 @@
   "go_to_pdf_location_in_code": "Go to PDF location in code (Tip: double click on the PDF for best results)",
   "go_to_settings": "Go to settings",
   "great_for_getting_started": "Great for getting started",
+  "great_for_small_teams_and_departments": "Great for small teams and departments",
   "group": "Group",
   "group_admin": "Group admin",
   "group_admins_get_access_to": "Group admins get access to",