Merge branch 'main' of https://github.com/classroomio/classroomio

apps/course-app/src/lib/components/buy-template/buy-template.svelte

@@ -9,7 +9,7 @@
 
   const whatYouGet = [
     'A custom template for your SAAS/Course',
-    'A 101 course on how to use your SAAS/Course',
+    'A 101 course on how to use your SAAS',
     'Deploy to Vercel or Selfhost',
     'Request 1 revision',
     'Get first draft in 48 hours'

apps/course-app/src/routes/+page.svelte

@@ -199,6 +199,33 @@
 
 <Separator class="my-5 md:my-20" />
 
+<section class="my-5 w-full">
+  <div class="mx-auto flex max-w-4xl flex-col items-center">
+    <blockquote class="twitter-tweet">
+      <p lang="en" dir="ltr">
+        so cool to see an ecosystem evolving around <a
+          href="https://twitter.com/calcom?ref_src=twsrc%5Etfw">@calcom</a
+        ><br /><br />my dream is one day people will have &quot;<a href="https://t.co/Cc8su8YPuu"
+          >https://t.co/Cc8su8YPuu</a
+        >
+        engineer&quot; as a job description, the same way you find &quot;Wordpress engineer&quot; on
+        indeed<br /><br />&quot;<a href="https://t.co/j2iMUvRyYq">https://t.co/j2iMUvRyYq</a>
+        university&quot; built by
+        <a href="https://twitter.com/rotimi_best?ref_src=twsrc%5Etfw">@rotimi_best</a>
+        starts with… <a href="https://t.co/u7bXZyIn2b">https://t.co/u7bXZyIn2b</a>
+        <a href="https://t.co/xEJshHO3zT">pic.twitter.com/xEJshHO3zT</a>
+      </p>
+      &mdash; Peer Richelsen — oss/acc (@peer_rich)<a
+        href="https://twitter.com/peer_rich/status/1861090126098571690?ref_src=twsrc%5Etfw"
+        >November 25, 2024</a
+      >
+    </blockquote>
+    <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
+  </div>
+</section>
+
+<Separator class="my-5 md:my-20" />
+
 <!-- Home CTA -->
 <section class="mb-20 w-full">
   <BlurFade delay={0.25}>
@@ -211,7 +238,7 @@
         class="relative mx-auto h-fit w-full overflow-hidden rounded-lg border bg-neutral-800 px-10 py-20 text-center shadow-2xl md:max-w-3xl md:px-20 md:py-40"
       >
         <Meteors number={30} />
-        <div class="z-20">
+        <div class="z-30">
           <h1 class="mb-5 text-2xl font-semibold text-white md:text-5xl">
             Kickstart Your Customer Education Journey
           </h1>