diff --git a/lib/snaps/preview-2.png b/lib/snaps/preview-2.png
new file mode 100644
index 0000000..2f939b7
Binary files /dev/null and b/lib/snaps/preview-2.png differ
diff --git a/lib/snaps/preview-3.png b/lib/snaps/preview-3.png
new file mode 100644
index 0000000..4b3f779
Binary files /dev/null and b/lib/snaps/preview-3.png differ
diff --git a/lib/snaps/preview-4.png b/lib/snaps/preview-4.png
new file mode 100644
index 0000000..6c1e836
Binary files /dev/null and b/lib/snaps/preview-4.png differ
diff --git a/lib/snaps/preview-mobile-2.png b/lib/snaps/preview-mobile-2.png
new file mode 100644
index 0000000..b4b6205
Binary files /dev/null and b/lib/snaps/preview-mobile-2.png differ
diff --git a/readme.md b/readme.md
index b0ffc5c..c9bf9f1 100644
--- a/readme.md
+++ b/readme.md
@@ -4,17 +4,28 @@ Source code for my personal website, [jamerrq.dev](https://jamerrq.dev)
 
 ![](https://img.shields.io/badge/Made%20with-Astro-orange?style=for-the-badge&logo=astro&logoColor=orange)
 
+## What can you learn from this project?
+
+- Astro Server Side Rendering with Deno and Deno Deploy
+- Astro View Transitions
+- Preact Integration with Astro
+- How to use signals with Preact
+- CSS Grid & Flexbox Layouts
+- PWA Development within an Astro App
+
 ## Stack 🥞
 
 ![Astro](https://img.shields.io/badge/-Astro-000000?style=flat-square&logo=astro&logoColor=orange)
 ![Tailwind
 CSS](https://img.shields.io/badge/-Tailwind%20CSS-lightblue?style=flat-square&logo=tailwind-css&logoColor=blue)
 ![Preact](https://img.shields.io/badge/-Preact-673AB8?style=flat-square&logo=preact&logoColor=white)
+![MDX](https://img.shields.io/badge/-MDX-000000?style=flat-square&logo=markdown&logoColor=white)
 
 ## Previews
 
-![Desktop](./lib/snaps/preview.webp)
-![Mobile](./lib/snaps/preview_mobile.webp)
+![Desktop](./lib/snaps/preview-4.png)
+![Desktop](./lib/snaps/preview-3.png)
+![Mobile](./lib/snaps/preview-mobile-2.png)
 
 ### Tooling 🛠️
 
@@ -25,7 +36,12 @@ CSS](https://img.shields.io/badge/-Tailwind%20CSS-lightblue?style=flat-square&lo
 ### CI/CD & Deployment 🚀
 
 ![GitHub Actions](https://img.shields.io/badge/-GitHub%20Actions-black?style=flat-square&logo=github-actions&logoColor=white)
-![Deno Deploy](https://img.shields.io/badge/-Deno%20Deploy-000000?style=flat-square&logo=deno&logoColor=white)
+![Deno
+Deploy](https://img.shields.io/badge/-Deno%20Deploy-000000?style=flat-square&logo=deno&logoColor=white)
+
+## Board 📋
+
+https://github.com/users/jamerrq/projects/1/views/2
 
 ## Resources 📚
 
@@ -44,3 +60,4 @@ CSS](https://img.shields.io/badge/-Tailwind%20CSS-lightblue?style=flat-square&lo
 - [Fontsource](https://fontsource.org/)
 - [Tiny Code by Killedbyapixel](https://github.com/KilledByAPixel/TinyCode)
 - [Shots - Create Amazing Mockups](https://shots.so/)
+- [Signals - Preact Guide](https://preactjs.com/guide/v10/signals/)