You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
|
|
|
|
import React from "react";
|
|
|
|
|
|
|
|
|
|
export function Footer({ locale = "zh-CN" }: { locale?: string }) {
|
|
|
|
|
const text = {
|
|
|
|
|
copyright: locale === "en"
|
|
|
|
|
? "© 2014-2025 Shenzhen Huilong Xingda Technology Co., Ltd. Huilong Xingda"
|
|
|
|
|
: "© 2014-2025 深圳市汇龙兴达科技有限公司 Huilong Xingda",
|
|
|
|
|
privacy: locale === "en" ? "Privacy Policy" : "隐私政策",
|
|
|
|
|
legal: locale === "en" ? "Legal Notice" : "法律声明",
|
|
|
|
|
} as const;
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<footer className="w-full bg-huilong-bg border-t border-[rgba(255,255,255,0.02)] py-4 md:py-[18px] mt-6 md:mt-[30px]">
|
|
|
|
|
<div className="max-w-[1200px] mx-auto px-4 md:px-6 flex flex-col md:flex-row justify-between items-center gap-3 md:gap-4 text-xs sm:text-sm text-huilong-muted">
|
|
|
|
|
<div>{text.copyright}</div>
|
|
|
|
|
<div className="flex items-center gap-2">
|
|
|
|
|
<a href="#" className="text-huilong-muted no-underline hover:text-white transition-colors">
|
|
|
|
|
{text.privacy}
|
|
|
|
|
</a>
|
|
|
|
|
<span> · </span>
|
|
|
|
|
<a href="#" className="text-huilong-muted no-underline hover:text-white transition-colors">
|
|
|
|
|
{text.legal}
|
|
|
|
|
</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</footer>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|