Merge pull request #18811 from overleaf/mf-new-plans-page-group-desktop-header

[web] Create table header for group table with static data

GitOrigin-RevId: 42a5bda96b3bb4434b6c39c5b35512550ea7157a

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

@@ -248,6 +248,22 @@
     }
   }
 
+  .plans-new-table-group {
+    thead th {
+      height: 346px;
+
+      .plans-new-table-header-price-container {
+        min-height: 85px;
+      }
+
+      .plans-new-table-header-title {
+        @media (max-width: @screen-md-max) {
+          font-size: 1rem; // 16px
+        }
+      }
+    }
+  }
+
   .plans-new-table-header {
     padding: @spacing-06 @spacing-08;
 
@@ -302,11 +318,23 @@
       color: var(--neutral-90);
     }
 
+    .plans-new-table-header-icon {
+      margin-top: @spacing-02;
+      font-size: 56px;
+      align-self: center;
+      color: var(--neutral-90);
+    }
+
     .plans-new-table-header-price-unit {
       font-size: 0.875rem; // 14px
       line-height: 1.428;
     }
 
+    .plans-new-table-header-price-unit-total {
+      font-size: 0.75rem; // 12px
+      line-height: 1.333;
+    }
+
     .plans-new-table-header-desc {
       margin-top: @spacing-05;
       font-size: 0.875rem; // 14px

services/web/locales/en.json

@@ -625,11 +625,14 @@
   "for_enterprise": "For enterprise",
   "for_groups_or_site_wide": "For groups or site-wide",
   "for_individuals_and_groups": "For individuals & groups",
+  "for_large_institutions_and_organizations_need_sitewide_on_premise": "For large institutions and organizations that need site-wide access or an on-premises solution.",
   "for_more_information_see_managed_accounts_section": "For more information, see the \"Managed Accounts\" section in <0>our terms of use</0>, which you agree to by clicking Accept invitation.",
   "for_publishers": "For publishers",
+  "for_small_teams_and_departments_who_want_to_write_collaborate": "For small teams and departments who want to write and collaborate easily in LaTeX.",
   "for_students": "For students",
   "for_students_only": "For students only",
   "for_teaching": "For teaching",
+  "for_teams_and_organizations_who_want_a_streamlined_sso_and_security": "For teams and organizations who want a streamlined sign-on process and our strongest cloud security.",
   "for_universities": "For universities",
   "forever": "forever",
   "forgot_password": "Forgot password?",
@@ -1329,6 +1332,7 @@
   "pending_invite": "Pending invite",
   "per_month": "per month",
   "per_user": "per user",
+  "per_user_per_year": "per user / per year",
   "per_user_year": "per user / year",
   "per_year": "per year",
   "percent_discount_for_groups": "__appName__ offers a __percent__% educational discount for groups of __size__ or more.",
@@ -2198,6 +2202,7 @@
   "x_price_for_y_months": "<0>__price__</0> for your first __discountMonths__ months",
   "x_price_per_user": "__price__ per user",
   "x_price_per_year": "__price__ per year",
+  "x_total_per_year": "__price__ total per year",
   "year": "year",
   "yearly": "Yearly",
   "yes_im_in": "Yes, I’m in",