diff --git a/web/src/components/SponsorCard.tsx b/web/src/components/SponsorCard.tsx
deleted file mode 100644
index 5181e52..0000000
--- a/web/src/components/SponsorCard.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import { SponsorCardProps } from "../utils/FrontendTypes";
-import background from "../assets/pink_sponsor_background.png";
-
-export default function SponsorCard({ sponsor }: SponsorCardProps) {
-  const { name, description, image } = sponsor;
-
-  return (
-    <>
-      <div className="w-96 h-52 bg-brown flex rounded-b-3xl overflow-hidden relative">
-        <div className="w-full absolute top-0">
-          <img src={background} alt="Pink Swiggly Background" />
-        </div>
-
-        <div className="w-2/5 pl-5 pt-10 pb-5 flex justify-center items-center">
-          <img
-            src={image}
-            alt="Sponsor Image"
-            className="w-full h-full object-cover rounded-xl"
-          />
-        </div>
-
-        <div className="w-3/5 h-full flex flex-col px-5 py-9 text-light-pink">
-          <h1 className="font-bold text-xl">{name}</h1>
-          <p className="font-bold text-sm">{description}</p>
-        </div>
-      </div>
-    </>
-  );
-}
diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index f155167..2d5a961 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -11,170 +11,201 @@ import "swiper/css";
 import "swiper/css/pagination";
 import "swiper/css/navigation";
 import { Autoplay, Pagination } from "swiper/modules";
-import SponsorCard from "../components/SponsorCard";
 import axios from "axios";
 import { useEffect, useState } from "react";
-import { EventType, SponsorType } from "../utils/FrontendTypes";
+import { EventType } from "../utils/FrontendTypes";
 
 export default function Home() {
-	const [events, setEvents] = useState<EventType[]>([]);
-	const [sponsors, setSponsors] = useState<SponsorType[]>([]);
+  const [events, setEvents] = useState<EventType[]>([]);
+  // const [sponsors, setSponsors] = useState<SponsorType[]>([]);
 
-	useEffect(() => {
-		async function fetchEvents() {
-			try {
-				const response = await axios.get("http://localhost:4000/api/events/");
-				setEvents(response.data);
-			} catch (error) {
-				console.error("Error fetching event data", error);
-			}
-		}
-		async function fetchSponsors() {
-			try {
-				const response = await axios.get("http://localhost:4000/api/sponsors/");
-				setSponsors(response.data);
-			} catch (error) {
-				console.error("Error fetching sponsor data", error);
-			}
-		}
+  useEffect(() => {
+    async function fetchEvents() {
+      try {
+        const response = await axios.get("http://localhost:4000/api/events/");
+        setEvents(response.data);
+      } catch (error) {
+        console.error("Error fetching event data", error);
+      }
+    }
+    // async function fetchSponsors() {
+    // 	try {
+    // 		const response = await axios.get("http://localhost:4000/api/sponsors/");
+    // 		setSponsors(response.data);
+    // 	} catch (error) {
+    // 		console.error("Error fetching sponsor data", error);
+    // 	}
+    // }
 
-		fetchSponsors();
-		fetchEvents();
-	}, []);
+    // fetchSponsors();
+    fetchEvents();
+  }, []);
 
-	return (
-		<>
-			<Navbar />
+  return (
+    <>
+      <Navbar />
 
-			<div className="max-w-screen bg-light-pink px-5 lg:px-10">
-				<div className="w-full flex flex-col md:flex-row justify-between items-center">
-					<img src={sundae} alt="Sundae Image" className="hidden md:block transform -rotate-12 opacity-50" />
-					<div className="w-full h-auto flex flex-col justify-center items-center font-bold font-raleway text-center py-10 md:py-20">
-						<img src={uadslogo} alt="UADS Logo" className="w-96" />
-						<h3 className="text-3xl text-brown">University of Auckland</h3>
-						<h1 className="text-7xl text-brown">Dessert Society</h1>
-						<br />
-						<h3 className="text-3xl text-pink">Where dessert lovers go to celebrate the art of eating and making desserts</h3>
-						<br />
-						<Socials background="bg-brown" hoverBackground="bg-pink" iconColor="text-light-pink" hoverIconColor="text-white" />
-					</div>
-					<img src={creamcup} alt="Cupcake Image" className="transform hidden md:block rotate-12 opacity-50" />
-				</div>
-			</div>
+      <div className="max-w-screen bg-light-pink px-5 lg:px-10">
+        <div className="w-full flex flex-col md:flex-row justify-between items-center">
+          <img
+            src={sundae}
+            alt="Sundae Image"
+            className="hidden md:block transform -rotate-12 opacity-50"
+          />
+          <div className="w-full h-auto flex flex-col justify-center items-center font-bold font-raleway text-center py-10 md:py-20">
+            <img src={uadslogo} alt="UADS Logo" className="w-96" />
+            <h3 className="text-3xl text-brown">University of Auckland</h3>
+            <h1 className="text-7xl text-brown">Dessert Society</h1>
+            <br />
+            <h3 className="text-3xl text-pink">
+              Where dessert lovers go to celebrate the art of eating and making desserts
+            </h3>
+            <br />
+            <Socials
+              background="bg-brown"
+              hoverBackground="bg-pink"
+              iconColor="text-light-pink"
+              hoverIconColor="text-white"
+            />
+          </div>
+          <img
+            src={creamcup}
+            alt="Cupcake Image"
+            className="transform hidden md:block rotate-12 opacity-50"
+          />
+        </div>
+      </div>
 
-			<div className="max-w-screen h-auto flex flex-col items-center py-4 px-5 md:px-10 lg:px-40 bg-pink">
-				<h1 className="text-4xl text-light-pink font-bold font-raleway text-center">Supported by our Sponsors</h1>
+      <div className="max-w-screen h-auto flex flex-col items-center py-4 px-5 md:px-10 lg:px-40 bg-pink">
+        <h1 className="text-4xl text-light-pink font-bold font-raleway text-center">
+          Supported by our Sponsors
+        </h1>
 
-				<div className="w-full h-auto mb-5">
-					<Swiper
-						slidesPerView={1}
-						spaceBetween={100}
-						loop={true}
-						centeredSlides={true}
-						pagination={{
-							clickable: true,
-						}}
-						autoplay={{
-							delay: 3000,
-							disableOnInteraction: false,
-						}}
-						modules={[Autoplay, Pagination]}
-						breakpoints={{
-							640: {
-								slidesPerView: 2,
-								spaceBetween: 250,
-							},
-							768: {
-								slidesPerView: 2,
-								spaceBetween: 200,
-							},
-							1024: {
-								slidesPerView: 2,
-								spaceBetween: 200,
-							},
-							1280: {
-								slidesPerView: 3,
-								spaceBetween: 300,
-							},
-						}}
-						className="mySwiper px-0 md:px-10 py-10"
-					>
-						{sponsors.map((sponsor, index) => {
-							return (
-								<SwiperSlide key={index}>
-									<SponsorCard sponsor={sponsor} />
-								</SwiperSlide>
-							);
-						})}
-					</Swiper>
-				</div>
+        <div className="w-full h-auto mb-5">
+          <Swiper
+            slidesPerView={1}
+            spaceBetween={100}
+            loop={true}
+            centeredSlides={true}
+            pagination={{
+              clickable: true,
+            }}
+            autoplay={{
+              delay: 3000,
+              disableOnInteraction: false,
+            }}
+            modules={[Autoplay, Pagination]}
+            breakpoints={{
+              640: {
+                slidesPerView: 2,
+                spaceBetween: 250,
+              },
+              768: {
+                slidesPerView: 2,
+                spaceBetween: 200,
+              },
+              1024: {
+                slidesPerView: 2,
+                spaceBetween: 200,
+              },
+              1280: {
+                slidesPerView: 3,
+                spaceBetween: 300,
+              },
+            }}
+            className="mySwiper px-0 md:px-10 py-10"
+          >
+            {events.map((event, index) => {
+              return (
+                <SwiperSlide key={index}>
+                  <EventCard event={event} />
+                </SwiperSlide>
+              );
+            })}
+          </Swiper>
+        </div>
 
-				<NavLink to="/sponsors" className="group flex justify-center items-center bg-light-pink hover:bg-brown py-2 px-5 rounded-xl">
-					<p className="text-2xl text-brown font-bold font-raleway group-hover:text-light-pink">See More Sponsors</p>
-				</NavLink>
-			</div>
+        <NavLink
+          to="/sponsors"
+          className="group flex justify-center items-center bg-light-pink hover:bg-brown py-2 px-5 rounded-xl"
+        >
+          <p className="text-2xl text-brown font-bold font-raleway group-hover:text-light-pink">
+            See More Sponsors
+          </p>
+        </NavLink>
+      </div>
 
-			<div className="max-w-screen h-auto flex flex-col items-center py-4 px-5 md:px-10 lg:px-40 bg-brown">
-				<h1 className="text-4xl text-light-pink font-bold font-raleway text-center">Our Exciting Events</h1>
+      <div className="max-w-screen h-auto flex flex-col items-center py-4 px-5 md:px-10 lg:px-40 bg-brown">
+        <h1 className="text-4xl text-light-pink font-bold font-raleway text-center">
+          Our Exciting Events
+        </h1>
 
-				<div className="w-full h-auto mb-5">
-					<Swiper
-						slidesPerView={1}
-						spaceBetween={100}
-						loop={true}
-						centeredSlides={true}
-						pagination={{
-							clickable: true,
-						}}
-						autoplay={{
-							delay: 3000,
-							disableOnInteraction: false,
-						}}
-						modules={[Autoplay, Pagination]}
-						breakpoints={{
-							640: {
-								slidesPerView: 2,
-								spaceBetween: 250,
-							},
-							768: {
-								slidesPerView: 2,
-								spaceBetween: 200,
-							},
-							1024: {
-								slidesPerView: 2,
-								spaceBetween: 200,
-							},
-							1280: {
-								slidesPerView: 3,
-								spaceBetween: 300,
-							},
-						}}
-						className="mySwiper px-0 md:px-10 py-10"
-					>
-						{events.map((event, index) => {
-							return (
-								<SwiperSlide key={index}>
-									<EventCard event={event} />
-								</SwiperSlide>
-							);
-						})}
-					</Swiper>
-				</div>
+        <div className="w-full h-auto mb-5">
+          <Swiper
+            slidesPerView={1}
+            spaceBetween={100}
+            loop={true}
+            centeredSlides={true}
+            pagination={{
+              clickable: true,
+            }}
+            autoplay={{
+              delay: 3000,
+              disableOnInteraction: false,
+            }}
+            modules={[Autoplay, Pagination]}
+            breakpoints={{
+              640: {
+                slidesPerView: 2,
+                spaceBetween: 250,
+              },
+              768: {
+                slidesPerView: 2,
+                spaceBetween: 200,
+              },
+              1024: {
+                slidesPerView: 2,
+                spaceBetween: 200,
+              },
+              1280: {
+                slidesPerView: 3,
+                spaceBetween: 300,
+              },
+            }}
+            className="mySwiper px-0 md:px-10 py-10"
+          >
+            {events.map((event, index) => {
+              return (
+                <SwiperSlide key={index}>
+                  <EventCard event={event} />
+                </SwiperSlide>
+              );
+            })}
+          </Swiper>
+        </div>
 
-				<NavLink to="/events" className="group flex justify-center items-center bg-light-pink hover:bg-pink py-2 px-5 rounded-xl">
-					<p className="text-2xl text-brown font-bold font-raleway group-hover:text-light-pink">See More Events</p>
-				</NavLink>
-			</div>
+        <NavLink
+          to="/events"
+          className="group flex justify-center items-center bg-light-pink hover:bg-pink py-2 px-5 rounded-xl"
+        >
+          <p className="text-2xl text-brown font-bold font-raleway group-hover:text-light-pink">
+            See More Events
+          </p>
+        </NavLink>
+      </div>
 
-			<div className="max-w-screen py-10 flex flex-col justify-center items-center bg-light-pink">
-				<h1 className="text-4xl text-brown font-bold font-raleway">Join UADS Today!</h1>
+      <div className="max-w-screen py-10 flex flex-col justify-center items-center bg-light-pink">
+        <h1 className="text-4xl text-brown font-bold font-raleway">Join UADS Today!</h1>
 
-				<NavLink to="/signup" className="flex justify-center items-center bg-pink hover:bg-brown py-2 px-16 my-5 rounded-xl">
-					<p className="text-2xl text-light-pink font-bold font-raleway">Join</p>
-				</NavLink>
-			</div>
+        <NavLink
+          to="/signup"
+          className="flex justify-center items-center bg-pink hover:bg-brown py-2 px-16 my-5 rounded-xl"
+        >
+          <p className="text-2xl text-light-pink font-bold font-raleway">Join</p>
+        </NavLink>
+      </div>
 
-			<Footer />
-		</>
-	);
+      <Footer />
+    </>
+  );
 }
diff --git a/web/src/pages/Sponsor.tsx b/web/src/pages/Sponsor.tsx
index 75287d2..af49826 100644
--- a/web/src/pages/Sponsor.tsx
+++ b/web/src/pages/Sponsor.tsx
@@ -1,86 +1,7 @@
-import donut from "../assets/half_donut_jelly.svg";
-import Navbar from "../components/Navbar";
-import Footer from "../components/Footer";
-import { useState, useEffect } from "react";
-import SponsorCard from "../components/SponsorCard";
-import axios from "axios";
-import { SponsorType } from "../utils/FrontendTypes";
-
 export default function Sponsor() {
-	const [searchQuery, setSearchQuery] = useState("");
-	const [sponsors, setSponsors] = useState<SponsorType[]>([]);
-	const [displayedSponsors, setDisplayedSponsors] = useState<SponsorType[]>([]);
-
-	useEffect(() => {
-		async function fetchSponsors() {
-			try {
-				const response = await axios.get("http://localhost:4000/api/sponsors/");
-				setSponsors(response.data);
-				setDisplayedSponsors(response.data);
-			} catch (error) {
-				console.error("Error fetching sponsor data", error);
-			}
-		}
-		fetchSponsors();
-	}, []);
-
-	const handleSearchChange = (e: React.ChangeEvent<HTMLInputElement>) => {
-		const query = e.target.value.toLowerCase();
-		setSearchQuery(query);
-
-		// Filter sponsorData based on the search query
-		const filteredSponsors = sponsors.filter((sponsor) =>
-			sponsor.name.toLowerCase().includes(query)
-		);
-		setDisplayedSponsors(filteredSponsors);
-	};
-
 	return (
 		<>
-			<Navbar />
-
-			<div className="max-w-screen h-auto bg-light-pink py-8 px-4 sm:px-8">
-				<div className="w-full h-auto mb-10 flex flex-col">
-					<div className="flex justify-between items-center">
-						<h1
-							className="text-3xl sm:text-4xl md:text-5xl font-bold font-raleway text-brown"
-							data-testid="eventsTitle"
-						>
-							Our Sponsors
-						</h1>
-
-						<div className="items-end">
-							<img className="h-16 sm:h-20 md:h-24" src={donut} alt="Donut" />
-						</div>
-					</div>
-
-					<div className="w-full flex justify-center">
-						<input
-							type="text"
-							className="w-full h-12 py-2 border border-gray-300 bg-slate-50 rounded-lg focus:outline-none focus:ring-2 focus:ring-pink px-4 sm:px-5"
-							placeholder="Search Sponsors..."
-							value={searchQuery}
-							onChange={handleSearchChange}
-						/>
-					</div>
-				</div>
-
-				<div className="w-full h-auto flex flex-wrap justify-center gap-6">
-					{displayedSponsors.length > 0 ? (
-						displayedSponsors.map((sponsor, index) => (
-							<div key={index} className="flex justify-center">
-								<SponsorCard sponsor={sponsor} />
-							</div>
-						))
-					) : (
-						<p className="text-2xl sm:text-3xl text-black font-bold">
-							Sorry, no sponsor found for "{searchQuery}"
-						</p>
-					)}
-				</div>
-			</div>
-
-			<Footer />
+			<h1>Sponsors Page</h1>
 		</>
 	);
 }
\ No newline at end of file
diff --git a/web/src/pages/__tests__/Sponsor.test.tsx b/web/src/pages/__tests__/Sponsor.test.tsx
deleted file mode 100644
index cc19ec7..0000000
--- a/web/src/pages/__tests__/Sponsor.test.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import Sponsor from "../Sponsor";
-import { MemoryRouter } from "react-router-dom";
-import "@testing-library/jest-dom";
-
-/*
- * Test suite to test if the elements in the Sponsor Page are rendered correctly
- */
-describe("Sponsor Page Rendering", () => {
-	it("Should display the Sponsor page title", () => {
-		// Render the Sponsor component in a simulated DOM
-		render(
-			<MemoryRouter>
-				<Sponsor />
-			</MemoryRouter>
-		);
-
-		const message = screen.getByText(/Our Sponsors/i);
-
-		expect(message).toBeInTheDocument();
-	});
-});