Added Blog Tab

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;

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 /> },
 ];

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