Merge pull request #19509 from overleaf/mf-contact-support-faq

Implement contact support link below FAQ section

GitOrigin-RevId: 5c22c9807522b3ba88169b759520feb165f3f499

services/web/app/views/subscriptions/plans-light-design.pug

@@ -51,16 +51,4 @@ block content
 
 				include ./plans/_faq_new
 
-				.row.row-spaced-large
-					.col-md-12
-						.plans-header.text-centered
-							hr
-							h2 #{translate('still_have_questions')}
-							button.btn.plans-v2-btn-header.text-capitalize(
-								data-ol-open-contact-form-modal="general"
-							) #{translate('contact_us')}
-
-				.row.row-spaced-large
-
 	include ./plans/_group_plan_modal
-	!= moduleIncludes("contactModalGeneral-marketing", locals)

services/web/app/views/subscriptions/plans/_faq_new.pug

@@ -60,3 +60,11 @@ include ../../_mixins/eyebrow
 						data-ol-faq-tab-content=overleafGroupPlans
 					)
 						+overleafGroupPlans()
+
+	.row.plans-faq-support
+		span #{translate('still_have_questions')}
+		button(data-ol-open-contact-form-modal="general")
+			span(style="margin-right: 4px") #{translate('contact_support')}
+			img.icon-md(src="/img/website-redesign/material-symbols-arrow-right.svg", aria-hidden="true")
+
+	!= moduleIncludes("contactModalGeneral-marketing", locals)

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

@@ -832,4 +832,29 @@
       text-align: unset;
     }
   }
+
+  .plans-faq-support {
+    margin-top: var(--spacing-06);
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: var(--spacing-04);
+
+    span {
+      line-height: var(--line-height-03);
+      font-size: var(--font-size-04);
+    }
+
+    button {
+      font-family: 'DM Mono', monospace;
+      font-weight: 500;
+      text-decoration: none;
+      color: var(--green-50);
+      line-height: var(--line-height-03);
+      font-size: var(--font-size-04);
+      background-color: var(--white);
+      border: unset;
+      width: 200px;
+    }
+  }
 }

services/web/locales/en.json

@@ -338,6 +338,7 @@
   "contact_group_admin": "Please contact your group administrator.",
   "contact_message_label": "Message",
   "contact_sales": "Contact Sales",
+  "contact_support": "Contact Support",
   "contact_support_to_change_group_subscription": "Please <0>contact support</0> if you wish to change your group subscription.",
   "contact_us": "Contact Us",
   "contact_us_lowercase": "Contact us",