diff --git a/components/homepage/GetInvolved.tsx b/components/homepage/GetInvolved.tsx
new file mode 100644
index 0000000..8dff3cb
--- /dev/null
+++ b/components/homepage/GetInvolved.tsx
@@ -0,0 +1,33 @@
+import clsx from "clsx";
+
+import { Heading } from "../atoms/Heading";
+
+interface GetInvolvedProps {}
+
+export const GetInvolved: React.FC<GetInvolvedProps> = () => (
+  <div
+    className={clsx(
+      "group bg-white rounded-xl box-border shadow p-10",
+      "dark:bg-blue-800 dark:shadow-lg relative",
+      "bg-opacity-20 dark:bg-opacity-20 border-4 border-slate-500 backdrop-blur-xl"
+    )}
+  >
+    <div className="glassy-corners-thing"></div>
+
+    <div className="flex flex-col gap-6">
+      <Heading level={1} className="pb-6">
+        Get Involved
+      </Heading>
+
+      <Heading level={4} className="pb-6">
+        Discord link, speaker form, etc.
+      </Heading>
+
+      <p>
+        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed euismod
+        tincidunt nisl, sit amet aliquet nisl. Sed euismod tincidunt nisl, sit
+        amet aliquet nisl.
+      </p>
+    </div>
+  </div>
+);
diff --git a/pages/index.tsx b/pages/index.tsx
index 9e2046f..5493837 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -19,6 +19,7 @@ import { AboutFusion } from "../components/homepage/AboutFusion";
 import { LatestEvent } from "../components/homepage/LatestEvent";
 import { PastEventsOverview } from "../components/events/PastEventsOverview";
 import { HomepageAlert } from "../components/homepage/HomepageAlert";
+import { GetInvolved } from "../components/homepage/GetInvolved";
 
 const LiveEvent = dynamic(() => import("../components/homepage/LiveEvent"), {
   ssr: false,
@@ -50,13 +51,15 @@ const HomePage: NextPage<HomePageProps> = ({
       <AboutFusion about={about} showLearnMoreButton />
 
       <div>
-        <Heading level={2}>Fusion Blog</Heading>
-        <BlogPostsOverview threeBlogPosts={threeBlogPosts} />
+        <Heading level={2}>Past Events</Heading>
+        <PastEventsOverview pastFourEvents={pastFourEvents} />
       </div>
 
+      <GetInvolved />
+
       <div>
-        <Heading level={2}>Past Events</Heading>
-        <PastEventsOverview pastFourEvents={pastFourEvents} />
+        <Heading level={2}>Fusion Blog</Heading>
+        <BlogPostsOverview threeBlogPosts={threeBlogPosts} />
       </div>
     </div>
   </Layout>
diff --git a/styles/globals.css b/styles/globals.css
index 6e78291..5c470f8 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -94,3 +94,42 @@
   @apply absolute top-0 left-0 right-0 bottom-0 flex items-center justify-center;
   z-index: -1;
 }
+
+.glassy-corners-thing::before {
+  position: absolute;
+  z-index: -1;
+  left: -18px;
+  bottom: -18px;
+  display: block;
+  width: 20rem;
+  height: 20rem;
+  border: 1px solid hsla(48, 100%, 50%, 0.2);
+  background: hsla(48, 100%, 50%, 0.1);
+  border-radius: 0 24px 24px 24px;
+  content: " ";
+  -webkit-mask-image: linear-gradient(
+    40deg,
+    #fff 16.35%,
+    hsla(0, 0%, 100%, 0) 39.66%
+  );
+  mask-image: linear-gradient(40deg, #fff 16.35%, hsla(0, 0%, 100%, 0) 39.66%);
+}
+.glassy-corners-thing::after {
+  position: absolute;
+  z-index: -1;
+  right: -18px;
+  top: -18px;
+  display: block;
+  width: 20rem;
+  height: 20rem;
+  border: 1px solid hsla(324, 100%, 63%, 0.2);
+  background: hsla(324, 100%, 63%, 0.1);
+  border-radius: 0 24px 24px 24px;
+  content: " ";
+  -webkit-mask-image: linear-gradient(
+    220deg,
+    #fff 16.35%,
+    hsla(0, 0%, 100%, 0) 39.66%
+  );
+  mask-image: linear-gradient(220deg, #fff 16.35%, hsla(0, 0%, 100%, 0) 39.66%);
+}