add event title

src/components/events/EventTitle.astro

@@ -0,0 +1,15 @@
+---
+import { Image } from "astro:assets";
+import eventbg from "../../../public/eventbg.png"
+import { LiaDotCircle } from "react-icons/lia";
+---
+
+<div class="w-full pt-[18vh] flex justify-center relative">
+    <Image src={eventbg} alt="Event Page Background" class="w-[45%] rounded-[2vw] aspect-[2/1] object-cover" />
+    <div class="absolute -bottom-[6%] left-[20%] flex items-center text-[3vw] py-[1.5%] px-[3%] text-white bg-ieee-black rounded-[2vw]">
+        <LiaDotCircle className=" mr-[2vw] pt-[0.5%]"/>
+        <p>
+            EVENTS
+        </p>
+    </div>
+</div>

src/components/join/Involvement.astro

@@ -8,7 +8,7 @@ const {image, text, link} = Astro.props;
 ---
 <div class="w-[15vw] relative group">
 
-    <img src={image} alt="involvement background" class="aspect-[230/425] object-cover rounded-[2vw] group-hover:opacity-70 duration-300"/>
+    <img src={image} alt="involvement background" class="opacity-70 aspect-[230/425] object-cover rounded-[2vw] group-hover:opacity-50 duration-300"/>
     <Link 
         href={link}
         target={text==="H.A.R.D. HACK"? "_blank":"_self"} 

src/components/main_page/About.astro

@@ -3,7 +3,10 @@ import about from "../../../public/about.png";
 import Link from "next/link";
 import { LiaDotCircle } from "react-icons/lia";
 import { Image } from "astro:assets";
+import about1 from "../../../public/about1.png";
 import about2 from "../../../public/about2.png";
+import about3 from "../../../public/about3.png";
+import about4 from "../../../public/about4.png";
 ---
 ---
 
@@ -11,10 +14,10 @@ import about2 from "../../../public/about2.png";
     <div class="w-1/2 flex justify-center pr-[5%] relative">
         <div class="relative w-[35vw]">
             <Image src={about} alt="About background image" />
-            <Image src={about2} alt="About image" class="absolute top-[5%] left-[14%] aspect-[399/491] object-cover w-[25vw] rounded-[2vw]" />
+            <Image src={about4} alt="About image" class="absolute top-[5%] left-[14%] aspect-[399/491] object-cover w-[25vw] rounded-[2vw]" />
         </div>
         <Image src={about2} alt="About image" class="absolute aspect-square object-cover w-[7vw] rounded-[1vw] top-[15%] -left-[15%]" />
-        <Image src={about2} alt="About image" class="absolute aspect-[3/3.5] object-cover w-[10vw] rounded-[1.5vw] bottom-[3%] left-0" />
+        <Image src={about3} alt="About image" class="absolute aspect-[3/3.5] object-cover w-[10vw] rounded-[1.5vw] bottom-[3%] left-0" />
         <div class="absolute w-[3vw] rounded-[1vw] bg-ieee-blue-300/60 aspect-square left-[2%] top-[50%]"/>
         <div class="absolute w-[6vw] rounded-[1vw] bg-ieee-blue-100/40 aspect-square right-[15%] bottom-[4%]"/>
         

src/data/involve.json

@@ -1,17 +1,17 @@
 [
     {
         "text": "PROJECTS",
-        "image": "/about2.png",
+        "image": "/project.png",
         "link": "/projects"
     },
     {
         "text": "EVENTS",
-        "image": "/about2.png",
+        "image": "/halloween.png",
         "link": "/events"
     },
     {
         "text": "H.A.R.D. HACK",
-        "image": "/about2.png",
+        "image": "/hardhack.png",
         "link": "https://hardhack.dev/"
     }
 ]

src/pages/events.astro

@@ -1,7 +1,8 @@
 ---
 import Layout from "../layouts/Layout.astro";
+import EventTitle from "../components/events/EventTitle.astro";
 ---
 
 <Layout>
-    QP
+    <EventTitle />
 </Layout>

src/pages/find.astro

@@ -10,7 +10,7 @@ import event from "../../public/event.jpg"
 <Layout>
     <FindTitle />
     <div class="w-full flex justify-center">
-        <Image src={event} alt="board group photos" class=" w-3/4 mt-[3%] rounded-full"/>
+        <Image src={event} alt="board group photos" class=" w-3/4 rounded-full"/>
     </div>
     <Findus />
     <Social />

src/pages/quarterly.astro

@@ -1,7 +1,8 @@
 ---
 import Layout from "../layouts/Layout.astro";
+import Title from "../components/core/Title.astro";
 ---
 
 <Layout>
-    QP
+    <Title title="Quarterly Project" />
 </Layout>