Merge pull request #352 from StubberG3/balancer/336/feedback

Balancer/336/feedback

Author: taichan03

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-800 sm:text-xl md:block;
     font-size: 100%;
     letter-spacing: 0.03em;
 }

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
-          max-w-[100%] text-center font-satoshi text-log text-gray-400 sm:text-x; md:block">
-            Leave feedback for the Balancer Team.
+          <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-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:[email protected]" className="underline hover:border-blue-600 hover:text-blue-600 hover:no-underline">
+              [email protected]
+            </a>
+            .
           </p>
           <FeedbackForm />
         </div>

frontend/src/pages/Help/Help.tsx

@@ -1,22 +1,17 @@
 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";
 
 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 = (