diff --git a/my-app/src/pages/experimental/click-map/index.jsx b/my-app/src/pages/experimental/click-map/index.jsx
deleted file mode 100644
index 9091348..0000000
--- a/my-app/src/pages/experimental/click-map/index.jsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import ClickableMap from "../../../components/map/ClickableMap/ClickableMap";
-
-// setCoordinates is a function that sets the coordinates in the parent component
-const ClickableMapPage = () => {
-  // console.log(marker.longitude, marker.latitude)
-  return (
-    <div className="w-full">
-      <ClickableMap />
-      {/* <a
-        className="underline text-blue-600"
-        href={`data:text/json;charset=utf-8,${encodeURIComponent(
-          JSON.stringify(locations)
-        )}`}
-        download="locations.json"
-      >
-        {`Download Locations JSON`}
-      </a> */}
-    </div>
-  );
-};
-
-export default ClickableMapPage;
diff --git a/my-app/src/pages/experimental/heatmap/index.jsx b/my-app/src/pages/experimental/heatmap/index.jsx
deleted file mode 100644
index 4cee7eb..0000000
--- a/my-app/src/pages/experimental/heatmap/index.jsx
+++ /dev/null
@@ -1,35 +0,0 @@
-import React, { useState, useEffect } from "react";
-import dynamic from "next/dynamic";
-
-// prevents SSR issues with certain mapbox components
-const LocationAggregatorMap = dynamic(
-  () => import("@/components/map/LocationAggregatorMap"),
-  { ssr: false }
-);
-
-const HomePage = () => {
-  const [details, setDetails] = useState([]);
-  const [coordinates, setCoordinates] = useState([]);
-
-  const locations = [];
-
-  useEffect(() => {
-    const getData = async () => {
-      const res = await fetch('/api/mongo/event/all');
-      const data = await res.json();
-      const coords = data.map((item) => {
-        return { COORDINATES: [item.mapLong, item.mapLat] };
-      });
-      setCoordinates(coords);
-    };
-    getData().then(r => console.log('Fetched locations'));
-  }, []);
-
-  return (
-    <div className="relative min-h-screen">
-      <LocationAggregatorMap data={coordinates} />
-    </div>
-  );
-};
-
-export default HomePage;
diff --git a/my-app/src/pages/experimental/index.jsx b/my-app/src/pages/experimental/index.jsx
deleted file mode 100644
index 9597501..0000000
--- a/my-app/src/pages/experimental/index.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-const { default: Link } = require("next/link");
-
-const ExperimentalPage = () => {
-  return (
-    <div className="p-5 flex flex-col gap-3">
-      <Link className="underline text-blue-600" href="/experimental/heatmap">Heatmap Test</Link>
-      <Link className="underline text-blue-600" href="/experimental/click-map">Clicking on Map to get Location Test</Link>
-      <Link className="underline text-blue-600" href="/experimental/uploadthing">Uploadthing Test</Link>
-      <Link className="underline text-blue-600" href="/home">Home page test</Link>
-    </div>
-  );
-};
-
-export default ExperimentalPage;
\ No newline at end of file
diff --git a/my-app/src/pages/experimental/uploadthing/index.jsx b/my-app/src/pages/experimental/uploadthing/index.jsx
deleted file mode 100644
index fdce0ba..0000000
--- a/my-app/src/pages/experimental/uploadthing/index.jsx
+++ /dev/null
@@ -1,63 +0,0 @@
-import { useState } from "react";
-import Dropzone from "react-dropzone";
-import { uploadFiles } from "@/utils/uploadthing";
-
-const ImageUploading = () => {
-  const [files, setFiles] = useState([]);
-
-  const uploadImages = async () => {
-    try {
-      if (files.length > 0) {
-        const fileRes = await uploadFiles({
-          files,
-          endpoint: "imageUploader",
-        });
-
-        // console.log("fileRes", fileRes);
-        // for (let uploadedFile of fileRes) {
-        //   const res = await fetch("/api/mongo/images/upload-image", {
-        //     method: "POST",
-        //     headers: {
-        //       "Content-Type": "application/json",
-        //     },
-        //     body: JSON.stringify({
-        //       url: uploadedFile.url,
-        //     }),
-        //   });
-        // }
-      }
-    } catch (error) {
-      console.error("ERR:", error);
-    }
-  };
-
-  return (
-    <div className="p-5">
-      <Dropzone
-        onDrop={(acceptedFiles) => {
-          console.log(acceptedFiles);
-          setFiles(acceptedFiles);
-        }}
-        accept={{ "image/*": [".png", ".jpg"] }}
-      >
-        {({ getRootProps, getInputProps }) => (
-          <section className="flex justify-center">
-            <div
-              {...getRootProps()}
-              className="h-32 w-full flex justify-center items-center border-dashed border-accent-content border-2 cursor-pointer"
-            >
-              <input {...getInputProps()} />
-              <p>Drag &rsquo;n&rsquo; drop or click to upload image</p>
-            </div>
-          </section>
-        )}
-      </Dropzone>
-      {files.map((file, index) => (
-        <img key={index} src={URL.createObjectURL(file)} alt="uploaded" />
-      ))}
-      <button onClick={uploadImages} className="btn btn-primary">Upload Images</button>
-    </div>
-  );
-};
-
-export default ImageUploading;