diff --git a/public/donuts.gif b/public/donuts.gif
new file mode 100644
index 0000000..cf7d941
Binary files /dev/null and b/public/donuts.gif differ
diff --git a/src/pages/donuts.tsx b/src/pages/donuts.tsx
new file mode 100644
index 0000000..1a00714
--- /dev/null
+++ b/src/pages/donuts.tsx
@@ -0,0 +1,26 @@
+import TabTitle from "@/components/TabTitle";
+import { populateLayoutProps } from "@/populate";
+import styles from "@/styles/Page.module.scss";
+import { GetServerSideProps } from "next";
+import Image from "next/image";
+
+export default function DonutsPage() {
+  return (
+    <div className={styles.main}>
+      <TabTitle title="Donuts" />
+      <div className={styles.center}>
+        <Image
+          src="/donuts.gif"
+          alt="Donuts"
+          width={480}
+          height={480}
+          unoptimized
+        />
+      </div>
+    </div>
+  );
+}
+
+export const getServerSideProps: GetServerSideProps = populateLayoutProps(
+  async () => ({ props: {} })
+);