diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx
index 3c63686..c6ce887 100644
--- a/src/components/Footer.tsx
+++ b/src/components/Footer.tsx
@@ -21,7 +21,7 @@ export default function Footer() {
 				{footer.columns.map((col) => {
 					return (
 						<div className='footer-col' key={col._id}>
-							<BlockContent blocks={col.content}></BlockContent>
+							<BlockContent blocks={col.content} />
 						</div>
 					);
 				})}
diff --git a/src/components/InitiativeList.tsx b/src/components/InitiativeList.tsx
index 44e699c..089f339 100644
--- a/src/components/InitiativeList.tsx
+++ b/src/components/InitiativeList.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 import InitiativeColumn from './InitiativeColumn';
 
 export default function InitiativeList() {
diff --git a/src/components/RecentNews.tsx b/src/components/RecentNews.tsx
index 32155c0..b21ceea 100644
--- a/src/components/RecentNews.tsx
+++ b/src/components/RecentNews.tsx
@@ -1,4 +1,4 @@
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 import ArticleRow from './ArticleRow';
 
 export default function RecentNews() {
diff --git a/src/hooks/useFooter.tsx b/src/hooks/useFooter.tsx
index 9068261..cda8f91 100644
--- a/src/hooks/useFooter.tsx
+++ b/src/hooks/useFooter.tsx
@@ -2,20 +2,13 @@ import React from 'react';
 import sanity from '../sanity';
 import { SanityDocument } from '@sanity/client/sanityClient';
 
-interface FooterDocument {
-	columns: {
-		_id: string;
-		content: any[];
-	}[];
-}
-
 export default function useFooter() {
 	let [footer, setFooter] = React.useState<
-		SanityDocument<FooterDocument> | undefined
+		SanityDocument<SGA.FooterDocument> | undefined
 	>();
 
 	React.useEffect(() => {
-		sanity.getDocument<FooterDocument>('footer').then(setFooter);
+		sanity.getDocument<SGA.FooterDocument>('footer').then(setFooter);
 	}, []);
 
 	return footer;
diff --git a/src/hooks/useInitiatives.tsx b/src/hooks/useQuery.tsx
similarity index 100%
rename from src/hooks/useInitiatives.tsx
rename to src/hooks/useQuery.tsx
diff --git a/src/pages/classcouncil.tsx b/src/pages/classcouncil.tsx
index 31b7ccf..cd907ed 100644
--- a/src/pages/classcouncil.tsx
+++ b/src/pages/classcouncil.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Hero from '../components/Hero';
 import MemberRow from '../components/MemberRow';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 
 export default function ClassCouncil() {
 	let members = useQuery<SGA.MemberDocument[]>(
diff --git a/src/pages/committee.tsx b/src/pages/committee.tsx
index cfec114..ff6ddef 100644
--- a/src/pages/committee.tsx
+++ b/src/pages/committee.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Hero from '../components/Hero';
 import MemberRow from '../components/MemberRow';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 
 export default function Committee() {
 	let excomm = useQuery<SGA.MemberDocument[]>(
diff --git a/src/pages/initiatives.tsx b/src/pages/initiatives.tsx
index f4bfb63..cbe0ae3 100644
--- a/src/pages/initiatives.tsx
+++ b/src/pages/initiatives.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Hero from '../components/Hero';
 import InitiativeRow from '../components/InitiativeRow';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 
 export default function Initiatives() {
 	let initiatives = useQuery<SGA.InitiativeDocument[]>(
diff --git a/src/pages/involved.tsx b/src/pages/involved.tsx
new file mode 100644
index 0000000..9e7d00d
--- /dev/null
+++ b/src/pages/involved.tsx
@@ -0,0 +1,38 @@
+import { SanityDocument } from '@sanity/client';
+import React from 'react';
+import GetInvolvedRow from '../components/GetInvolvedRow';
+import Hero from '../components/Hero';
+import '../css/get-involved.css';
+import sanity from '../sanity';
+
+export default function GetInvolved() {
+	let [ways, setWays] = React.useState<
+		SanityDocument<SGA.GetInvolvedDocument> | undefined
+	>();
+
+	React.useEffect(() => {
+		sanity.getDocument<SGA.GetInvolvedDocument>('ways').then(setWays);
+	}, []);
+
+	return (
+		<>
+			<Hero heading='Get Involved' />
+			<h3>SGA Calendar</h3>
+			<iframe
+				src='https://calendar.google.com/calendar/u/0/embed?src=mbftfg4hu7i8ueqrgcb5o7hc6k@group.calendar.google.com&ctz=America/New_York'
+				title='SGA Calendar'
+				width='800'
+				height='600'
+			/>
+			<hr />
+			{ways ? (
+				<>
+					<h3>Here are some ways to connect with SGA:</h3>
+					{ways.ways.map((way) => (
+						<GetInvolvedRow way={way} />
+					))}
+				</>
+			) : null}
+		</>
+	);
+}
diff --git a/src/pages/newsArticle.tsx b/src/pages/newsArticle.tsx
index 599cea8..641c260 100644
--- a/src/pages/newsArticle.tsx
+++ b/src/pages/newsArticle.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link, useParams } from 'react-router-dom';
 import Hero from '../components/Hero';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 import imageUrl from '../imageUrl';
 import BlockContent from '@sanity/block-content-to-react';
 
diff --git a/src/pages/officers.tsx b/src/pages/officers.tsx
index d3ff930..1a66575 100644
--- a/src/pages/officers.tsx
+++ b/src/pages/officers.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 import Hero from '../components/Hero';
 import MemberRow from '../components/MemberRow';
-import useQuery from '../hooks/useInitiatives';
+import useQuery from '../hooks/useQuery';
 
 export default function Officers() {
 	let officers = useQuery<SGA.MemberDocument[]>(