diff --git a/Frontend/src/app/(pages)/docs/page.tsx b/Frontend/src/app/(pages)/docs/page.tsx
new file mode 100644
index 0000000..5c50ce8
--- /dev/null
+++ b/Frontend/src/app/(pages)/docs/page.tsx
@@ -0,0 +1,38 @@
+import Creeper from "@/components/creeper";
+import { minecrafter } from "@/font/fonts";
+import Link from "next/link";
+import { cn } from "../../lib/utils";
+
+/**
+ * The documentation page.
+ *
+ * @returns the docs jsx
+ */
+const DocsPage = (): JSX.Element => (
+	<main className="h-[64vh] flex flex-col gap-3 justify-center items-center">
+		{/* Creeper */}
+		<div className="absolute left-28 bottom-16">
+			<Creeper />
+		</div>
+
+		{/* Header */}
+		<h1
+			className={cn("text-6xl text-minecraft-green-3", minecrafter.className)}
+		>
+			Documentation
+		</h1>
+
+		{/* Content */}
+		<h2 className="text-xl">
+			This page is still under construction, however we do have a{" "}
+			<Link
+				className="text-minecraft-green-4"
+				href="https://git.rainnny.club/Rainnny/RESTfulMC/wiki"
+			>
+				Wiki
+			</Link>
+			!
+		</h2>
+	</main>
+);
+export default DocsPage;