diff --git a/apps/formbricks-com/components/shared/NewsletterSignup.tsx b/apps/formbricks-com/components/shared/NewsletterSignup.tsx
new file mode 100644
index 0000000000..7a206bbc1b
--- /dev/null
+++ b/apps/formbricks-com/components/shared/NewsletterSignup.tsx
@@ -0,0 +1,61 @@
+import Image from "next/image";
+import Button from "@/components/shared/Button";
+import Friends from "@/images/newsletter-signup-gif.gif";
+
+export default function WaitlistForm() {
+  return (
+    <div className="not-prose text-md mx-auto mt-12 max-w-7xl rounded-lg bg-slate-200 p-10 text-slate-500 shadow-lg dark:bg-slate-800 dark:text-slate-400">
+      <p className="my-0 text-2xl font-bold text-slate-600 dark:text-slate-300">Build in public</p>
+      Get all the juicy details of our journey building Formbricks in public 👇
+      <div className="mt-8 gap-4 md:grid md:grid-cols-2">
+        <form method="post" action="https://listmonk.formbricks.com/subscription/form">
+          <div className="p-6 ">
+            <div>
+              <input type="hidden" name="nonce" />
+            </div>
+            <div>
+              <input
+                type="email"
+                name="email"
+                required
+                placeholder="Email"
+                className="block w-full rounded-xl text-slate-900 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm"
+              />
+              <label htmlFor="email" className="ml-2 block text-sm text-slate-400 dark:text-slate-500">
+                Work or personal
+              </label>
+            </div>
+            <div>
+              <input
+                type="text"
+                name="name"
+                placeholder="Name"
+                required
+                className="mt-4 block w-full rounded-xl text-slate-900 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm"
+              />
+              <label htmlFor="name" className="ml-2 block text-sm text-slate-400 dark:text-slate-500">
+                Optional but appreciated
+              </label>
+            </div>
+            <div className="hidden">
+              <input
+                id="e0084"
+                type="checkbox"
+                name="l"
+                checked
+                value="e0084486-8751-43e4-8cfb-58b7c3f5f318"
+                readOnly
+              />
+              <label htmlFor="e0084">Build in public</label>
+            </div>
+            <Button type="submit" className="mt-5 w-full justify-center">
+              Subscribe
+            </Button>
+          </div>
+        </form>
+
+        <Image src={Friends} alt="Sign up to newsletter" className="not-prose rounded-xl" />
+      </div>
+    </div>
+  );
+}
diff --git a/apps/formbricks-com/images/newsletter-signup-gif.gif b/apps/formbricks-com/images/newsletter-signup-gif.gif
new file mode 100644
index 0000000000..2587878b5f
Binary files /dev/null and b/apps/formbricks-com/images/newsletter-signup-gif.gif differ
diff --git a/apps/formbricks-com/pages/blog/weekly-update-181122/index.mdx b/apps/formbricks-com/pages/blog/weekly-update-181122/index.mdx
index df3312473c..e025eced7f 100644
--- a/apps/formbricks-com/pages/blog/weekly-update-181122/index.mdx
+++ b/apps/formbricks-com/pages/blog/weekly-update-181122/index.mdx
@@ -1,11 +1,11 @@
 import Image from "next/image";
 import LayoutMdx from "@/components/shared/LayoutMdx";
-import Button from "@/components/shared/Button";
 import Mockup from "./demo mockup for formbricks hq open source form and survey tool.png";
 import NewLogo from "./formbricks new logo mockup community feedback.png";
 import Community from "./community feedback logo and name.png";
 import Storybook from "./storybook for formbricks survey form builder.png";
 import HeaderImage from "./weeklyupdate.png";
+import NewsletterSignup from "@/components/shared/NewsletterSignup";
 
 export const meta = {
   title: "Weekly Summary - 18th Nov 2022",
@@ -91,42 +91,6 @@ Let’s hope Elon doesn’t break it too soon.
 
 ## Have a great weekend!
 
----
-
-<div className="mx-auto max-w-7xl px-5 py-5 bg-white shadow-lg rounded-lg text-md text-gray-700">
-
-You would like to have Formbricks "Build in Public Updates" like this in your mailbox? Subscribe to our
-newsletter 💪
-
-<form method="post" action="https://listmonk.formbricks.com/subscription/form" className="listmonk-form">
-    <div>
-        <input type="hidden" name="nonce" />
-        <div>
-          <label htmlFor="email" className="block text-sm font-medium text-gray-700">
-             Email
-          </label>
-          <div className="mt-1">
-              <input type="email" name="email" required placeholder="you@example.com" className="block w-full rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm" />
-          </div>
-        </div>
-       <div>
-          <label htmlFor="name" className="block text-sm font-medium text-gray-700">
-             Name (optional)
-          </label>
-          <div className="mt-1">
-              <input type="text" name="name" required className="block w-full rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm" />
-          </div>
-        </div>
-       
-        <div className='hidden'>
-          <input id="e0084" type="checkbox" name="l" checked value="e0084486-8751-43e4-8cfb-58b7c3f5f318" readOnly />
-          <label htmlFor="e0084">Build in public</label>
-        </div>
-
-        <Button type="submit" className="mt-4 w-full justify-center">Subscribe</Button>
-    </div>
-
-</form>
-</div>
+<NewsletterSignup />
 
 export default ({ children }) => <LayoutMdx meta={meta}>{children}</LayoutMdx>;
diff --git a/apps/formbricks-com/pages/blog/weekly-update-251122/index.mdx b/apps/formbricks-com/pages/blog/weekly-update-251122/index.mdx
index ee138e62af..0385e7a279 100644
--- a/apps/formbricks-com/pages/blog/weekly-update-251122/index.mdx
+++ b/apps/formbricks-com/pages/blog/weekly-update-251122/index.mdx
@@ -1,6 +1,6 @@
 import Image from "next/image";
 import LayoutMdx from "@/components/shared/LayoutMdx";
-import Button from "@/components/shared/Button";
+import NewsletterSignup from "@/components/shared/NewsletterSignup";
 import HeroAnimation from "@/components/shared/HeroAnimation";
 import HeaderImage from "./weeklyupdate.png";
 import POC1 from "./POC-1.png";
@@ -96,7 +96,7 @@ So exciting for us to see that our product and positioning resonates so well 
 
 # Community
 
-Shoutout to octalpixel and Akshu from the EddieHub community for sharing feedback on the React Library. Highly appreciated 🙏
+Shoutout to octalpixel and [Akshu](https://twitter.com/Akshu_on_github) from the EddieHub community for sharing feedback on the React Library. Highly appreciated 🙏
 
 ## Listmonk
 
@@ -110,42 +110,6 @@ We got invited! This is obviously very exciting so we spent some time getting ou
 
 ## Have a great weekend!
 
----
-
-<div className="mx-auto max-w-7xl px-5 py-5 bg-white shadow-lg rounded-lg text-md text-gray-700">
-
-You would like to have Formbricks "Build in Public Updates" like this in your mailbox? Subscribe to our
-newsletter 💪
-
-<form method="post" action="https://listmonk.formbricks.com/subscription/form" className="listmonk-form">
-    <div>
-        <input type="hidden" name="nonce" />
-        <div>
-          <label htmlFor="email" className="block text-sm font-medium text-gray-700">
-             Email
-          </label>
-          <div className="mt-1">
-              <input type="email" name="email" required placeholder="you@example.com" className="block w-full rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm" />
-          </div>
-        </div>
-       <div>
-          <label htmlFor="name" className="block text-sm font-medium text-gray-700">
-             Name (optional)
-          </label>
-          <div className="mt-1">
-              <input type="text" name="name" required className="block w-full rounded-md border-gray-300 shadow-sm focus:border-slate-500 focus:ring-slate-500 sm:text-sm" />
-          </div>
-        </div>
-       
-        <div className='hidden'>
-          <input id="e0084" type="checkbox" name="l" checked value="e0084486-8751-43e4-8cfb-58b7c3f5f318" readOnly />
-          <label htmlFor="e0084">Build in public</label>
-        </div>
-
-        <Button type="submit" className="mt-4 w-full justify-center">Subscribe</Button>
-    </div>
-
-</form>
-</div>
+<NewsletterSignup />
 
 export default ({ children }) => <LayoutMdx meta={meta}>{children}</LayoutMdx>;
diff --git a/apps/hq/.vscode/settings.json b/apps/hq/.vscode/settings.json
index 66aa969e23..d7750bcf6a 100644
--- a/apps/hq/.vscode/settings.json
+++ b/apps/hq/.vscode/settings.json
@@ -1,4 +1,4 @@
 {
-  "typescript.tsdk": "../../node_modules/.pnpm/typescript@4.9.3/node_modules/typescript/lib",
+  "typescript.tsdk": "..\\..\\node_modules\\.pnpm\\typescript@4.9.3\\node_modules\\typescript\\lib",
   "typescript.enablePromptUseWorkspaceTsdk": true
 }
\ No newline at end of file