feat: use faster senja

apps/classroomio-com/src/app.html

@@ -50,9 +50,8 @@
   <link rel="icon" type="image/png" href="/favicon.ico" />
   <link rel="icon" type="image/png" sizes="32x32" href="/logo-32.png" />
 
-  <script defer src="https://api.pirsch.io/pa.js" id="pianjs" data-code="TiRwxSMWG9FssvVm6CP7ivUGvS40Yumb"></script>
-
-  <script async type="text/javascript" src="https://static.senja.io/dist/platform.js"></script>
+  <script defer src="https://api.pirsch.io/pa.js" id="pianjs" data-code="TiRwxSMWG9FssvVm6CP7ivUGvS40Yumb"
+    data-domain="classroomio.com"></script>
 
   <script type="text/javascript">
     window.$crisp = [];

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

@@ -54,7 +54,7 @@
         height="28"
         src="/logo-512.svg"
         alt="classroomio logo"
-        class="w-[40%] lg:w-[15%]"
+        class="w-6 md:w-10"
       />
       <h1 class="text-xs md:text-lg font-medium ml-2">ClassroomIO</h1>
     </div>

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

@@ -1,6 +1,6 @@
 <script>
   import Checkmark from 'carbon-icons-svelte/lib/Checkmark.svelte';
-  import PLANS from 'shared-constants/src/plans/data.json';
+  import PLANS from 'shared/src/plans/data.json';
 
   let isYearlyPlan = false;
 

apps/classroomio-com/src/lib/Senja/Embed.svelte

@@ -0,0 +1,12 @@
+<script lang="ts">
+  import { embedSenjaWidget } from 'shared/src/senja';
+  import { onMount } from 'svelte';
+
+  export let id = '';
+
+  onMount(() => {
+    embedSenjaWidget(id);
+  });
+</script>
+
+<div class="senja-embed" data-id={id} data-lazyload="false" data-spinner="false"></div>

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

@@ -1,3 +1,7 @@
+<script>
+  import SenjaEmbed from '$lib/Senja/Embed.svelte';
+</script>
+
 <section id="testimonial" class="flex flex-col items-center py-[5%] px-3 lg:px-0">
   <h1
     class="mx-auto text-3xl md:text-4xl lg:text-6xl font-normal leading-[1.5] flex flex-col items-center gap-4"
@@ -19,10 +23,6 @@
   </a>
 
   <div class="relative my-5 md:my-10 w-[85%] lg:w-[70%]">
-    <div
-      class="senja-embed"
-      data-id="3e847d7a-13d3-483e-8a71-5b35273dcc6c"
-      data-lazyload="false"
-    ></div>
+    <SenjaEmbed id="3e847d7a-13d3-483e-8a71-5b35273dcc6c" />
   </div>
 </section>

apps/classroomio-com/src/routes/pricing/+page.svelte

@@ -1,6 +1,6 @@
 <script>
   import Checkmark from 'carbon-icons-svelte/lib/Checkmark.svelte';
-  import PLANS from 'shared-constants/src/plans/data.json';
+  import PLANS from 'shared/src/plans/data.json';
   import PageSignupCTA from '$lib/PageSignupCTA/index.svelte';
 
   let isYearlyPlan = false;