feat: 🚀 😃 convert repo into a monorepo 🚀 😃 (#51)

* Merge main into turbo-monrepo * feat: rename apps * feat: remove supbase videos and serve all from project * feat: move supabase to root * feat: update README * docs: update link
2023-11-25 21:56:02 +00:00
parent 03ca379094
commit 41e29014ef
806 changed files with 85853 additions and 5746 deletions
@@ -0,0 +1,74 @@
+<script>
+  import { faqs } from './faqs';
+</script>
+
+<div class="mt-[5%] mb-[15%]">
+  <header class="text-center mb-[5%] px-[8%]">
+    <h1
+      class="mt-2 text-4xl lg:text-4xl font-medium tracking-tight text-gray-900"
+    >
+      Questions & Answers
+    </h1>
+    <h3
+      class="lg:px-[20%] mt-4 text-lg lg:text-xl text-gray-500 inter font-normal tracking-normal lg:tracking-wide"
+    >
+      Can’t find the answer you’re looking for?
+      <a
+        class="text-[#1D4EE2]"
+        href="mailto:[email protected]"
+        target="_blank">Shoot us an email</a
+      > and we’ll get back to you ASAP.
+    </h3>
+  </header>
+
+  <div
+    class="grid grid-cols-1 lg:grid-cols-3 gap-10 lg:gap-20 lg:px-[13%] mt-[20%] lg:m-0"
+  >
+    {#each faqs as faq}
+      <div class="max-w-[100%] px-6 lg:p-0">
+        <h1
+          class="text:md lg:text-md font-semibold leading-8 text-gray-800 inter"
+        >
+          {faq.question}
+        </h1>
+        <p
+          class="mt-2 text:md lg:text-md font-thin leading-7 lg:leading-9 text-gray-600 inter tracking-wide"
+        >
+          {faq.answer}
+        </p>
+      </div>
+    {/each}
+  </div>
+
+  <div
+    class="floating relative mt-[10%] grad w-[100%] h-[61vh] lg:h-[54vh] flex items-center flex-col justify-center lg:w-[70%] mx-auto py-[12%] px-[6%] text-center shadow-2xl lg:rounded-3xl"
+  >
+    <h1
+      class="mt-3 lg:mt-2 text-3xl lg:text-4xl font-bold font-display tracking-tight text-white"
+    >
+      Supercharge your Classroom Today
+    </h1>
+    <p class="mt-6 text-xl lg:text-lg text-gray-300 inter">
+      Try before you buy. No credit card required.
+    </p>
+    <button
+      class="font-semibold text-md lg:text-lg text-gray-900 bg-white px-6 lg:px-7 py-4 lg:py-3 rounded-xl mt-10 inter"
+      data-cal-config={"{'layout':'month_view'}"}
+      data-cal-link="classroomio/demo"
+    >
+      Book a demo
+    </button>
+  </div>
+</div>
+
+<style>
+  .grad {
+    background: rgb(51, 16, 71);
+    background: radial-gradient(
+      circle at 50% 100%,
+      rgba(51, 16, 71, 1) 1%,
+      rgba(2, 0, 36, 1) 100%
+    );
+    background-size: cover;
+  }
+</style>