initial to gitea

2025-02-23 10:43:08 +07:00
commit d6e3946296
183 changed files with 22627 additions and 0 deletions
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -0,0 +1,95 @@
+import { buttonVariants } from "@/components/ui/button";
+import { page_routes } from "@/lib/routes-config";
+import { ArrowRightIcon, BookOpen, Headset, SquarePlay } from "lucide-react";
+import Link from "next/link";
+import { cn } from "@/lib/utils";
+import AnimatedShinyText from "@/components/ui/animated-shiny-text";
+import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card";
+import { getMetadata } from "@/app/layout";
+
+export const metadata = getMetadata({
+  title: "Home",
+});
+
+export default function Home() {
+  return (
+    <div className="flex flex-col min-h:[100vh] items-center justify-center text-center px-4 sm:py-40 py-12">
+      <Link
+        href="https://addonsejoli.pro/product/"
+        target="_blank"
+        className="flex items-center mb-5 underline gap-2 sm:text-lg underline-offset-4 sm:-mt-12"
+      >
+        <div className="z-10 flex min-h-10 items-center justify-center max-[800px]:mt-10">
+          <div
+            className={cn(
+              "group rounded-full border border-black/5 bg-black/5 text-base text-white transition-all ease-in hover:cursor-pointer hover:bg-accent dark:border-white/5 dark:bg-transparent dark:hover:bg-accent",
+            )}
+          >
+            <AnimatedShinyText className="inline-flex items-center justify-center px-4 py-1 transition ease-out hover:text-neutral-100 hover:duration-300 hover:dark:text-neutral-200">
+              <span>✨ Beli Plugin Addon</span>
+              <ArrowRightIcon className="ml-1 size-3 transition-transform duration-300 ease-in-out group-hover:translate-x-0.5" />
+            </AnimatedShinyText>
+          </div>
+        </div>
+      </Link>
+      <h1 className="mb-4 text-2xl font-bold sm:text-6xl sm:flex sm:flex-col">
+        Panduan Penggunaan Plugin <span className="text-muted-foreground dark:text-accent">Addon Sejoli Pro</span>
+      </h1>
+      <p className="mb-8 sm:text-xl max-w-[800px] text-muted-foreground">
+        Tutorial dengan konten video, gambar dan tulisan serta penjelasan tentang cara menggunakan plugin mulai dari cara instalasi, konfigurasi, dan penggunaannya.<span className="underline text-muted-foreground underline-offset-4 decoration-dotted"> &quot;Dibahas secara lengkap dan mudah dipahami.&quot;</span>
+      </p>
+      <div className="flex flex-row items-center gap-5">
+        <Link
+          href={`/docs${page_routes[0].href}`}
+          className={buttonVariants({
+            className:
+              "px-6 bg-accent text-white hover:bg-primary dark:bg-accent dark:hover:bg-primary",
+            size: "lg",
+          })}
+        >
+          Mulai Tutorial
+        </Link>
+        {/* <Link
+          href="/blog"
+          className={buttonVariants({
+            variant: "secondary",
+            className:
+              "px-6 bg-gray-200 text-gray-900 hover:bg-gray-300 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700",
+            size: "lg",
+          })}
+        >
+          Read Blog
+        </Link> */}
+      </div>
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-8 py-12">
+        <Card className="px-2 py-6">
+          <CardHeader className="flex flex-row justify-center items-center gap-3">
+            <SquarePlay className="size-6 text-primary" />
+            <CardTitle className="text-xl">Video Tutorial</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p>Video tutorial berdasarkan playlist di channel Youtube.</p>
+          </CardContent>
+        </Card>
+        <Card className="px-2 py-6">
+          <CardHeader className="flex flex-row justify-center items-center gap-3">
+            <BookOpen className="size-6 text-primary" />
+            <CardTitle className="text-xl">Dokumentasi</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p>Web dokumentasi akan membantu anda dalam penggunaan plugin.</p>
+          </CardContent>
+        </Card>
+        <Card className="px-2 py-6">
+          <CardHeader className="flex flex-row justify-center items-center gap-3">
+            <Headset className="size-6 text-primary" />
+            <CardTitle className="text-xl">Ticket Support</CardTitle>
+          </CardHeader>
+          <CardContent>
+            <p>Jika anda mengalami kendala team kami akan membantu dengan support ticket.</p>
+          </CardContent>
+        </Card>
+      </div>
+    </div>
+  );
+}