gitadmin/e53e020b-bfd9-42e2-901f-966143bd21b2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

manual save(2026-01-22 18:51)

Browse Source
This commit is contained in:
SiteAgent Bot
2026-01-22 18:51:09 +08:00
parent a7a56ddd9c
commit bbd53cbba7
2 changed files with 103 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
src/components/Footer.tsx
View File

@@ -1,13 +1,44 @@
import React from 'react'
import { Link } from 'react-router-dom'
export const Footer: React.FC = () => {
return (
<footer className="bg-gray-50 border-t border-gray-200 py-8 mt-12">
<div className="container mx-auto px-4 text-center text-gray-600">
<p>Powered by TenantCMS</p>
<p className="text-sm mt-2">
Using X-Tenant-Slug for multi-tenant authentication
</p>
<footer className="bg-gray-50 border-t border-gray-200 py-10 mt-16">
<div className="container mx-auto px-4">
<div className="flex flex-col gap-6 md:flex-row md:items-center md:justify-between">
<div>
<div className="font-semibold text-gray-900">Global Decision System</div>
<div className="text-sm text-gray-600 mt-1">思想驱动型官网 V1 信息架构骨架</div>
</div>
<nav aria-label="页脚导航" className="flex flex-wrap gap-x-4 gap-y-2 text-sm">
<Link className="text-gray-600 hover:text-gray-900" to="/why">
Why
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/how">
How
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/system">
System
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/discovery">
Discovery
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/solutions">
Solutions
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/proof">
Proof
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/contact">
Contact
</Link>
</nav>
</div>
<div className="text-xs text-gray-500 mt-8">
<p>© 2026 Global Decision System. All rights reserved.</p>
</div>
</div>
</footer>
)

74
src/components/Header.tsx
View File

@@ -1,19 +1,77 @@
import React from 'react'
import { Link, NavLink } from 'react-router-dom'
const navItems = [
{ to: '/', label: '首页' },
{ to: '/why', label: 'Why' },
{ to: '/how', label: 'How' },
{ to: '/system', label: 'System' },
{ to: '/discovery', label: 'Discovery' },
{ to: '/solutions', label: 'Solutions' },
{ to: '/proof', label: 'Proof' },
]
export const Header: React.FC = () => {
return (
<header className="bg-white border-b border-gray-200 sticky top-0 z-10">
<header className="bg-white/80 backdrop-blur border-b border-gray-200 sticky top-0 z-10">
<div className="container mx-auto px-4 py-4">
<div className="flex items-center justify-between">
<h1 className="text-2xl font-bold text-gray-900">
TenantCMS <span className="text-blue-600">Demo</span>
</h1>
<nav className="flex items-center gap-4">
<a href="/" className="text-gray-600 hover:text-gray-900">首页</a>
<a href="/categories" className="text-gray-600 hover:text-gray-900">分类</a>
<div className="flex items-center justify-between gap-6">
<Link to="/" className="font-semibold text-gray-900 tracking-tight">
Global Decision System
</Link>
<nav aria-label="主导航" className="hidden md:flex items-center gap-1">
{navItems.map((item) => (
<NavLink
key={item.to}
to={item.to}
className={({ isActive }) =>
[
'px-3 py-2 rounded-md text-sm transition-colors',
isActive ? 'text-gray-900 bg-gray-100' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50',
].join(' ')
}
>
{item.label}
</NavLink>
))}
</nav>
<div className="flex items-center gap-2">
<Link
to="/contact"
className="inline-flex items-center justify-center px-3 py-2 rounded-md text-sm font-medium border border-gray-300 text-gray-700 hover:bg-gray-50"
>
Contact
</Link>
</div>
</div>
<nav aria-label="主导航（移动）" className="md:hidden mt-3 overflow-x-auto">
<div className="flex items-center gap-1 min-w-max">
{navItems.map((item) => (
<NavLink
key={item.to}
to={item.to}
className={({ isActive }) =>
[
'px-3 py-2 rounded-md text-sm whitespace-nowrap transition-colors',
isActive ? 'text-gray-900 bg-gray-100' : 'text-gray-600 hover:text-gray-900 hover:bg-gray-50',
].join(' ')
}
>
{item.label}
</NavLink>
))}
<Link
to="/contact"
className="px-3 py-2 rounded-md text-sm whitespace-nowrap border border-gray-300 text-gray-700 hover:bg-gray-50"
>
Contact
</Link>
</div>
</nav>
</div>
</header>
)
}