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.
26 lines
944 B
26 lines
944 B
2 months ago
|
import React from "react";
|
||
|
|
|
||
|
|
export function Footer({ locale = "zh-CN" }: { locale?: string }) {
|
||
|
|
const text = {
|
||
|
|
title: locale === "en" ? "LOG Official" : "LOG 官网",
|
||
|
|
desc: locale === "en" ? "Showcase site for smart products and services." : "为用户提供智能产品与服务的展示站点。",
|
||
|
|
legal: locale === "en" ? "Legal and terms (demo)" : "备案与条款等信息位（示例）",
|
||
|
|
} as const;
|
||
|
|
return (
|
||
|
|
<footer className="w-full bg-gray-50 text-gray-600 mt-16">
|
||
|
|
<div className="mx-auto max-w-screen-2xl px-4 py-10 grid gap-6 md:grid-cols-2">
|
||
|
|
<div className="space-y-2">
|
||
|
|
<div className="text-gray-900 font-semibold">{text.title}</div>
|
||
|
|
<div className="text-sm">{text.desc}</div>
|
||
|
|
</div>
|
||
|
|
<div className="text-sm md:text-right space-y-1">
|
||
|
|
<div>© LOG Corporation</div>
|
||
|
|
<div>{text.legal}</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
|