diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
index 5658527..983dd23 100644
--- a/src/components/Footer.jsx
+++ b/src/components/Footer.jsx
@@ -74,11 +74,6 @@ const Footer = ({
         <div>
           <h3 className="text-lg font-semibold">Quick Links</h3>
           <ul className="mt-2 space-y-1 text-sm">
-            <li>
-              <Link to="/about" className="hover:underline">
-                About us
-              </Link>
-            </li>
             <li>
               <Link to="/team" className="hover:underline">
                 Team
diff --git a/src/pages/events/Events.jsx b/src/pages/events/Events.jsx
index 1aec0a2..11d08e2 100644
--- a/src/pages/events/Events.jsx
+++ b/src/pages/events/Events.jsx
@@ -1,5 +1,5 @@
 import { useState } from "react";
-import EventCard from "../../components/EventCard";
+import EventCard from "../../../components/EventCard";
 
 const Events = () => {
   const [filter, setFilter] = useState("all");
@@ -33,7 +33,7 @@ const Events = () => {
       filter === "all" ? events : events.filter((e) => e.type === filter);
 
     return (
-      <div className="flex flex-wrap justify-center gap-6 mt-10">
+      <div className="flex flex-wrap z-10 justify-center gap-6 mt-10">
         {filteredEvents.length > 0 ? (
           filteredEvents.map((event, index) => (
             <EventCard key={index} {...event} />
@@ -48,29 +48,29 @@ const Events = () => {
   };
 
   return (
-    <div className="px-4 md:px-12 py-8">
-      <img
-        src="https://res.cloudinary.com/dswk9scro/image/upload/v1752312233/image_1_nydvj8.png"
-        alt="events"
-        className="mx-auto my-12 w-full max-w-xl rounded-xl shadow-md object-cover"
-      />
+    <div className="relative px-4 md:px-12 py-8 overflow-hidden">
+      <div className="absolute top-[-80px] left-[-60px] w-72 h-72 bg-[#51B8F2] opacity-80 rounded-full blur-3xl z-0 pointer-events-none"></div>
+      <div className="absolute top-[-60px] right-[-60px] w-56 h-56 bg-[#51B8F2] opacity-80 rounded-full blur-3xl z-0 pointer-events-none"></div>
+      <div className="absolute bottom-[-80px] left-[-50px] w-64 h-64 bg-[#51B8F2] opacity-75 rounded-full blur-3xl z-0 pointer-events-none"></div>
+      <div className="absolute bottom-[-60px] right-[-40px] w-48 h-48 bg-[#51B8F2] opacity-75  rounded-full blur-3xl z-0 pointer-events-none"></div>
+  
       <div className="text-center">
-        <h2 className="text-3xl font-bold text-[#0B2044]">
+        <h2 className="text-3xl z-10 font-bold text-[#0B2044]">
           Our Organised Events
         </h2>
-        <p className="text-gray-500 mt-2">
+        <p className="text-gray-500 z-10 mt-2">
           Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis ornare.
         </p>
 
         {/* Filter Buttons */}
-        <div className="flex flex-wrap justify-center gap-4 mt-6">
+        <div className="flex flex-wrap justify-center z-10 gap-4 mt-6">
           {["all", "past", "upcoming"].map((type) => (
             <button
               key={type}
               onClick={() => setFilter(type)}
               className={`px-4 py-2 rounded transition ${
                 filter === type
-                  ? "bg-[#51B8F2] text-white"
+                  ? "bg-[#0B2044] text-white"
                   : "border border-[#0B2044] text-[#0B2044]"
               }`}
             >