66 lines
2.1 KiB
JavaScript
66 lines
2.1 KiB
JavaScript
"use client";
|
||
import Link from "next/link";
|
||
import { useState, useEffect } from "react";
|
||
import { COMPANY_INFO } from "@/lib/companies";
|
||
|
||
export default function About() {
|
||
const [companyInfo, setCompanyInfo] = useState(COMPANY_INFO.default);
|
||
|
||
useEffect(() => {
|
||
const hostname = window.location.hostname;
|
||
|
||
// 从域名中提取城市信息
|
||
const domain = Object.keys(COMPANY_INFO).find(
|
||
(key) => key !== "default" && hostname.includes(key)
|
||
);
|
||
|
||
if (domain) {
|
||
setCompanyInfo(COMPANY_INFO[domain]);
|
||
}
|
||
}, []);
|
||
|
||
return (
|
||
<div className="min-h-screen bg-gray-50 p-4">
|
||
<h1 className="text-2xl font-bold mb-4">关于我们</h1>
|
||
<div className="bg-white p-4 rounded-lg shadow">
|
||
<h2 className="text-lg font-semibold">公司名称</h2>
|
||
<p className="mt-2">{companyInfo.name}</p>
|
||
<h2 className="text-lg font-semibold mt-4">公司信息</h2>
|
||
<p className="mt-2">
|
||
我们是一家专注于提供优质宠物用品的公司，致力于为您的宠物提供最好的产品和服务。
|
||
</p>
|
||
|
||
<h2 className="text-lg font-semibold mt-4">用户协议</h2>
|
||
<p className="mt-2">
|
||
请在使用我们的服务之前，仔细阅读并理解我们的
|
||
<Link href="/user-agreement" className="text-blue-500 underline">
|
||
用户协议
|
||
</Link>
|
||
。
|
||
</p>
|
||
|
||
<h2 className="text-lg font-semibold mt-4">隐私协议</h2>
|
||
<p className="mt-2">
|
||
我们重视您的隐私，详细信息请参阅我们的
|
||
<Link href="/privacy-policy" className="text-blue-500 underline">
|
||
隐私协议
|
||
</Link>
|
||
。
|
||
</p>
|
||
|
||
<h2 className="text-lg font-semibold mt-4">网站版本</h2>
|
||
<p className="mt-2">当前网站版本：1.0.0</p>
|
||
|
||
<h2 className="text-lg font-semibold mt-4">网站ICP备案号</h2>
|
||
<Link
|
||
target="_blank"
|
||
href="http://beian.miit.gov.cn"
|
||
className="text-blue-500 underline"
|
||
>
|
||
{companyInfo.icp}
|
||
</Link>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|