diff --git a/public/backgrounds/robocup.jpg b/public/backgrounds/robocup.jpg
new file mode 100644
index 0000000..6bb3b60
Binary files /dev/null and b/public/backgrounds/robocup.jpg differ
diff --git a/src/data/navbarPages.json b/src/data/navbarPages.json
index a617f25..f86bf97 100644
--- a/src/data/navbarPages.json
+++ b/src/data/navbarPages.json
@@ -15,6 +15,10 @@
         "name": "COMMITTEES",
         "url": "/committees"
     },
+    {
+        "name": "LINKTREE",
+        "url": "https://linktr.ee/ieeeucsd"
+    },
     {
         "name": "CONTACT US",
         "url": "/contact"
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 744d76d..9e3ebd9 100644
--- a/src/pages/index.astro
+++ b/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>