zoushiyang/page-agent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore(demo): simplify footer

Browse Source
This commit is contained in:
Simon
2025-10-11 22:56:38 +08:00
parent 45004fd4da
commit c0446f6db9
1 changed files with 15 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
pages/components/Footer.tsx
View File

@@ -1,73 +1,10 @@
import { Link } from 'wouter'
export default function Footer() {
return (
<footer
className="bg-gray-50 dark:bg-gray-900 border-t border-gray-200 dark:border-gray-700"
role="contentinfo"
>
<div className="max-w-7xl mx-auto px-6 py-12">
<div className="grid md:grid-cols-3 gap-8">
{/* Brand */}
<section className="space-y-4">
<div className="flex items-center space-x-3">
<div
className="w-8 h-8 bg-gradient-to-br from-blue-500 to-purple-600 rounded-lg flex items-center justify-center"
aria-hidden="true"
>
<span className="text-white font-bold">P</span>
</div>
<h3 className="text-lg font-bold text-foreground">page-agent</h3>
</div>
<p className="text-foreground/80 leading-relaxed">
让你的 Web 应用拥有 AI 操作员。
<br />
一行代码，智能化你的网站。
</p>
</section>
{/* Links */}
<section className="space-y-4">
<h4 className="font-semibold text-foreground uppercase tracking-wider">资源</h4>
<nav className="space-y-2" role="navigation" aria-label="页脚导航">
<Link
href="/docs/introduction/overview"
className="block text-foreground/80 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200"
>
文档
</Link>
<Link
href="TODO"
target="_blank"
rel="noopener noreferrer"
className="block text-foreground/80 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200"
aria-label="查看源码（在新窗口打开）"
>
源码
</Link>
<Link
href="/docs/introduction/quick-start"
className="block text-foreground/80 hover:text-blue-600 dark:hover:text-blue-400 transition-colors duration-200"
>
快速开始
</Link>
</nav>
</section>
{/* Contact */}
<section className="space-y-4">
{/* <h4 className="font-semibold text-foreground uppercase tracking-wider">联系我们</h4>
<div className="space-y-2">
<div className="flex items-center space-x-2">
<span className="text-foreground/80 text-sm">钉钉:</span>
<span className="text-blue-600 dark:text-blue-400 font-medium">@TODO</span>
</div>
</div> */}
</section>
</div>
{/* Bottom */}
<div className="mt-8 pt-8 border-t border-gray-200 dark:border-gray-700">
<div className="max-w-7xl mx-auto px-6 py-6">
<div className="flex flex-col md:flex-row justify-between items-center space-y-4 md:space-y-0">
<p className="text-foreground/80 text-sm">© 2025 page-agent. All rights reserved.</p>
<div className="flex items-center space-x-6">
@@ -85,7 +22,6 @@ export default function Footer() {
</div>
</div>
</div>
</div>
</footer>
)
}