diff --git a/src/pages/index.astro b/src/pages/index.astro
index f7add9e..d7a661c 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,8 @@
 ---
 import Layout from "../layouts/Layout.astro";
+import OfficerCard from "../components/react/OfficerCard.jsx";
+import Officers from "../data/officers.json";
+import OfficerTabs from "../components/react/OfficerTabs.jsx";
 ---
 
 <html lang="en">
@@ -18,28 +21,28 @@ import Layout from "../layouts/Layout.astro";
                     >
                         Join the 2nd largest IEEE student branch in the US!
                     </div>
-                    <!-- <div class="scale-[600%] mt-10 space-x-2">
-                    <a href="https://discord.gg/XxfjqZSjca">
-                        <iconify-icon
-                            icon="ic:baseline-discord"
-                            class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#5562ea]"
-                        ></iconify-icon>
-                    </a>
+                    <div class="scale-[600%] mt-10 space-x-2">
+                        <a href="https://discord.gg/XxfjqZSjca">
+                            <iconify-icon
+                                icon="ic:baseline-discord"
+                                class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#5562ea]"
+                            ></iconify-icon>
+                        </a>
 
-                    <a href="https://www.facebook.com/ieeeucsd">
-                        <iconify-icon
-                            icon="ic:baseline-facebook"
-                            class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#0863f7]"
-                        ></iconify-icon>
-                    </a>
+                        <a href="https://www.facebook.com/ieeeucsd">
+                            <iconify-icon
+                                icon="ic:baseline-facebook"
+                                class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#0863f7]"
+                            ></iconify-icon>
+                        </a>
 
-                    <a href="https://www.instagram.com/ieee.ucsd">
-                        <iconify-icon
-                            icon="mdi:instagram"
-                            class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#ff68cd]"
-                        ></iconify-icon>
-                    </a>
-                </div> -->
+                        <a href="https://www.instagram.com/ieee.ucsd">
+                            <iconify-icon
+                                icon="mdi:instagram"
+                                class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-[#ff68cd]"
+                            ></iconify-icon>
+                        </a>
+                    </div>
                 </div>
             </div>
             <!-- Regular White BG -->
@@ -146,6 +149,14 @@ import Layout from "../layouts/Layout.astro";
             </div>
         </div>
 
+        <div
+            class="flex justify-center items-center font-bold text-ieee text-[3em] mb-8"
+        >
+            Meet our Board Members:
+        </div>
+
+        <OfficerTabs client:load officers={Officers} />
+
         <style>
             #project-space-link {
                 position: relative;
