add new components to playground, time to sleep :')

pages/get-involved.tsx

@@ -6,6 +6,9 @@ import { EmailSignup } from "../components/EmailSignup";
 import Content from "../content/get-involved.mdx";
 import styles from "./get-involved.module.css";
 
+/**
+ * @todo fix codey image with svg
+ */
 export default function GetInvolved() {
   return (
     <div className={styles.pageContainer}>
@@ -18,7 +21,6 @@ export default function GetInvolved() {
             <Link href="/about/team">Programme Committee</Link>!
           </p>
         </div>
-        {/* TODO: FIX CODEY SINCE ITS NOT SVG */}
         <Image src="images/get-involved-codey.svg" className={styles.codey} />
       </div>
       <div className={styles.content}>

pages/playground.mdx

@@ -9,6 +9,8 @@ import {
   OrganizedContentDemo,
   ButtonDemo,
 } from "../components/playground";
+import { ConnectWithUs } from "../components/ConnectWithUs"
+import { EmailSignup } from "../components/EmailSignup"
 
 import { TeamMemberCard } from "../components/TeamMemberCard";
 
@@ -90,3 +92,19 @@ The `<Link />` component is used on various pages such as Meet the Team! and Our
 <LinkDemo />
 
 ---
+
+## `<ConnectWithUs />`
+
+The `<ConnectWithUs />` component is used on various pages such as the About page and the Get Involved Page!
+
+<ConnectWithUs />
+
+---
+
+## `<EmailSignup />`
+
+The `<EmailSignup />` component is used on various pages such as the About page and the Get Involved Page!
+
+<EmailSignup />
+
+---