diff --git a/apps/classroomio-com/package.json b/apps/classroomio-com/package.json
index 6a23eabd..0dad0419 100644
--- a/apps/classroomio-com/package.json
+++ b/apps/classroomio-com/package.json
@@ -23,7 +23,7 @@
     "svelte-sequential-preprocessor": "^2.0.1",
     "tailwindcss": "^3.3.3",
     "typescript": "^5.0.0",
-    "vite": "^5.0.0"
+    "vite": "^5.4.4"
   },
   "type": "module",
   "engines": {
diff --git a/apps/classroomio-com/src/lib/Home/Hero.svelte b/apps/classroomio-com/src/lib/Home/Hero.svelte
index 77cb4b4a..0b0a1ec5 100644
--- a/apps/classroomio-com/src/lib/Home/Hero.svelte
+++ b/apps/classroomio-com/src/lib/Home/Hero.svelte
@@ -12,7 +12,7 @@
   ];
   let animate = false;
   let titleIndex = 0;
-  let timeout: NodeJS.Timer;
+  let timeout: NodeJS.Timeout;
 
   onMount(() => {
     setTimeout(() => {
@@ -33,14 +33,22 @@
 <div class="hero-bg relative border-b-2 text-center bg-[#F5F8FE] h-full mt-[5%] w-full">
   <div class="pt-24 w-full">
     <div class="mb-10 ml-[5%] lg:ml-0 flex w-full items-center justify-start lg:justify-center">
-      <a
+      <!-- <a
         target="_blank"
         rel="noopener noreferrer nofollow"
         href="/github"
         style="color: rgb(75, 85, 99);"
         class="rounded-full border-2 border-[#C2D2FF] px-4 py-1 text-sm font-medium bg-[#DCE5FF] text-[#4B5563] hover:underline"
         >We are <span class="text-blue-700">100%</span> open source</a
+      > -->
+      <a
+        href="https://www.producthunt.com/posts/courseapp?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-courseapp"
+        target="_blank"
+        rel="noopener noreferrer nofollow"
+        class="rounded-full border-2 border-[#ff6154]/60 px-4 py-1 text-sm font-medium bg-[#ff6154] text-white hover:underline"
       >
+        We are live on Product Hunt
+      </a>
     </div>
 
     <div class="justify-between w-[90%] absolute top-[10%] left-[5%] hidden lg:flex">
diff --git a/apps/course-app/src/routes/+page.svelte b/apps/course-app/src/routes/+page.svelte
index 1e35445d..29ac7f29 100644
--- a/apps/course-app/src/routes/+page.svelte
+++ b/apps/course-app/src/routes/+page.svelte
@@ -92,6 +92,16 @@
       <CardBody
         className="py-10 max-w-4xl mx-auto flex flex-col items-center justify-center px-30 gap-2 md:gap-5"
       >
+        <div class="flex w-full items-center justify-start lg:ml-0 lg:justify-center">
+          <a
+            href="https://www.producthunt.com/posts/courseapp?embed=true&utm_source=badge-featured&utm_medium=badge&utm_souce=badge-courseapp"
+            target="_blank"
+            rel="noopener noreferrer nofollow"
+            class="rounded-full border-2 border-[#ff6154]/60 bg-[#ff6154] px-4 py-1 text-sm font-medium text-white hover:underline"
+          >
+            We are live on Product Hunt
+          </a>
+        </div>
         <BlurIn
           class="pointer-events-none flex max-w-2xl flex-col items-center whitespace-pre-wrap bg-gradient-to-b from-black to-gray-300/80 bg-clip-text text-center text-2xl font-semibold leading-none tracking-tighter text-transparent md:mb-4 md:block md:text-4xl lg:text-6xl"
         >
@@ -101,8 +111,9 @@
         </BlurIn>
 
         <BlurFade delay={0.25}>
-          <p class="text-md text-center max-w-[500px]">
-            With our prebuilt templates, you can setup a fully functional customer educational website for your product & idea in minutes.<br />
+          <p class="text-md max-w-[500px] text-center">
+            With our prebuilt templates, you can setup a fully functional customer educational
+            website for your product & idea in minutes.<br />
             <span>
               Similar to the likes of
 
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index c4fd864b..4ea8f877 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -137,10 +137,10 @@ importers:
         version: 3.0.0(@sveltejs/kit@2.0.0)
       '@sveltejs/kit':
         specifier: ^2.0.0
-        version: 2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0)
+        version: 2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.4.11)
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.0.0
-        version: 3.0.0(svelte@4.1.2)(vite@5.0.0)
+        version: 3.0.0(svelte@4.1.2)(vite@5.4.11)
       autoprefixer:
         specifier: ^10.4.15
         version: 10.4.15(postcss@8.4.31)
@@ -169,8 +169,8 @@ importers:
         specifier: ^5.0.0
         version: 5.1.6
       vite:
-        specifier: ^5.0.0
-        version: 5.0.0
+        specifier: ^5.4.4
+        version: 5.4.11(@types/node@22.10.1)
 
   apps/course-app:
     dependencies:
@@ -6183,7 +6183,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/kit@2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0):
+  /@sveltejs/kit@2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.4.11):
     resolution: {integrity: sha512-/GFxvit+q7PztRbgGTFXhVB6jvb0fZSeWuz5f4siQ2r/5BVhxYh7++Bw3/ZUjiOuyoZFiNBmOPcRNQbkzEce0g==}
     engines: {node: '>=18.13'}
     hasBin: true
@@ -6193,7 +6193,7 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.0(svelte@4.1.2)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte': 3.0.0(svelte@4.1.2)(vite@5.4.11)
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 4.3.2
@@ -6206,7 +6206,7 @@ packages:
       sirv: 2.0.3
       svelte: 4.1.2
       tiny-glob: 0.2.9
-      vite: 5.0.0
+      vite: 5.4.11(@types/node@22.10.1)
     dev: true
 
   /@sveltejs/kit@2.0.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.2.12)(vite@5.0.3):
@@ -6304,7 +6304,7 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0):
+  /@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.4.11):
     resolution: {integrity: sha512-9QX28IymvBlSCqsCll5t0kQVxipsfhFFL+L2t3nTWfXnddYwxBuAEtTtlaVQpRz9c37BhJjltSeY4AJSC03SSg==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
@@ -6312,10 +6312,10 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.0.0(svelte@4.1.2)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte': 3.0.0(svelte@4.1.2)(vite@5.4.11)
       debug: 4.3.4(supports-color@5.5.0)
       svelte: 4.1.2
-      vite: 5.0.0
+      vite: 5.4.11(@types/node@22.10.1)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -6387,22 +6387,22 @@ packages:
     transitivePeerDependencies:
       - supports-color
 
-  /@sveltejs/vite-plugin-svelte@3.0.0(svelte@4.1.2)(vite@5.0.0):
+  /@sveltejs/vite-plugin-svelte@3.0.0(svelte@4.1.2)(vite@5.4.11):
     resolution: {integrity: sha512-Th0nupxk8hl5Rcg9jm+1xWylwco4bSUAvutWxM4W4bjOAollpXLmrYqSSnYo9pPbZOO6ZGRm6sSqYa/v1d/Saw==}
     engines: {node: ^18.0.0 || >=20}
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.0
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.0.0)
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.0.0)(svelte@4.1.2)(vite@5.4.11)
       debug: 4.3.4(supports-color@5.5.0)
       deepmerge: 4.3.1
       kleur: 4.1.5
       magic-string: 0.30.8
       svelte: 4.1.2
       svelte-hmr: 0.15.3(svelte@4.1.2)
-      vite: 5.0.0
-      vitefu: 0.2.5(vite@5.0.0)
+      vite: 5.4.11(@types/node@22.10.1)
+      vitefu: 0.2.5(vite@5.4.11)
     transitivePeerDependencies:
       - supports-color
     dev: true
@@ -18379,41 +18379,6 @@ packages:
     optionalDependencies:
       fsevents: 2.3.3
 
-  /vite@5.0.0:
-    resolution: {integrity: sha512-ESJVM59mdyGpsiNAeHQOR/0fqNoOyWPYesFto8FFZugfmhdHx8Fzd8sF3Q/xkVhZsyOxHfdM7ieiVAorI9RjFw==}
-    engines: {node: ^18.0.0 || >=20.0.0}
-    hasBin: true
-    peerDependencies:
-      '@types/node': ^18.0.0 || >=20.0.0
-      less: '*'
-      lightningcss: ^1.21.0
-      sass: '*'
-      stylus: '*'
-      sugarss: '*'
-      terser: ^5.4.0
-    peerDependenciesMeta:
-      '@types/node':
-        optional: true
-      less:
-        optional: true
-      lightningcss:
-        optional: true
-      sass:
-        optional: true
-      stylus:
-        optional: true
-      sugarss:
-        optional: true
-      terser:
-        optional: true
-    dependencies:
-      esbuild: 0.19.12
-      postcss: 8.4.38
-      rollup: 4.27.3
-    optionalDependencies:
-      fsevents: 2.3.3
-    dev: true
-
   /vite@5.0.3:
     resolution: {integrity: sha512-WgEq8WEKpZ8c0DL4M1+E+kBZEJyjBmGVrul6z8Ljfhv+PPbNF4aGq014DwNYxGz2FGq6NKL0N8usdiESWd2l2w==}
     engines: {node: ^18.0.0 || >=20.0.0}
@@ -18545,17 +18510,6 @@ packages:
     dependencies:
       vite: 4.4.8(@types/node@22.10.1)(sass@1.64.2)
 
-  /vitefu@0.2.5(vite@5.0.0):
-    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
-    peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
-    peerDependenciesMeta:
-      vite:
-        optional: true
-    dependencies:
-      vite: 5.0.0
-    dev: true
-
   /vitefu@0.2.5(vite@5.0.3):
     resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
     peerDependencies:
@@ -18567,6 +18521,17 @@ packages:
       vite: 5.0.3
     dev: true
 
+  /vitefu@0.2.5(vite@5.4.11):
+    resolution: {integrity: sha512-SgHtMLoqaeeGnd2evZ849ZbACbnwQCIwRH57t18FxcXoZop0uQu0uzlIhJBlF/eWVzuce0sHeqPcDo+evVcg8Q==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+    dependencies:
+      vite: 5.4.11(@types/node@22.10.1)
+    dev: true
+
   /vitefu@1.0.4(vite@5.4.11):
     resolution: {integrity: sha512-y6zEE3PQf6uu/Mt6DTJ9ih+kyJLr4XcSgHR2zUkM8SWDhuixEJxfJ6CZGMHh1Ec3vPLoEA0IHU5oWzVqw8ulow==}
     peerDependencies: