From 394d07d03e0402370b476bfa1b3501a6f6ccb357 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Wed, 24 Jul 2024 19:54:53 +0700
Subject: [PATCH] Merge pull request #19509 from
 overleaf/mf-contact-support-faq

Implement contact support link below FAQ section

GitOrigin-RevId: 5c22c9807522b3ba88169b759520feb165f3f499
---
 .../subscriptions/plans-light-design.pug      | 12 ---------
 .../views/subscriptions/plans/_faq_new.pug    |  8 ++++++
 .../app/plans/plans-new-design.less           | 25 +++++++++++++++++++
 services/web/locales/en.json                  |  1 +
 4 files changed, 34 insertions(+), 12 deletions(-)

diff --git a/services/web/app/views/subscriptions/plans-light-design.pug b/services/web/app/views/subscriptions/plans-light-design.pug
index 3e5f87ee84..a0769de20f 100644
--- a/services/web/app/views/subscriptions/plans-light-design.pug
+++ b/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)
diff --git a/services/web/app/views/subscriptions/plans/_faq_new.pug b/services/web/app/views/subscriptions/plans/_faq_new.pug
index d5fc6d3b05..c666ea390e 100644
--- a/services/web/app/views/subscriptions/plans/_faq_new.pug
+++ b/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)
\ No newline at end of file
diff --git a/services/web/frontend/stylesheets/app/plans/plans-new-design.less b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
index eb314dc15d..c353c79e10 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/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;
+    }
+  }
 }
diff --git a/services/web/locales/en.json b/services/web/locales/en.json
index baac9b466d..33f482e8d0 100644
--- a/services/web/locales/en.json
+++ b/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",