feat: added subscription box

src/_components/subscribe.liquid

@@ -0,0 +1,15 @@
+<div class="p-4 bg-gray-300 rounded-xl w-96 hover:cursor-pointer">
+  <a
+    href="https://syedmsawaid.substack.com/subscribe"
+    target="_blank"
+    class="flex flex-col gap-2 text-black no-underline hover:bg-transparent"
+  >
+    <div class="text-base font-bold">Newsletter</div>
+    <input
+      class="w-full px-2 py-1 border border-black rounded pointer-events-none"
+      placeholder="Your email"
+      type="text"
+    >
+    <p class="my-0 text-sm ">Join my newsletter on tech, life and everything inbetween.</p>
+  </a>
+</div>

src/index.md

@@ -29,4 +29,6 @@ I would love to hear from you. You can contact me:
 
 - Email: [hi@syedmsawaid.com](mailto:hi@syedmsawaid.com)
 - Bluesky: [@syedmsawaid.com](https://bsky.app/profile/syedmsawaid.com){:target="_blank"}
-- [other ways](/contact)
+- [other ways](/contact)
+
+{% render "subscribe" %}