Blizzard
4423a770e2
- 页脚升级双层结构：品牌区 + 产品/资源链接列 + 底栏（© + 滇ICP备2025056308号-1，链接工信部备案系统） - 滚动进场动效：Reveal 组件（IntersectionObserver），首页各区块错峰淡入，尊重 prefers-reduced-motion - Hero 终端窗事件流逐行浮现动画 - 功能卡片 hover 时 mono 标签点亮强调色 - 全站动态页面标题（博客详情随文章名变化） Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
26 lines
820 B
TypeScript
26 lines
820 B
TypeScript
import { Link } from 'react-router-dom'
|
||
import { usePageTitle } from '@/hooks/use-page-title'
|
||
|
||
export default function NotFoundPage() {
|
||
usePageTitle('页面不存在')
|
||
return (
|
||
<section className="flex flex-col items-center px-6 py-28 text-center">
|
||
<p className="font-mono text-[13px] tracking-[0.18em] text-accent">
|
||
404 · NOT FOUND
|
||
</p>
|
||
<h1 className="mt-4 text-[28px] font-[650] tracking-[-0.02em]">
|
||
这条事件流不存在
|
||
</h1>
|
||
<p className="mt-2 text-[15px] text-ink-2">
|
||
地址可能已变更，回首页重新出发。
|
||
</p>
|
||
<Link
|
||
to="/"
|
||
className="mt-8 rounded-lg bg-accent px-6 py-2.5 text-[14.5px] font-medium text-ground transition-opacity hover:opacity-90"
|
||
>
|
||
回首页
|
||
</Link>
|
||
</section>
|
||
)
|
||
}
|