Move docs to docusaurus site

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

@@ -1,6 +1,5 @@
 import { title, subtitle } from "@/components/primitives";
 import { Button, Link as NextUiLink } from "@nextui-org/react";
-import { ExternalLink } from "lucide-react";
 import { Link } from "@/src/navigation";
 import { useTranslations } from "next-intl";
 
@@ -38,27 +37,32 @@ export default function MainTitle({ locale }: Props) {
 
       <div className="mt-5">
         <Button color="primary" radius="full">
-          <Link href={`/guide/selfhost`} locale={locale}>
+          <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"
-          variant="bordered"
-          className="ms-3"
-        >
-          <Link href={`/projects/`} locale={locale}>
-            GitHub
-          </Link>
+        <Button color="primary" radius="full" className="ms-2">
           <NextUiLink
+            size="sm"
             isExternal
             href="https://github.com/kimatata/TestPlat"
             aria-label="Github"
-            showAnchorIcon
-            anchorIcon={<ExternalLink size={16} />}
-          ></NextUiLink>
+            className="text-white"
+          >
+            GitHub
+          </NextUiLink>
         </Button>
       </div>
     </div>