Create Top page

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

@@ -0,0 +1,66 @@
+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";
+
+type Props = {
+  locale: string;
+};
+
+export default function MainTitle({ locale }: Props) {
+  const t = useTranslations("Index");
+
+  return (
+    <div className="md:text-left text-center">
+      <h1
+        className={title({
+          color: "green",
+          class: "lg:text-7xl md:text-7xl sm:text-7xl text-7xl",
+        })}
+      >
+        TestPlat
+      </h1>
+      <br />
+      <br />
+      <h1
+        className={title({
+          class: "lg:text-5xl md:text-5xl sm:text-5xl text-5xl",
+        })}
+      >
+        {t("oss_tcmt")}
+        <br />
+        {t("web_application")}
+      </h1>
+      <h4 className={subtitle({ class: "mt-4" })}>
+        {t("integrate_and_manage")}
+      </h4>
+
+      <div className="mt-5">
+        <Button color="primary" radius="full">
+          <Link href={`/projects/`} locale={locale}>
+            {t("get_started")}
+          </Link>
+        </Button>
+
+        <Button
+          color="primary"
+          radius="full"
+          variant="bordered"
+          className="ms-3"
+        >
+          <Link href={`/projects/`} locale={locale}>
+            GitHub
+          </Link>
+          <NextUiLink
+            isExternal
+            href="https://github.com/kimatata/TestCaseManager"
+            aria-label="Github"
+            showAnchorIcon
+            anchorIcon={<ExternalLink size={16} />}
+          ></NextUiLink>
+        </Button>
+      </div>
+    </div>
+  );
+}