From 10f85278b59f6382236afb925a6618d7ed2f4979 Mon Sep 17 00:00:00 2001
From: Rotimi Best <best@classroomio.com>
Date: Sat, 13 Apr 2024 17:11:35 +0100
Subject: [PATCH] feat: add supademo to landing page

---
 apps/classroomio-com/src/lib/Hero/Hero.svelte | 19 +++++++++++++++++--
 1 file changed, 17 insertions(+), 2 deletions(-)

diff --git a/apps/classroomio-com/src/lib/Hero/Hero.svelte b/apps/classroomio-com/src/lib/Hero/Hero.svelte
index 4241d6b0..4704e775 100644
--- a/apps/classroomio-com/src/lib/Hero/Hero.svelte
+++ b/apps/classroomio-com/src/lib/Hero/Hero.svelte
@@ -158,14 +158,29 @@
     </a> -->
     </div>
 
-    <div class="relative my-5 md:my-10">
+    <!-- <div class="relative my-5 md:my-10">
       <img
         width="710"
         height="710"
         src="./cio-hero.webp"
         alt="hero section with dark vs light mode"
-        class="mx-auto w-[85%] rounded-lg shadow-lg lg:w-[70%]"
+        class=""
       />
+      
+    </div> -->
+    <div
+      style="position: relative; padding-bottom: calc(50% + 42px);"
+      class="mx-auto w-[85%] lg:w-[70%]"
+    >
+      <iframe
+        src="https://app.supademo.com/embed/cluw8chyy06nhq2s9m697a680"
+        allow="clipboard-write"
+        frameborder="0"
+        webkitallowfullscreen="true"
+        mozallowfullscreen="true"
+        allowfullscreen
+        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;"
+      ></iframe>
     </div>
 
     {#if PUBLIC_ENABLE_USERS_COMPANIES}