update deps and add blank pages

app/certificates/page.tsx

@@ -0,0 +1,19 @@
+export default async function Page() {
+  return (
+    <div className="flex flex-col items-center">
+      <h1 className="text-4xl">Certificates (1)</h1>
+
+      <div className="text-center my-10">
+        <h2 className="text-3xl">Certificates</h2>
+        <b>Mathematics for Machine Learning: Linear Algebra</b>
+        <p>Imperial College London</p>
+        <a
+          className="text-blue-500"
+          href="https://coursera.org/share/11b0e4d6cf00b44869dcf9c4bec70865"
+        >
+          Link to Certificate
+        </a>
+      </div>
+    </div>
+  );
+}

app/page.tsx

@@ -51,18 +51,6 @@ export default async function Index() {
         </div>
       </div>
 
-      <div className="text-center my-10">
-        <h2 className="text-3xl">Certificates</h2>
-        <b>Mathematics for Machine Learning: Linear Algebra</b>
-        <p>Imperial College London</p>
-        <a
-          className="text-blue-500"
-          href="https://coursera.org/share/11b0e4d6cf00b44869dcf9c4bec70865"
-        >
-          Link to Certificate
-        </a>
-      </div>
-
       <div className="text-center my-10">
         <h2 className="text-3xl">Links</h2>
         <ul>

app/projects/page.tsx

@@ -1,23 +1,8 @@
 export default async function Page() {
     return (
       <div className="flex flex-col items-center">
-      <div className="my-3 flex flex-col items-center">
+        <h1 className="text-4xl">Projects (2)</h1>
-        <h1 className="text-4xl">Stan's Blog</h1>
-        <p className="text-sm my-1">
-          <i>but what do I know</i>
-        </p>
-      </div>
-
-      <h2 className="mt-3 text-2xl">Posts ({[].length})</h2>
-      {/* 
-        <ul>
-          <li>
-            <a href="/blog/neural-nets">Neural Networks</a>
-          </li>
-          <li>
-            <a href="/blog/nextjs">Next.js</a>
-          </li>
-        </ul> */}
       </div>
     );
-}
+  }
+  

app/publications/page.tsx

@@ -1,23 +1,7 @@
-export default async function Index() {
+export default async function Page() {
   return (
     <div className="flex flex-col items-center">
-      <div className="my-3 flex flex-col items-center">
+      <h1 className="text-4xl">Publications (1)</h1>
-        <h1 className="text-4xl">Stan's Blog</h1>
-        <p className="text-sm my-1">
-          <i>but what do I know</i>
-        </p>
-      </div>
-
-      <h2 className="mt-3 text-2xl">Posts ({[].length})</h2>
-      {/* 
-      <ul>
-        <li>
-          <a href="/blog/neural-nets">Neural Networks</a>
-        </li>
-        <li>
-          <a href="/blog/nextjs">Next.js</a>
-        </li>
-      </ul> */}
     </div>
   );
 }

package.json

@@ -13,16 +13,16 @@
     "geist": "^1.3.0",
     "next": "latest",
     "postcss": "8.4.38",
-    "react": "18.2.0",
+    "react": "18.3.1",
-    "react-dom": "18.2.0",
+    "react-dom": "18.3.1",
     "tailwindcss": "3.4.3",
     "tailwindcss-animate": "^1.0.7",
-    "typescript": "5.4.4"
+    "typescript": "5.4.5"
   },
   "devDependencies": {
-    "@types/node": "20.12.7",
+    "@types/node": "20.14.0",
-    "@types/react": "18.2.75",
+    "@types/react": "18.3.3",
-    "@types/react-dom": "18.2.24",
+    "@types/react-dom": "18.3.0",
     "encoding": "^0.1.13"
   }
 }