Update README.md

README.md

@@ -2,6 +2,7 @@
 
 <img align='center' src="utils/cover.gif"/>
 
+<!--
 ---
 
 <h3 align='center'>Contents</h5>
@@ -11,29 +12,59 @@
   <a href="#technologies">Technologies</a> ∇
   <a href="#notes">Notes</a>
 </p>
+-->
 
 ---
 
-# Overview
+##### 🗺️ This repo contains the associated code base for building my personal website / link tree.
 
-This repo contains the associated code base for building my personal website. The website contains my bio, various online profile links, blog, and projects.
+> #### ↪ Currently on ***<u>V5</u>***! 🚀
 
 ---
 
-# Technologies
+## Tech Stack 🥞
 
-- [**Next.js**](https://nextjs.org/)
-- [**Material User Interface (MUI)**](https://mui.com/)
-- [**Typescript**](https://www.typescriptlang.org/)
-- [**MDX**](https://mdxjs.com/)
-- [**Vercel**](https://vercel.com/)
+<table style="width:100%; border-collapse:collapse; font-family: Arial, sans-serif; text-align: left;">
+  <thead>
+    <tr style="background-color: #6a9fb5; color: white;">
+      <th style="padding: 10px;">Technology</th>
+      <th style="padding: 10px;">Description</th>
+    </tr>
+  </thead>
+  <tbody>
+    <tr style="border-bottom: 1px solid #dddddd;">
+      <td style="padding: 10px;"><a href="https://vercel.com/" style="color: #6a9fb5; text-decoration: none;"><strong>Vercel</strong></a></td>
+      <td style="padding: 10px;">App hosting</td>
+    </tr>
+    <tr style="background-color: #f9f9f9; border-bottom: 1px solid #dddddd;">
+      <td style="padding: 10px;"><a href="https://www.typescriptlang.org/" style="color: #6a9fb5; text-decoration: none;"><strong>Typescript</strong></a></td>
+      <td style="padding: 10px;">Programming language</td>
+    </tr>
+    <tr style="border-bottom: 1px solid #dddddd;">
+      <td style="padding: 10px;"><a href="https://nextjs.org/" style="color: #6a9fb5; text-decoration: none;"><strong>Next.js</strong></a></td>
+      <td style="padding: 10px;">App framework</td>
+    </tr>
+    <tr style="background-color: #f9f9f9; border-bottom: 1px solid #dddddd;">
+      <td style="padding: 10px;"><a href="https://react.dev/" style="color: #6a9fb5; text-decoration: none;"><strong>React</strong></a></td>
+      <td style="padding: 10px;">UI library</td>
+    </tr>
+    <tr style="border-bottom: 1px solid #dddddd;">
+      <td style="padding: 10px;"><a href="https://tailwindcss.com/" style="color: #6a9fb5; text-decoration: none;"><strong>tailwindcss</strong></a></td>
+      <td style="padding: 10px;">CSS framework</td>
+    </tr>
+    <tr style="background-color: #f9f9f9; border-bottom: 1px solid #dddddd;">
+      <td style="padding: 10px;"><a href="https://ui.shadcn.com/" style="color: #6a9fb5; text-decoration: none;"><strong>shadcn/ui</strong></a></td>
+      <td style="padding: 10px;">UI components</td>
+    </tr>
+    <tr style="border-bottom: 1px solid #dddddd;">
+      <td style="padding: 10px;"><a href="https://www.framer.com/motion/" style="color: #6a9fb5; text-decoration: none;"><strong>Framer Motion</strong></a></td>
+      <td style="padding: 10px;">Animations</td>
+    </tr>
+  </tbody>
+</table>
 
 ---
 
-# Notes
-
-## To Fix/Update/Extend
-
-- [ ] Fix blog posts' syntax
-- [ ] Add code block (w/ syntax highlighting) support
-- [ ] Create unique project preview component
+<div align='center'>
+  <img height=35 src="https://github.com/user-attachments/assets/d14e9e05-b1a5-4b24-a8da-862453a01641"/>
+</div>