feat: website release v2 (#616)

* feat: upgrade to svelte 5 & tailwind v4 + add navigation menu to ui package * feat: website navigation with nav menu from shadcn * chore: refactor navigation menu storybook * fix: responsiveness bug * chore: remove tailwind config file * chore: - remove carbon icons from repo - add Geist font family * refactor website --------- Co-authored-by: Rotimi Best <[email protected]>
2025-12-20 12:44:59 +01:00
parent 690cf147ff
commit e6a3cf9332
108 changed files with 2425 additions and 2169 deletions
@@ -0,0 +1,34 @@
+<script>
+  import { Badge } from '@cio/ui/base/badge';
+</script>
+
+<section id="student-dashboard" class="text-center text-white py-[10%] px-3 lg:px-0 bg-black">
+  <Badge class="py-2! px-4! underline text-sm!">yourorg.classroomio.com</Badge>
+  <h1
+    class="mx-auto text-3xl md:text-4xl lg:text-6xl font-normal leading-[1.5] flex flex-col items-center gap-4"
+  >
+    Your Student Dashboard
+  </h1>
+
+  <p
+    class="mx-auto mt-10 lg:mt-6 px-4 lg:p-0 text-base tracking-wide leading-6 text-gray-400 lg:w-2/4"
+  >
+    Once you create an account, you get a dedicated dashboard where your students can access all
+    their courses, assignments, and more.
+  </p>
+
+  <div class="relative my-5 md:my-10">
+    <video
+      class="floating w-[85%] lg:w-[70%] mx-auto rounded-lg shadow-lg"
+      autoplay
+      loop
+      muted
+      defaultMuted
+      playsinline
+      preload="auto"
+    >
+      <source src="https://video.cdn.clsrio.com/student-dashboard.mp4" type="video/mp4" />
+      <track kind="captions" />
+    </video>
+  </div>
+</section>