nezha_dash/app/(main)/footer.tsx
2024-12-13 09:24:41 +08:00

34 lines
1.3 KiB
TypeScript

import pack from "@/package.json";
import { useTranslations } from "next-intl";
export default function Footer() {
const t = useTranslations("Footer");
const version = pack.version;
return (
<footer className="mx-auto w-full max-w-5xl">
<section className="flex flex-col">
<div className="mt-3 flex gap-1 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50">
{t("p_146-598_Findthecodeon")}{" "}
<a
href="https://github.com/hamster1963/nezha-dash"
target="_blank"
className="cursor-pointer font-normal underline decoration-yellow-500 hover:decoration-yellow-600 transition-colors decoration-2 underline-offset-2 dark:decoration-yellow-500/60 dark:hover:decoration-yellow-500/80"
>
{t("a_303-585_GitHub")}
</a>
<p
className="font-normal"
>
{version}
</p>
</div>
<section className="mt-1 flex items-center gap-2 text-[13px] font-light tracking-tight text-neutral-600/50 dark:text-neutral-300/50">
{t("section_607-869_2020")}
{new Date().getFullYear()}{" "}
<a href={"https://buycoffee.top"}>{t("a_800-850_Hamster1963")}</a>
</section>
</section>
</footer>
);
}