diff --git a/src/components/join/OAH.astro b/src/components/join/OAH.astro
new file mode 100644
index 0000000..bf86022
--- /dev/null
+++ b/src/components/join/OAH.astro
@@ -0,0 +1,19 @@
+---
+
+---
+
+<div
+    data-inview
+    class="flex flex-col items-center w-[40vw] my-[10%] in-view:animate-fade-down"
+>
+    <p class="text-ieee-yellow text-[1.2vw]">Each officer has their own OAH</p>
+    <p class="text-white text-[2.5vw] my-[2%]">Check out our calendar!</p>
+    <iframe
+        class="object-cover aspect-[1000/400] w-[90%] rounded-[1.5vw]"
+        src="https://calendar.google.com/calendar/embed?src=c_62493071bab19c7c60d103460604dc7b3b569ffc1e58a42617978f626dff02ac%40group.calendar.google.com&ctz=America%2FLos_Angeles"
+        style="border: 0"
+        width="600"
+        height="450"
+        frameborder="0"
+        scrolling="no"></iframe>
+</div>
diff --git a/src/components/join/OH.astro b/src/components/join/OH.astro
deleted file mode 100644
index fcd3f36..0000000
--- a/src/components/join/OH.astro
+++ /dev/null
@@ -1,13 +0,0 @@
----
-const {title, subtitle, image} = Astro.props;
----
-
-<div data-inview class="flex flex-col items-center w-[40vw] my-[10%] in-view:animate-fade-down">
-    <p class="text-ieee-yellow text-[1.2vw]">
-        {subtitle}
-    </p>
-    <p class="text-white text-[2.5vw] my-[2%]">
-        {title}
-    </p>
-    <img src={image} alt="Office hours" class="object-cover aspect-[620/408] w-[90%] rounded-[2vw]" />
-</div>
\ No newline at end of file