feat: add testimonial to landing page

apps/classroomio-com/src/app.html

@@ -75,6 +75,8 @@
       data-domains="classroomio.com"
     ></script>
 
+    <script async type="text/javascript" src="https://static.senja.io/dist/platform.js"></script>
+
     <script type="text/javascript">
       window.$crisp = [];
       window.CRISP_WEBSITE_ID = '69176b47-5f63-42cc-bb9b-68d4927b6276';

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

@@ -0,0 +1,21 @@
+<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"
+  >
+    Wall of Love
+  </h1>
+
+  <p
+    class="mx-auto text-center mt-10 lg:mt-6 px-4 lg:p-0 text-md tracking-wide leading-6 text-gray-400 lg:w-2/4"
+  >
+    What are people saying about ClassroomIO?
+  </p>
+
+  <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>
+  </div>
+</section>

apps/classroomio-com/src/lib/index.js

@@ -1,20 +0,0 @@
-// place files you want to import through the `$lib` alias in this folder.
-import Navigation from './Navigation/Navigation.svelte';
-import Hero from './Hero/Hero.svelte';
-import Body from './Body/Body.svelte';
-import Pricing from './Pricing/Pricing.svelte';
-import Faq from './Faq/Faq.svelte';
-import Footer from './Footer/Footer.svelte';
-import StudentDashboard from './StudentDashboard/StudentDashboard.svelte';
-import MoreFeatures from './MoreFeatures/MoreFeatures.svelte';
-
-export {
-  Body,
-  Faq,
-  Footer,
-  Hero,
-  MoreFeatures,
-  Navigation,
-  Pricing,
-  StudentDashboard,
-};

apps/classroomio-com/src/routes/+layout.svelte

@@ -1,6 +1,8 @@
 <script>
-  import { Footer, Navigation } from '$lib';
+  import Navigation from '$lib/Navigation/Navigation.svelte';
+  import Footer from '$lib/Footer/Footer.svelte';
   import PageTransition from './transition.svelte';
+
   import '../app.css';
 
   export let data;

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

@@ -1,18 +1,19 @@
 <script>
-  import {
+  import Hero from '$lib/Hero/Hero.svelte';
-    Body,
+  import Body from '$lib/Body/Body.svelte';
-    Faq,
+  import Pricing from '$lib/Pricing/Pricing.svelte';
-    Hero,
+  import Faq from '$lib/Faq/Faq.svelte';
-    Pricing,
+  import StudentDashboard from '$lib/StudentDashboard/StudentDashboard.svelte';
-    StudentDashboard,
+  import MoreFeatures from '$lib/MoreFeatures/MoreFeatures.svelte';
-    MoreFeatures,
+  import Testimonial from '$lib/Testimonial/Testimonial.svelte';
-  } from '$lib';
+
   import { PUBLIC_ENABLE_PRICING, PUBLIC_ENABLE_FAQ } from '$env/static/public';
 </script>
 
 <Hero />
 <Body />
 <StudentDashboard />
+<Testimonial />
 <MoreFeatures />
 
 {#if PUBLIC_ENABLE_PRICING}