From f84600c56d0d8b191206429423827bfe78d3073a Mon Sep 17 00:00:00 2001
From: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Date: Sat, 24 Jul 2021 20:22:27 -0400
Subject: [PATCH 1/2] Use ConnectWithUs and EmailSignup components on the
 /about page

---
 components/DefaultLayout.module.css |  1 -
 pages/about/index.module.css        | 31 ++++------------------------
 pages/about/index.tsx               | 32 +++++++++--------------------
 3 files changed, 14 insertions(+), 50 deletions(-)

diff --git a/components/DefaultLayout.module.css b/components/DefaultLayout.module.css
index 31cadd0b..5b18ff5f 100644
--- a/components/DefaultLayout.module.css
+++ b/components/DefaultLayout.module.css
@@ -2,5 +2,4 @@
   margin: 0 auto;
   max-width: calc(800rem / 16);
   padding: 0 calc(20rem / 16);
-  padding-bottom: calc(20rem / 16);
 }
diff --git a/pages/about/index.module.css b/pages/about/index.module.css
index 0f7b157e..cee87808 100644
--- a/pages/about/index.module.css
+++ b/pages/about/index.module.css
@@ -1,3 +1,7 @@
+.page {
+  margin-bottom: calc(20rem / 16);
+}
+
 .title {
   height: calc(80rem / 16);
   margin-top: auto;
@@ -31,33 +35,6 @@
   height: calc(400rem / 16);
 }
 
-/*for temp mailing list components*/
-.mailingList {
-  margin: calc(4rem / 16) auto;
-  max-width: calc(806rem / 16);
-}
-
-.mailingList form > * {
-  margin: calc(0.5rem / 16) auto;
-}
-
-.mailingList form input {
-  border-radius: calc(16rem / 16);
-  padding: calc(8rem / 16) 0;
-}
-
-.mailingList form input[type="text"] {
-  /*temporary hard coding of font*/
-  font-family: Poppins;
-  font-style: normal;
-  padding: 0 calc(8rem / 16);
-}
-
-.mailingList h2 {
-  color: var(--blue-2);
-}
-/*for temp mailing list components*/
-
 @media only screen and (max-width: calc(768rem / 16)) {
   .titleContainer {
     display: flex;
diff --git a/pages/about/index.tsx b/pages/about/index.tsx
index 2cb13ffd..505a7ff6 100644
--- a/pages/about/index.tsx
+++ b/pages/about/index.tsx
@@ -2,8 +2,9 @@ import React from "react";
 import { Image } from "../../components/Image";
 import Content from "../../content/about/index.mdx";
 import styles from "./index.module.css";
-import { Button } from "../../components/Button";
-import { SocialLinks } from "../../components/SocialLinks";
+import { ConnectWithUs } from "components/ConnectWithUs";
+import { EmailSignup } from "components/EmailSignup";
+import { DefaultLayout } from "components/DefaultLayout";
 
 export default function AboutUs() {
   return (
@@ -15,29 +16,16 @@ export default function AboutUs() {
       <div className={styles.content}>
         <Content />
       </div>
-      <div className={styles.mailingList}>
-        <h2>Connect with us!</h2>
-        <p>
-          Drop by any of our social media outlets to learn more about us, keep
-          up-to-date with our upcoming events, or to chat with our members!
-        </p>
-        <SocialLinks color="gradient" size="big" />
-        <p>Send feedback through our Feedback Form </p>
-        <h2>Join our Mailing List!</h2>
-        <form action="">
-          <div>
-            <input type="text" placeholder="Full Name*" required />
-          </div>
-          <div>
-            <input type="text" placeholder="Email*" required />
-          </div>
-          <Button>Subscribe</Button>
-        </form>
-      </div>
+      <DefaultLayout>
+        <ConnectWithUs />
+      </DefaultLayout>
+      <DefaultLayout>
+        <EmailSignup />
+      </DefaultLayout>
     </>
   );
 }
 
 AboutUs.Layout = function AboutUsLayout(props: { children: React.ReactNode }) {
-  return <div>{props.children}</div>;
+  return <div className={styles.page}>{props.children}</div>;
 };
-- 
2.39.2


From 90169526c8dbd26574aed155617c5571882c87e2 Mon Sep 17 00:00:00 2001
From: Aditya Thakral <a3thakra@csclub.uwaterloo.ca>
Date: Tue, 27 Jul 2021 01:48:57 -0400
Subject: [PATCH 2/2] Use only 1 default layout

---
 pages/about/index.tsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/pages/about/index.tsx b/pages/about/index.tsx
index 505a7ff6..0a018ccc 100644
--- a/pages/about/index.tsx
+++ b/pages/about/index.tsx
@@ -18,8 +18,6 @@ export default function AboutUs() {
       </div>
       <DefaultLayout>
         <ConnectWithUs />
-      </DefaultLayout>
-      <DefaultLayout>
         <EmailSignup />
       </DefaultLayout>
     </>
-- 
2.39.2