feat: add launch on PH on sites

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": {

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">

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