79 lines
2.6 KiB
TypeScript
79 lines
2.6 KiB
TypeScript
import Link from "next/link";
|
||
import { NAV_LINKS, ENTRY_PATHS } from "~/lib/data";
|
||
|
||
export function SiteFooter() {
|
||
return (
|
||
<footer className="border-t border-neutral-200 bg-neutral-50">
|
||
<div className="container mx-auto px-4 py-12 md:px-6">
|
||
<div className="grid gap-8 md:grid-cols-4">
|
||
<div className="md:col-span-2">
|
||
<Link href="/" className="text-lg font-semibold text-neutral-900">
|
||
Nomadro
|
||
</Link>
|
||
<p className="mt-2 max-w-sm text-sm text-neutral-600">
|
||
中文数字游民操作系统。从城市、技能、工具到社群，一站开始你的自由生活与自由收入。
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<h4 className="text-sm font-semibold text-neutral-900">
|
||
核心入口
|
||
</h4>
|
||
<ul className="mt-3 space-y-2">
|
||
{ENTRY_PATHS.map((path) => (
|
||
<li key={path.id}>
|
||
<Link
|
||
href={path.href}
|
||
target="_blank"
|
||
rel="noopener noreferrer"
|
||
className="text-sm text-neutral-600 hover:text-neutral-900"
|
||
>
|
||
{path.title}
|
||
</Link>
|
||
</li>
|
||
))}
|
||
</ul>
|
||
</div>
|
||
<div>
|
||
<h4 className="text-sm font-semibold text-neutral-900">
|
||
关于
|
||
</h4>
|
||
<ul className="mt-3 space-y-2">
|
||
<li>
|
||
<Link
|
||
href="/about"
|
||
className="text-sm text-neutral-600 hover:text-neutral-900"
|
||
>
|
||
关于我们
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link
|
||
href="/contact"
|
||
className="text-sm text-neutral-600 hover:text-neutral-900"
|
||
>
|
||
联系我们
|
||
</Link>
|
||
</li>
|
||
<li>
|
||
<Link
|
||
href="https://meetup.hackrobot.cn"
|
||
target="_blank"
|
||
rel="noopener noreferrer"
|
||
className="text-sm text-neutral-600 hover:text-neutral-900"
|
||
>
|
||
加入社群
|
||
</Link>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div className="mt-12 border-t border-neutral-200 pt-8">
|
||
<p className="text-center text-xs text-neutral-500">
|
||
© {new Date().getFullYear()} Nomadro. Digital Nomad OS · 数字游民操作系统
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
);
|
||
}
|