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.
32 lines
1.3 KiB
32 lines
1.3 KiB
import React from "react";
|
|
|
|
export function Footer({ locale = "zh-CN" }: { locale?: string }) {
|
|
const text = {
|
|
copyright:
|
|
locale === "en"
|
|
? "© 2014-2025 Henggan Intelligence"
|
|
: "© 2014-2025 衡感智能",
|
|
privacy: locale === "en" ? "Privacy Policy" : "隐私政策",
|
|
legal: locale === "en" ? "Legal Notice" : "法律声明",
|
|
} as const;
|
|
|
|
return (
|
|
<footer className="relative w-full bg-[#f5f7fb] border-t border-[#dfe4ee] py-6 md:py-8 mt-10 md:mt-16">
|
|
<div className="pointer-events-none absolute left-0 right-0 top-0 h-[2px] bg-gradient-to-r from-transparent via-[#0f3c88]/30 to-transparent" />
|
|
<div className="max-w-[1280px] mx-auto px-4 md:px-8 flex flex-col md:flex-row justify-between items-center gap-3 md:gap-4 text-xs sm:text-sm text-[#394863] tracking-[0.08em]">
|
|
<div className="text-center md:text-left">{text.copyright}</div>
|
|
<div className="flex items-center gap-3">
|
|
<a href="#" className="text-[#0f3c88] no-underline hover:text-[#082965] transition-colors">
|
|
{text.privacy}
|
|
</a>
|
|
<span className="text-[#9ca6bb]">·</span>
|
|
<a href="#" className="text-[#0f3c88] no-underline hover:text-[#082965] transition-colors">
|
|
{text.legal}
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
);
|
|
}
|
|
|
|
|
|
|