diff --git a/src/web/src/app/blog/page.jsx b/src/web/src/app/blog/page.jsx
new file mode 100644
index 0000000..845aecb
--- /dev/null
+++ b/src/web/src/app/blog/page.jsx
@@ -0,0 +1,11 @@
+// Imports
+
+// Metadata
+
+// Exports
+export default function Blog() {
+  return (
+    <div>
+    </div>
+  );
+}
diff --git a/src/web/src/app/layout.js b/src/web/src/app/layout.js
index 168319c..58d69db 100644
--- a/src/web/src/app/layout.js
+++ b/src/web/src/app/layout.js
@@ -5,10 +5,10 @@ import Header from "@/components/header";
 import Footer from "@/components/footer";
 
 // Metadata
-export const metadata = {
-  title: "Timothy Pidashev",
-  description: "Engineering the Future!"
-};
+//export const metadata = {
+//  title: "Timothy Pidashev",
+//  description: "Engineering the Future!"
+//};
 
 // Exports
 export default function Layout({children}) {
diff --git a/src/web/src/app/not-found.jsx b/src/web/src/app/not-found.jsx
index 52a586f..d337673 100644
--- a/src/web/src/app/not-found.jsx
+++ b/src/web/src/app/not-found.jsx
@@ -4,8 +4,12 @@ import Link from "next/link";
 const Not_found = () => {
   return (
     <div className="fixed top-0 left-0 right-0 bottom-0 flex flex-col items-center justify-center">
-      <h1 className="font-bold text-light-red-1 dark:text-dark-red-1">Whoops, the requested page could not be found...</h1>
-      <Link href="/" className="text-light-blue-1 dark:text-blue-1 hover:underline">Go back to Home</Link>
+      <h1 className="font-bold text-light-red-1 dark:text-dark-red-1">
+        Whoops, the requested page could not be found...
+      </h1>
+      <Link href="/" className="text-light-blue-1 dark:text-blue-1 hover:underline">
+        Go back to Home
+      </Link>
     </div>
   )
 }
diff --git a/src/web/src/app/projects/page.jsx b/src/web/src/app/projects/page.jsx
new file mode 100644
index 0000000..595ed7b
--- /dev/null
+++ b/src/web/src/app/projects/page.jsx
@@ -0,0 +1,11 @@
+// Imports
+
+// Metadata
+
+// Exports
+export default function Projects() {
+  return (
+    <div>
+    </div>
+  );
+}
diff --git a/src/web/src/app/resume/page.jsx b/src/web/src/app/resume/page.jsx
new file mode 100644
index 0000000..eaee259
--- /dev/null
+++ b/src/web/src/app/resume/page.jsx
@@ -0,0 +1,11 @@
+// Imports
+
+// Metadata
+
+// Exports
+export default function Resume() {
+  return (
+    <div>
+    </div>
+  );
+}
diff --git a/src/web/src/app/shop/page.jsx b/src/web/src/app/shop/page.jsx
new file mode 100644
index 0000000..1db3348
--- /dev/null
+++ b/src/web/src/app/shop/page.jsx
@@ -0,0 +1,11 @@
+// Imports
+
+// Medatada
+
+// Exports
+export default function Shop() {
+  return (
+    <div>
+    </div>
+  );
+}
diff --git a/src/web/src/components/header.jsx b/src/web/src/components/header.jsx
index 86a491f..a92f9c9 100644
--- a/src/web/src/components/header.jsx
+++ b/src/web/src/components/header.jsx
@@ -2,6 +2,9 @@
 
 import ThemeToggle from "@/components/theme-toggle"
 import Link from "next/link";
+import { motion } from "framer-motion";
+import { useState } from "react";
+
 
 const Header = () => {