feat: go to dashboard from landing page 🚀 🚀

apps/classroomio-com/src/lib/Hero/Hero.svelte

@@ -36,13 +36,23 @@
   >
     Spend less time doing the boring stuff, instead focus on impacting the lives of your students.
   </p>
-  <button
+  <div class="mt-10 flex gap-4 items-center justify-center flex-col md:flex-row">
-    class="font-medium lg:font-semibold text-sm md:text-md text-white px-6 py-3 lg:px-10 lg:py-5 bg-[#1D4EE2] rounded-md lg:rounded-xl mt-10"
+    <a
-    data-cal-config={"{'layout':'month_view'}"}
+      class="font-medium lg:font-semibold text-sm md:text-md w-11/12 md:w-fit text-white px-6 py-3 lg:px-10 lg:py-5 bg-[#1D4EE2] rounded-md lg:rounded-xl"
-    data-cal-link="classroomio/demo"
+      href="/signup"
-  >
+      rel="noopener noreferrer nofollow"
-    Let's show you 😍️️️️️️
+    >
-  </button>
+      Create a free account 🚀
+    </a>
+    <a
+      class="font-medium lg:font-semibold text-sm md:text-md w-11/12 md:w-fit border px-6 py-3 lg:px-10 lg:py-5 rounded-md lg:rounded-xl"
+      href="/github"
+      target="_blank"
+      rel="noopener noreferrer nofollow"
+    >
+      View on Github
+    </a>
+  </div>
 
   <div class="relative my-5 md:my-10">
     <!-- <video

apps/classroomio-com/src/lib/Navigation/Navigation.svelte

@@ -13,12 +13,12 @@
   let showNav = false;
 
   const {
-    elements: { menu, item, trigger, arrow },
+    elements: { menu, item, trigger, arrow }
   } = createDropdownMenu({
     positioning: {
       placement: 'bottom-start',
-      fitViewport: true,
+      fitViewport: true
-    },
+    }
   });
 
   function handleShow() {
@@ -35,7 +35,7 @@
       el?.scrollIntoView({
         behavior: 'smooth',
         block: 'start',
-        inline: 'nearest',
+        inline: 'nearest'
       });
     }, 50);
   }
@@ -44,23 +44,23 @@
     {
       key: 'coursemanagement',
       title: 'Course Management',
-      subtitle: 'Advanced course management tools ',
+      subtitle: 'Advanced course management tools '
     },
     {
       key: 'customization',
       title: 'Customizations',
-      subtitle: 'Customize your classroom to your needs',
+      subtitle: 'Customize your classroom to your needs'
     },
     {
       key: 'collaboration',
       title: 'Forum',
-      subtitle: 'Seamlessly collaborate with your students',
+      subtitle: 'Seamlessly collaborate with your students'
     },
     {
       key: 'ai',
       title: 'AI Lesson Planner',
-      subtitle: "10x Educator's productivity with AI",
+      subtitle: "10x Educator's productivity with AI"
-    },
+    }
   ];
 </script>
 
@@ -116,14 +116,10 @@
       </li>
       <!--  -->
       <a href="#morefeatures">
-        <li class="text-gray-800 font-semibold text-sm cursor-pointer">
+        <li class="text-gray-800 font-semibold text-sm cursor-pointer">More features</li>
-          More features
-        </li>
       </a>
       <a href="#pricing">
-        <li class="text-gray-800 font-semibold text-sm cursor-pointer">
+        <li class="text-gray-800 font-semibold text-sm cursor-pointer">Pricing</li>
-          Pricing
-        </li>
       </a>
     </ul>
   </nav>
@@ -135,26 +131,17 @@
       Sign Up
     </button> -->
     <a href="/discord" target="_blank">
-      <img
+      <img alt="discord logo" src="/discord-blue.png" class="w-8 h-6 mr-4 cursor-pointer" />
-        alt="discord logo"
-        src="/discord-blue.png"
-        class="w-8 h-6 mr-4 cursor-pointer"
-      />
     </a>
     <a href="/github" target="_blank">
-      <img
+      <img alt="github logo" src="/github-mark.png" class="w-6 h-6 mr-4 cursor-pointer" />
-        alt="github logo"
-        src="/github-mark.png"
-        class="w-6 h-6 mr-4 cursor-pointer"
-      />
     </a>
-    <button
+    <a
       class="font-medium text-sm after:content-['→'] after:ml-2"
-      data-cal-config={"{'layout':'month_view'}"}
+      href="https://app.classroomio.com"
-      data-cal-link="classroomio/demo"
     >
-      Get a Demo
+      Dashboard
-    </button>
+    </a>
   </div>
 
   <button class="block md:block lg:hidden" on:click={handleShowNav}
@@ -170,18 +157,12 @@
     >
       <div class="flex justify-between py-2 mb-5">
         <img src="/logo-512.png" alt="classroomio logo" class="w-[8%]" />
-        <button on:click={handleShowNav}
+        <button on:click={handleShowNav}><CloseLarge size={24} class="mr-5" /></button>
-          ><CloseLarge size={24} class="mr-5" /></button
-        >
       </div>
       <nav class="">
-        <ul
+        <ul class="flex items-center flex-col lg:flex-row justify-between w-full">
-          class="flex items-center flex-col lg:flex-row justify-between w-full"
-        >
           <!--  -->
-          <li
+          <li class="text-gray-800 font-semibold text-sm md:text-lg cursor-pointer w-full">
-            class="text-gray-800 font-semibold text-sm md:text-lg cursor-pointer w-full"
-          >
             <button
               class="w-full flex items-center justify-between hover:bg-gray-100 py-3 px-4 rounded-lg"
               on:click={handleShow}
@@ -189,10 +170,7 @@
               Our Superpowers <ChevronDown />
             </button>
             {#if showsubNav}
-              <div
+              <div in:fly={{ y: -20, duration: 700 }} out:fly={{ y: 20, duration: 400 }}>
-                in:fly={{ y: -20, duration: 700 }}
-                out:fly={{ y: 20, duration: 400 }}
-              >
                 {#each superpowers as superpower}
                   <a href="#{superpower.key}">
                     <p
@@ -228,11 +206,7 @@
           target="_blank"
           class="flex items-center rounded-md after:ml-2 w-full text-left py-4 px-4 hover:bg-gray-100 text-sm md:text-lg"
         >
-          <img
+          <img alt="discord logo" src="/discord-blue.png" class="w-8 h-6 mr-2 cursor-pointer" />
-            alt="discord logo"
-            src="/discord-blue.png"
-            class="w-8 h-6 mr-2 cursor-pointer"
-          />
           <span>Discord</span>
         </a>
         <a
@@ -240,20 +214,15 @@
           target="_blank"
           class="flex items-center rounded-md after:ml-2 w-full text-left py-4 px-4 hover:bg-gray-100 text-sm md:text-lg"
         >
-          <img
+          <img alt="github logo" src="/github-mark.png" class="w-6 h-6 mr-3 cursor-pointer" />
-            alt="github logo"
-            src="/github-mark.png"
-            class="w-6 h-6 mr-3 cursor-pointer"
-          />
           <span>Github</span>
         </a>
-        <button
+        <a
           class="font-semibold after:content-['→'] rounded-md after:ml-2 w-full text-left py-4 px-4 hover:bg-gray-100 text-sm md:text-lg"
-          data-cal-config={"{'layout':'month_view'}"}
+          href="https://app.classroomio.com"
-          data-cal-link="classroomio/demo"
         >
-          Get a Demo
+          Dashboard
-        </button>
+        </a>
       </div>
     </div>
   {/if}

apps/classroomio-com/src/routes/signup/+page.server.ts

@@ -0,0 +1,11 @@
+import { redirect } from '@sveltejs/kit';
+import { client } from '$lib/utils/posthog';
+
+export const load = ({ request }) => {
+  client.capture({
+    distinctId: request.headers.get('x-forwarded-for') || new Date().getTime().toString(),
+    event: 'signup'
+  });
+
+  throw redirect(301, 'https://app.classroomio.com/signup');
+};