From fc80d940a7e244e80c1c19c2250bf692c1bd267d Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Thu, 28 Mar 2024 04:21:02 +0100
Subject: [PATCH] feat: add testimonial to landing page

---
 apps/classroomio-com/src/app.html             |  2 ++
 .../src/lib/Testimonial/Testimonial.svelte    | 21 +++++++++++++++++++
 apps/classroomio-com/src/lib/index.js         | 20 ------------------
 .../classroomio-com/src/routes/+layout.svelte |  4 +++-
 apps/classroomio-com/src/routes/+page.svelte  | 17 ++++++++-------
 5 files changed, 35 insertions(+), 29 deletions(-)
 create mode 100644 apps/classroomio-com/src/lib/Testimonial/Testimonial.svelte
 delete mode 100644 apps/classroomio-com/src/lib/index.js

diff --git a/apps/classroomio-com/src/app.html b/apps/classroomio-com/src/app.html
index 2e58c8ec..d5d4cb20 100644
--- a/apps/classroomio-com/src/app.html
+++ b/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';
diff --git a/apps/classroomio-com/src/lib/Testimonial/Testimonial.svelte b/apps/classroomio-com/src/lib/Testimonial/Testimonial.svelte
new file mode 100644
index 00000000..5708f64b
--- /dev/null
+++ b/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>
diff --git a/apps/classroomio-com/src/lib/index.js b/apps/classroomio-com/src/lib/index.js
deleted file mode 100644
index b6437275..00000000
--- a/apps/classroomio-com/src/lib/index.js
+++ /dev/null
@@ -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,
-};
diff --git a/apps/classroomio-com/src/routes/+layout.svelte b/apps/classroomio-com/src/routes/+layout.svelte
index 254e852a..2af5a31e 100644
--- a/apps/classroomio-com/src/routes/+layout.svelte
+++ b/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;
diff --git a/apps/classroomio-com/src/routes/+page.svelte b/apps/classroomio-com/src/routes/+page.svelte
index 4c2d4f67..fe5f7454 100644
--- a/apps/classroomio-com/src/routes/+page.svelte
+++ b/apps/classroomio-com/src/routes/+page.svelte
@@ -1,18 +1,19 @@
 <script>
-  import {
-    Body,
-    Faq,
-    Hero,
-    Pricing,
-    StudentDashboard,
-    MoreFeatures,
-  } from '$lib';
+  import Hero from '$lib/Hero/Hero.svelte';
+  import Body from '$lib/Body/Body.svelte';
+  import Pricing from '$lib/Pricing/Pricing.svelte';
+  import Faq from '$lib/Faq/Faq.svelte';
+  import StudentDashboard from '$lib/StudentDashboard/StudentDashboard.svelte';
+  import MoreFeatures from '$lib/MoreFeatures/MoreFeatures.svelte';
+  import Testimonial from '$lib/Testimonial/Testimonial.svelte';
+
   import { PUBLIC_ENABLE_PRICING, PUBLIC_ENABLE_FAQ } from '$env/static/public';
 </script>
 
 <Hero />
 <Body />
 <StudentDashboard />
+<Testimonial />
 <MoreFeatures />
 
 {#if PUBLIC_ENABLE_PRICING}