docs: ⭐ new: create under development component

xandemon · May 23, 2024 · 9c7f8e7 · 9c7f8e7
1 parent ba57e43
commit 9c7f8e7
Showing 1 changed file with 19 additions and 0 deletions.
diff --git a/docs/src/components/UnderDevelopment.astro b/docs/src/components/UnderDevelopment.astro
@@ -0,0 +1,19 @@
+---
+import { Button } from "./ui/button";
+import { publicBaseUrl } from "@/lib/utils";
+---
+
+<div class="w-full flex flex-col items-center justify-center gap-6">
+  <img
+    src={`${publicBaseUrl}/under-development.png`}
+    alt="Page Under Development"
+    class="max-w-md"
+  />
+  <div class="flex flex-col items-center justify-center gap-4">
+    <h3 class="text-5xl font-bold">Working on it.</h3>
+    <p class="text-2xl font-medium opacity-80">
+      This page is currently under development.
+    </p>
+    <Button variant={"outline"}>Wanna contribute?</Button>
+  </div>
+</div>