diff --git a/web/src/components/ExecCard.tsx b/web/src/components/ExecCard.tsx
deleted file mode 100644
index 18e1a61..0000000
--- a/web/src/components/ExecCard.tsx
+++ /dev/null
@@ -1,23 +0,0 @@
-import { ExecCardProps } from "../utils/FrontendTypes";
-
-export default function ExecCard({ exec }: ExecCardProps) {
-	const { name, role, image } = exec;
-
-	return (
-		<>
-			<div
-				className="w-64 h-64 rounded-3xl m-2 flex justify-center items-center hover:cursor-pointer hover:rounded-3xl"
-				style={{
-					backgroundImage: `url(${image})`,
-					backgroundSize: "cover",
-					backgroundPosition: "center",
-				}}
-			>
-				<div className="w-full h-full flex flex-col justify-center items-center text-center rounded-3xl bg-black bg-opacity-50 opacity-0 hover:opacity-100 hover:rounded-3xl transition-opacity duration-300">
-					<h2 className="font-bold text-light-pink">{role}</h2>
-					<p className="text-light-pink">{name}</p>
-				</div>
-			</div>
-		</>
-	);
-}
diff --git a/web/src/components/__tests__/ExecCard.test.tsx b/web/src/components/__tests__/ExecCard.test.tsx
deleted file mode 100644
index 54dc268..0000000
--- a/web/src/components/__tests__/ExecCard.test.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import "@testing-library/jest-dom";
-import ExecCard from "../ExecCard";
-import execImage from "../../assets/placeholder.png"
-import { ExecType } from "../../utils/FrontendTypes";
-
-describe("Exec Card Component", () => {
-	const exec: ExecType = {
-		name: "Kai Hirafune",
-		role: "President",
-    image: execImage
-	};
-
-    it("Renders the ExecCard component with correct name and role", () => {
-        render(<ExecCard exec={exec} />);
-        
-        expect(screen.getByText("Kai Hirafune")).toBeInTheDocument();
-        expect(screen.getByText("President")).toBeInTheDocument();
-      });
-});
diff --git a/web/src/pages/About.tsx b/web/src/pages/About.tsx
index 7e7e63c..792bb37 100644
--- a/web/src/pages/About.tsx
+++ b/web/src/pages/About.tsx
@@ -1,82 +1,7 @@
-import icecream from "../assets/ice-cream.svg";
-import Navbar from "../components/Navbar";
-import Footer from "../components/Footer";
-import ExecCard from "../components/ExecCard";
-import { useState, useEffect } from "react";
-import axios from "axios";
-import { ExecType } from "../utils/FrontendTypes";
-
 export default function About() {
-	const [execs, setExecs] = useState<ExecType[]>([]);
-
-	useEffect(() => {
-		async function fetchExecs() {
-			try {
-				const response = await axios.get("http://localhost:4000/api/execs/");
-				setExecs(response.data);
-			} catch (error) {
-				console.error("Error fetching exec data", error);
-			}
-		}
-		fetchExecs();
-	}, []);
-
-	return (
-		<>
-			<Navbar />
-
-			<div className="max-w-screen h-auto bg-light-pink overflow-hidden">
-				<div className="w-full h-auto md:min-h-[500px] px-6 md:px-14 py-4 flex flex-col md:flex-row justify-between items-center">
-					<div className="w-full md:w-1/2 text-brown font-bold mb-10 md:mb-0" data-testid="aboutSection">
-						<h1 className="text-3xl mb-10">About Us</h1>
-						<p>Welcome to the sweetest corner of the University of Auckland – the Dessert Society!</p>
-						<br />
-						<p>Whether you're a baker, connoisseur, or simply love sweets, you'll find a home with us.</p>
-						<br />
-						<p>
-							Explore classic recipes to innovative creations through our events, workshops, and gatherings. Join us on a delightful journey through
-							dessert-making, from perfect bakes to annual dessert crawls.
-						</p>
-						<br />
-						<p>No matter your skill level or background, everyone is welcome at the University of Auckland Dessert Society!</p>
-						<br />
-					</div>
-
-					<div
-						className="w-52 h-52 md:h-80 md:w-80 rounded-full bg-pink flex justify-center items-center mb-5 overflow-hidden"
-						data-testid="icecreamPhoto"
-					>
-						<img className="w-full h-full object-cover transform -rotate-45" src={icecream} alt="ice-cream photo" />
-					</div>
-				</div>
-
-				<div className="w-full h-auto bg-pink text-light-pink flex flex-col items-center pt-8">
-					<h1 className="text-2xl font-bold md:text-3xl">The Executive Team</h1>
-					<div className="w-full h-auto flex flex-wrap justify-evenly">
-						{execs.map((exec, index) => (
-							<div
-								key={index}
-								className="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 flex flex-col items-center justify-center py-6 md:py-10"
-								data-testid="execTitleContainer"
-							>
-								<h2 className="font-bold">{exec.role}</h2>
-								<p>{exec.name}</p>
-							</div>
-						))}
-					</div>
-				</div>
-
-				<div className="w-full h-auto bg-light-pink text-light-pink flex flex-col items-center">
-					<div className="w-full h-auto flex flex-wrap justify-center my-10">
-						{execs.map((exec, index) => (
-							<div key={index} className="w-full sm:w-1/2 md:w-1/3 lg:w-1/4 flex justify-center" data-testid="execCardContainer">
-								<ExecCard exec={exec} />
-							</div>
-						))}
-					</div>
-				</div>
-			</div>
-			<Footer />
-		</>
-	);
+  return (
+    <>
+      <h1>About Page</h1>
+    </>
+  );
 }
diff --git a/web/src/pages/__tests__/About.test.tsx b/web/src/pages/__tests__/About.test.tsx
deleted file mode 100644
index 66901a6..0000000
--- a/web/src/pages/__tests__/About.test.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { MemoryRouter } from "react-router-dom";
-import "@testing-library/jest-dom";
-import About from "../About";
-import icecream from "../../assets/ice-cream.svg";
-
-/*
-// Helper function to change viewport size
-const setViewport = (width: number) => {
-	window.innerWidth = width;
-	window.dispatchEvent(new Event("resize"));
-};
-*/
-
-/*
- * Test suite to test if the elements in the About Page are rendered correctly
- */
-describe("About Page", () => {
-	beforeEach(() => {
-		render(
-			<MemoryRouter>
-				<About />
-			</MemoryRouter>
-		);
-	});
-
-	it("Should render 'About Us' section", () => {
-		const aboutTitle = screen.getByText(/About Us/i);
-		expect(aboutTitle).toBeInTheDocument();
-
-		const introText = screen.getByText(/Welcome to the sweetest corner/i);
-		expect(introText).toBeInTheDocument();
-	});
-
-	it("Should render ice cream photo", () => {
-		const iceCreamImage = screen.getByAltText(/ice-cream photo/i);
-		expect(iceCreamImage).toBeInTheDocument();
-		expect(iceCreamImage).toHaveAttribute("src", icecream);
-	});
-
-	it("Should render 'Exec Team' section", () => {
-		const execTitle = screen.getByText(/The Executive Team/i);
-		expect(execTitle).toBeInTheDocument();
-	});
-});
-
-/** Temporarily Disabled for now
- * 
-describe("Responsive Design", () => {
-	beforeEach(() => {
-		render(
-			<MemoryRouter>
-				<About />
-			</MemoryRouter>
-		);
-	});
-
-	it("About section renders correctly for small screens (sm and Phone)", () => {
-		setViewport(640);
-
-		const aboutSection = screen.getByTestId("aboutSection");
-		expect(aboutSection).toHaveClass("w-full");
-		expect(aboutSection).toHaveClass("mb-10");
-	});
-
-	it("About section renders correctly for medium and above screens (md, lg, xl, 2xl)", () => {
-		setViewport(768);
-
-		const aboutSection = screen.getByTestId("aboutSection");
-		expect(aboutSection).toHaveClass("md:w-1/2");
-		expect(aboutSection).toHaveClass("md:mb-0");
-	});
-
-	it("Should resize ice cream photo correctly for small screens (sm and Phone)", () => {
-		setViewport(640);
-
-		const icecreamPhoto = screen.getByTestId("icecreamPhoto");
-		expect(icecreamPhoto).toHaveClass("w-52 h-52");
-	});
-
-	it("Should resize ice cream photo correctly for medium and above screens (md, lg, xl, 2xl)", () => {
-		setViewport(768);
-
-		const icecreamPhoto = screen.getByTestId("icecreamPhoto");
-		expect(icecreamPhoto).toHaveClass("md:h-80 md:w-80");
-	});
-
-	it("Should display 1 column for exec titles in extra small screens (Phone view)", async () => {
-		setViewport(639);
-
-		const execTitle = await screen.findAllByTestId("execTitleContainer", {}, { timeout: 5000 });
-		execTitle.forEach((title) => {
-			expect(title).toHaveClass("w-full");
-		});
-	});
-
-	it("Should display 2 columns for exec titles in small screens (sm)", async () => {
-		setViewport(640);
-
-		const execTitle = await screen.findAllByTestId("execTitleContainer", {}, { timeout: 5000 });
-		execTitle.forEach((title) => {
-			expect(title).toHaveClass("sm:w-1/2");
-		});
-	});
-
-	it("Should display 3 columns for exec titles in medium screens (md)", async () => {
-		setViewport(768);
-
-		const execTitle = await screen.findAllByTestId("execTitleContainer", {}, { timeout: 5000 });
-		execTitle.forEach((title) => {
-			expect(title).toHaveClass("md:w-1/3");
-		});
-	});
-
-	it("Should display 4 columns for exec titles in large and above screens (lg, xl, 2xl)", async () => {
-		setViewport(1024);
-
-		const execTitle = await screen.findAllByTestId("execTitleContainer", {}, { timeout: 5000 });
-		execTitle.forEach((title) => {
-			expect(title).toHaveClass("lg:w-1/4");
-		});
-	});
-
-	it("Should display 1 column for exec cards in extra small screens (Phone view)", async () => {
-		setViewport(639);
-
-		const execCards = await screen.findAllByTestId("execCardContainer", {}, { timeout: 5000 });
-		execCards.forEach((card) => {
-			expect(card).toHaveClass("w-full");
-		});
-	});
-
-	it("Should display 2 columns for exec cards in small screens (sm)", async () => {
-		setViewport(640);
-
-		const execCards = await screen.findAllByTestId("execCardContainer", {}, { timeout: 5000 });
-		execCards.forEach((card) => {
-			expect(card).toHaveClass("sm:w-1/2");
-		});
-	});
-
-	it("Should display 3 columns for exec cards in medium screens (md)", async () => {
-		setViewport(768);
-
-		const execCards = await screen.findAllByTestId("execCardContainer", {}, { timeout: 5000 });
-		execCards.forEach((card) => {
-			expect(card).toHaveClass("md:w-1/3");
-		});
-	});
-
-	it("Should display 4 columns for exec cards in large and above screens (lg, xl, 2xl)", async () => {
-		setViewport(1024);
-
-		const execTitle = await screen.findAllByTestId("execTitleContainer", {}, { timeout: 5000 });
-		execTitle.forEach((title) => {
-			expect(title).toHaveClass("lg:w-1/4");
-		});
-	});
-});
-*/