Move docs to docusaurus site

frontend/src/app/[locale]/Header.tsx

@@ -39,10 +39,10 @@ export default function Header(params: { locale: string }) {
           <Chip size="sm" variant="flat">
             <Link
               className="data-[active=true]:text-primary data-[active=true]:font-medium"
-              href="/about"
+              href="/"
               locale={params.locale}
             >
-              1.0.0-alpha.3
+              1.0.0-alpha.4
             </Link>
           </Chip>
         </NavbarItem>
@@ -58,7 +58,7 @@ export default function Header(params: { locale: string }) {
         <NavbarItem className="hidden sm:block">
           <NextUiLink
             isExternal
-            href="https://kimatata.github.io/TestPlat/docs/selfhost"
+            href="https://kimatata.github.io/TestPlat/docs/getstarted/selfhost"
             aria-label="docs"
             showAnchorIcon
             anchorIcon={<MoveUpRight size={12} className="ms-1" />}

frontend/src/app/[locale]/PaneMainTitle.tsx

@@ -1,5 +1,6 @@
 import { title, subtitle } from "@/components/primitives";
 import { Button, Link as NextUiLink } from "@nextui-org/react";
+import { MoveUpRight } from "lucide-react";
 import { Link } from "@/src/navigation";
 import { useTranslations } from "next-intl";
 
@@ -37,29 +38,41 @@ export default function MainTitle({ locale }: Props) {
 
       <div className="mt-5">
         <Button color="primary" radius="full">
-          <NextUiLink
-            isExternal
-            href="https://kimatata.github.io/TestPlat/docs/selfhost"
-            aria-label="docs"
-            className="text-white"
-          >
-            {t("get_started")}
-          </NextUiLink>
-        </Button>
-
-        <Button color="primary" radius="full" className="ms-2">
           <Link href={`/projects/`} locale={locale}>
             {t("demo")}
           </Link>
         </Button>
 
-        <Button color="primary" radius="full" className="ms-2">
+        <Button
+          color="primary"
+          variant="bordered"
+          radius="full"
+          className="ms-2"
+        >
+          <NextUiLink
+            isExternal
+            href="https://kimatata.github.io/TestPlat/docs/getstarted/selfhost"
+            aria-label="docs"
+            showAnchorIcon
+            anchorIcon={<MoveUpRight size={12} className="ms-1" />}
+          >
+            {t("get_started")}
+          </NextUiLink>
+        </Button>
+
+        <Button
+          color="primary"
+          variant="bordered"
+          radius="full"
+          className="ms-2"
+        >
           <NextUiLink
             size="sm"
             isExternal
             href="https://github.com/kimatata/TestPlat"
             aria-label="Github"
-            className="text-white"
+            showAnchorIcon
+            anchorIcon={<MoveUpRight size={12} className="ms-1" />}
           >
             GitHub
           </NextUiLink>