added more information

Made everything up to date, added linktree redirect, added robocup trailer, updated the OAH for the website, updated board members.

src/data/navbarPages.json

@@ -15,6 +15,10 @@
         "name": "COMMITTEES",
         "url": "/committees"
     },
+    {
+        "name": "LINKTREE",
+        "url": "https://linktr.ee/ieeeucsd"
+    },
     {
         "name": "CONTACT US",
         "url": "/contact"

src/pages/index.astro

@@ -65,6 +65,45 @@ import { Icon } from "astro-icon/components";
                     ways to get involved!
                 </div>
             </div>
+            <div
+                class="bg-ieee h-[35em] my-auto rounded-t-[10%] rounded-b-[10%] flex flex-col items-center justify-center bg-blend-overlay bg-no-repeat bg-cover align-center bg-center"
+                style="background-image: url('/backgrounds/robocup.jpg');"
+            >
+                <!-- BLUE BG -->
+                <div
+                    class="flex flex-col items-center justify-center text-center"
+                >
+                    <div
+                        class="text-[3.2em] text-white font-bold mb-4 w-[11em]"
+                    >
+                        Watch our trailer(s)!
+                    </div>
+                    
+                    <!-- <div class="scale-[400%] mt-10 space-x-2">
+                    <a href="https://www.instagram.com/ieee.ucsd">
+                        <iconify-icon
+                            icon="mdi:calendar"
+                            class="duration-500 transition hover:scale-125 scale-100 text-white hover:text-gray-500"
+                        ></iconify-icon>
+                    </a>
+                </div> -->
+                </div>
+            </div>
+            <div
+                class="bg-white h-[60em] lg:h-[60em] flex justify-center items-center"
+            >
+                <div class="flex flex-wrap justify-center space-y-20 ">
+                    <div
+                        class="flex flex-col justify-center items-center w-full px-4 lg:px-8"
+                    >
+                        <div class="text-[3.2em] text-ieee font-bold mb-4">
+                            RoboCup Trailer
+                        </div>
+                        <iframe src="https://drive.google.com/file/d/1MNWtEo_il6E8MC-auNp6GQSsQ4qRbr9Q/preview" width="860" height="620" allow="autoplay"></iframe>
+
+                    </div>
+                </div>
+            </div>
             <!-- BLUE BG -->
             <div
                 class="bg-ieee h-[35em] my-auto rounded-t-[10%] rounded-b-[10%] flex flex-col items-center justify-center bg-blend-overlay bg-no-repeat bg-cover align-center bg-center"
@@ -114,13 +153,13 @@ import { Icon } from "astro-icon/components";
                             class="flex flex-col items-center justify-center w-full lg:w-1/2 p-4"
                         >
                             <div
-                                class="text-center text-ieee mb-12 text-[1.8em] font-bold"
+                                class="text-center text-ieee text-[1.8em] font-bold"
                             >
                                 Each officer has their own OAH, which can be
                                 seen here:
                             </div>
                             <iframe
-                                src="https://calendar.google.com/calendar/embed?src=c_5c08a366ecd44f440431cb647cf9b390a2f62473b4d19c8c355b32a411225067%40group.calendar.google.com&ctz=America%2FLos_Angeles"
+                                src="https://calendar.google.com/calendar/embed?src=c_62493071bab19c7c60d103460604dc7b3b569ffc1e58a42617978f626dff02ac%40group.calendar.google.com&ctz=America%2FLos_Angeles"
                                 style="border: 0"
                                 class="w-full h-[450px] max-w-4xl"
                                 loading="lazy"></iframe>