From 1e879bc6af84f2fd9ec9989af501858e3a20be5e Mon Sep 17 00:00:00 2001
From: Gregg Stubberfield <StubberG3@gmail.com>
Date: Wed, 13 Aug 2025 23:33:07 -0400
Subject: [PATCH 1/3] feat: #336 - add team email to feedback page

---
 frontend/src/pages/Feedback/Feedback.tsx | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/pages/Feedback/Feedback.tsx b/frontend/src/pages/Feedback/Feedback.tsx
index d4e61e40..32063b89 100644
--- a/frontend/src/pages/Feedback/Feedback.tsx
+++ b/frontend/src/pages/Feedback/Feedback.tsx
@@ -6,11 +6,14 @@ function Feedback() {
     <Layout>
       <div className="mt-20 flex w-full max-w-6xl flex-col items-center justify-center md:mt-28">
         <div className="mt-10">
-          <h1 className="head_text"></h1>
-          <h2 className="desc">Feedback</h2>
-          <p className="mx-auto mt-5 hidden
+          <h2 className="px-2 text-center font-quicksand text-2xl font-medium text-gray-800 md:mt-7 md:p-0 md:px-0 md:text-5xl">Feedback</h2>
+          <p className="mx-auto mt-5 mb-10
           max-w-[100%] text-center font-satoshi text-log text-gray-400 sm:text-x; md:block">
-            Leave feedback for the Balancer Team.
+            Leave feedback for the Balancer Team in the form below or send us a message directly at {" "}
+            <a href="mailto:balancerteam@codeforphilly.org" className="underline hover:border-blue-600 hover:text-blue-600 hover:no-underline">
+              balancerteam@codeforphilly.org
+            </a>
+            .
           </p>
           <FeedbackForm />
         </div>

From 0b3a758a2f902b41de5d287619d8e3215e8cad9e Mon Sep 17 00:00:00 2001
From: Gregg Stubberfield <StubberG3@gmail.com>
Date: Wed, 13 Aug 2025 23:43:50 -0400
Subject: [PATCH 2/3] feat: #336 - Use consistent styling for all welcome
 banners

---
 frontend/src/App.css             |  2 +-
 frontend/src/pages/Help/Help.tsx | 15 +++++----------
 2 files changed, 6 insertions(+), 11 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index 1f7ba717..acefcf94 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -170,7 +170,7 @@ The heading directly under the nav bar.
 }
 
 .desc1 {
-    @apply mx-auto mt-5 hidden max-w-[75%] text-center  font-satoshi text-lg text-gray-400 sm:text-xl  md:block;
+    @apply mx-auto mt-5 text-center font-satoshi text-lg text-gray-400 sm:text-xl md:block;
     font-size: 100%;
     letter-spacing: 0.03em;
 }
diff --git a/frontend/src/pages/Help/Help.tsx b/frontend/src/pages/Help/Help.tsx
index 53617032..b8ca3959 100644
--- a/frontend/src/pages/Help/Help.tsx
+++ b/frontend/src/pages/Help/Help.tsx
@@ -1,5 +1,6 @@
 import { Link } from "react-router-dom";
 import Layout from "../Layout/Layout";
+import Welcome from "../../components/Welcome/Welcome";
 import HelpCard from "./HelpCard";
 import { helpData } from "./helpData";
 
@@ -7,16 +8,10 @@ function Help() {
   return (
     <Layout>
       <div className="mt-20 flex w-full max-w-6xl flex-col items-center justify-center px-4">
-        <div className="flex justify-center text-center">
-          <h1 className="mt-20 font-satoshi text-3xl text-blue-600">
-            Help & Support
-          </h1>
-        </div>
-        <div className="flex py-2 text-center">
-          <h3 className="font-satoshi text-gray-600">
-            Get help and support for improving your Balancer experience.
-          </h3>
-        </div>
+        <Welcome
+          subHeader="Help & Support"
+          descriptionText="Get help and support for improving your Balancer experience."
+        />
         <div className="flex flex-col gap-4 sm:flex-row">
           {helpData.map((helpDataEntry, index) => {
             const card = (

From 63bb95238c09529e8769c7e331c6aab79cd7979c Mon Sep 17 00:00:00 2001
From: Gregg Stubberfield <StubberG3@gmail.com>
Date: Wed, 13 Aug 2025 23:53:16 -0400
Subject: [PATCH 3/3] feat: #336, #332 - Use darker font for subtext

---
 frontend/src/App.css                     | 2 +-
 frontend/src/pages/Feedback/Feedback.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.css b/frontend/src/App.css
index acefcf94..1944da14 100644
--- a/frontend/src/App.css
+++ b/frontend/src/App.css
@@ -170,7 +170,7 @@ The heading directly under the nav bar.
 }
 
 .desc1 {
-    @apply mx-auto mt-5 text-center font-satoshi text-lg text-gray-400 sm:text-xl md:block;
+    @apply mx-auto mt-5 text-center font-satoshi text-lg text-gray-800 sm:text-xl md:block;
     font-size: 100%;
     letter-spacing: 0.03em;
 }
diff --git a/frontend/src/pages/Feedback/Feedback.tsx b/frontend/src/pages/Feedback/Feedback.tsx
index 32063b89..f181f1e9 100644
--- a/frontend/src/pages/Feedback/Feedback.tsx
+++ b/frontend/src/pages/Feedback/Feedback.tsx
@@ -8,7 +8,7 @@ function Feedback() {
         <div className="mt-10">
           <h2 className="px-2 text-center font-quicksand text-2xl font-medium text-gray-800 md:mt-7 md:p-0 md:px-0 md:text-5xl">Feedback</h2>
           <p className="mx-auto mt-5 mb-10
-          max-w-[100%] text-center font-satoshi text-log text-gray-400 sm:text-x; md:block">
+          max-w-[100%] text-center font-satoshi text-log text-gray-800 sm:text-x; md:block">
             Leave feedback for the Balancer Team in the form below or send us a message directly at {" "}
             <a href="mailto:balancerteam@codeforphilly.org" className="underline hover:border-blue-600 hover:text-blue-600 hover:no-underline">
               balancerteam@codeforphilly.org