add Robocup title

src/components/robocub/Contacts.astro

@@ -0,0 +1,39 @@
+---
+import { FaDiscord} from "react-icons/fa";
+import { RiInstagramFill } from "react-icons/ri";
+import Link from "next/link";
+import { LiaDotCircle } from "react-icons/lia";
+---
+
+<div class="flex justify-center my-[10%]">
+    <div class="w-1/2 flex justify-between">
+        <div>
+            <div class="flex items-center text-[2.5vw]">
+                <LiaDotCircle className=" mr-[1vw] pt-[0.5%]"/>
+                <p>
+                    Contacts
+                </p>
+            </div>
+            <p class="text-[1.1vw] ml-[5%] text-nowrap">
+                To stay up to date, join discord server
+            </p>
+        </div>
+        <div class="flex">
+            <Link href="https://www.facebook.com/ieeeucsd" target="_blank" className="mr-[20%] flex flex-col items-center">
+                <div class="border-[0.15vw] rounded-full shadow-glow hover:scale-110 duration-300 p-[1vw] text-[2.2vw] text-ieee-black/80 border-ieee-blue-100 bg-gradient-radial from-white via-white to-white/40">
+                    <FaDiscord />
+                </div>
+                <p class="text-[1.3vw] font-semibold">Facebook</p>
+            </Link>
+
+            <Link href="https://www.instagram.com/ieee.ucsd" target="_blank" className="flex flex-col items-center">
+                <div class="border-[0.15vw] rounded-full shadow-glow hover:scale-110 duration-300 p-[1vw] text-[2.2vw] text-ieee-black/80 border-ieee-blue-100 bg-gradient-radial from-white via-white to-white/40">
+                    <RiInstagramFill />
+                </div>
+                <p class="text-[1.3vw] font-semibold">Instagram</p>
+            </Link>
+        </div>
+    </div>
+
+</div>
+

src/components/robocub/Join.astro

@@ -0,0 +1,28 @@
+---
+import Link from "next/link";
+import { GoArrowDownRight } from "react-icons/go";
+import { Image } from "astro:assets";
+import robocup from "../../../public/robocup.png";
+import Subtitle from "../core/Subtitle.astro";
+---
+
+<div class="flex flex-col items-center relative my-[10%]">
+    <Subtitle title="Join" />
+    <Image src={robocup} alt="robocub competition image" class="w-3/5 rounded-[2vw] object-cover aspect-[8/5] opacity-40"/>
+    <Link href="/" target="_blank" className="absolute aspect-[8/5] w-3/5 p-[5%] group -bottom-[3%]">
+        <div class="w-full flex justify-end items-center h-4/5">
+            <p class=" text-[4.5vw] font-bold w-fit">
+                We Are<br/>
+                Hiring
+            </p>
+        </div>
+        <div class="text-[1vw] pt-[3%]">
+            <p>Join a community of beginner to experienced engineers from different disciplines and backgrounds</p>
+            <p>Fill out this application form (due week 2 of each quarter if space permits) </p>
+        </div>
+        <div class="flex w-full justify-end items-end text-[3.5vw] mt-[3%] group-hover:text-ieee-yellow duration-300">
+            <p class="mr-[2%] w-fit py-[1%] px-[2%] text-[1.2vw] border-[0.1vw] group-hover:text-ieee-yellow border-white rounded-full group-hover:border-ieee-yellow duration-300 font-light">Application form</p>
+            <GoArrowDownRight />
+        </div>
+    </Link>
+</div>

src/pages/robocup.astro

@@ -7,6 +7,8 @@ import RoboTitle from "../components/robocub/RoboTitle.astro";
 import Link from "next/link"
 import { Image } from "astro:assets";
 import roboborder from "../../public/roboborder.png";
+import Join from "../components/robocub/Join.astro";
+import Contacts from "../components/robocub/Contacts.astro";
 ---
 
 <Layout>
@@ -19,5 +21,7 @@ import roboborder from "../../public/roboborder.png";
             Past Team Description Paper
         </Link>
     </div>
+    <Join/>
     <Questions faq={faq}/>
+    <Contacts/>
 </Layout>