diff --git a/app/blog/page.tsx b/app/blog/page.tsx
new file mode 100644
index 0000000..53b75d1
--- /dev/null
+++ b/app/blog/page.tsx
@@ -0,0 +1,39 @@
+import React from "react";
+import Base from "@components/layouts/base";
+import ContainerLayout from "@components/layouts/container";
+import InProgressImage from "../../public/aboutme-option3.webp";
+import Image from "next/image";
+import { ChevronLeft } from "lucide-react";
+import Button from "@components/ui/button/index";
+
+export const metadata = {
+  title: "Blog",
+};
+
+const page = () => {
+  return (
+    <Base pageSlug="/blog">
+      <ContainerLayout className="flex flex-col space-y-4">
+        <h1 className="text-3xl font-semibold tracking-tight text-gray-12 md:text-4xl">
+          Blog
+        </h1>
+        <div className="text-gray-11">Work in progress.</div>
+        <Image
+          className="rounded-2xl border border-gray-6"
+          src={InProgressImage}
+          alt="image"
+        />
+        <Button
+          variant="secondary"
+          intent="primary"
+          href="/"
+          leftIcon={<ChevronLeft />}
+        >
+          Return home
+        </Button>
+      </ContainerLayout>
+    </Base>
+  );
+};
+
+export default page;
diff --git a/lib/constants/site.tsx b/lib/constants/site.tsx
index 8811971..943d426 100644
--- a/lib/constants/site.tsx
+++ b/lib/constants/site.tsx
@@ -1,4 +1,4 @@
-import { Home, FileText, PencilRuler, Ghost } from "lucide-react";
+import { Home, FileText, FolderGit2, Ghost, PenLine } from "lucide-react";
 
 import type { Page } from "@/lib/types/site";
 
@@ -9,6 +9,7 @@ import type { Page } from "@/lib/types/site";
 export const NAVBAR_PAGES: Page[] = [
   { name: "Home", slug: "/", icon: <Home /> },
   { name: "Resume", slug: "/resume", icon: <FileText /> },
-  { name: "Projects", slug: "/projects", icon: <PencilRuler /> },
+  { name: "Projects", slug: "/projects", icon: <FolderGit2 /> },
   { name: "About Me", slug: "/about", icon: <Ghost /> },
+  { name: "Blog", slug: "/blog", icon: <PenLine /> },
 ];
diff --git a/lib/types/site.ts b/lib/types/site.ts
index 611572b..5c70c55 100644
--- a/lib/types/site.ts
+++ b/lib/types/site.ts
@@ -15,12 +15,7 @@ export type ExternalLink = {
 /**
  * Type for a page slug
  */
-export type PageSlug =
-  | "/"
-  | "/resume"
-  // Design pages
-  | "/projects"
-  | "/about";
+export type PageSlug = "/" | "/resume" | "/projects" | "/about" | "/blog";
 
 /**
  * Type for an external page
diff --git a/public/aboutme-option1.webp b/public/aboutme-option1.webp
deleted file mode 100644
index 7770f06..0000000
Binary files a/public/aboutme-option1.webp and /dev/null differ
diff --git a/public/aboutme-option10.webp b/public/aboutme-option10.webp
deleted file mode 100644
index 8fff8c4..0000000
Binary files a/public/aboutme-option10.webp and /dev/null differ
diff --git a/public/aboutme-option5.webp b/public/aboutme-option5.webp
deleted file mode 100644
index 962f403..0000000
Binary files a/public/aboutme-option5.webp and /dev/null differ
diff --git a/public/aboutme-option6.webp b/public/aboutme-option6.webp
deleted file mode 100644
index 7ad48a4..0000000
Binary files a/public/aboutme-option6.webp and /dev/null differ
diff --git a/public/aboutme-option9.webp b/public/aboutme-option9.webp
deleted file mode 100644
index f13d2f7..0000000
Binary files a/public/aboutme-option9.webp and /dev/null differ