Files
pp-tcms/frontend/src/app/[locale]/page.tsx
Takeshi Kimata ac9af2d604 Apply i18n
2024-05-05 21:20:56 +09:00

35 lines
1.0 KiB
TypeScript

import { button as buttonStyles } from "@nextui-org/react";
import { title, subtitle } from "@/components/primitives";
import { useTranslations } from "next-intl";
import { Link } from "@/src/navigation";
export default function Home() {
const t = useTranslations("Home");
return (
<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
<div className="inline-block max-w-lg text-center justify-center">
<h1 className={title({ color: "pink" })}>Open Source&nbsp;</h1>
<h1 className={title()}>Test Case Management Tool&nbsp;</h1>
<br />
<h2 className={subtitle({ class: "text-inherit mt-4" })}>
{t("integrate_and_manage")}
</h2>
</div>
<div className="flex gap-3">
<Link
href="/projects"
className={buttonStyles({
color: "primary",
radius: "full",
variant: "shadow",
})}
>
{t("get_started")}
</Link>
</div>
</section>
);
}