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

manual save(2026-01-23 11:52)

Browse Source
This commit is contained in:
SiteAgent Bot
2026-01-23 11:52:24 +08:00
parent af6d3e3222
commit 9a81aca4bf
5 changed files with 363 additions and 94 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/Footer.tsx
View File

@@ -3,43 +3,43 @@ import { Link } from 'react-router-dom'
export const Footer: React.FC = () => {
return (
<footer className="bg-gray-50 border-t border-gray-200 py-10 mt-16">
<footer className="bg-[var(--tf-bg)] border-t border-[var(--tf-border)] 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">Turingflow</div>
<div className="text-sm text-gray-600 mt-1">思想驱动型官网 V1 页面骨架</div>
<div className="font-semibold text-[var(--tf-text)]">Turingflow</div>
<div className="text-sm mt-1 text-[var(--tf-text-muted)]">思想驱动型官网 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="/">
<Link className="text-[var(--tf-text-muted)] hover:text-[var(--tf-text)]" to="/">
Home
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/why">
<Link className="text-[var(--tf-text-muted)] hover:text-[var(--tf-text)]" to="/why">
Why
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/how">
<Link className="text-[var(--tf-text-muted)] hover:text-[var(--tf-text)]" to="/how">
How
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/system">
<Link className="text-[var(--tf-text-muted)] hover:text-[var(--tf-text)]" to="/system">
System
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/discovery">
<Link className="text-[var(--tf-text-muted)] hover:text-[var(--tf-text)]" to="/discovery">
Discovery
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/solutions">
<Link className="text-[var(--tf-text-muted)] hover:text-[var(--tf-text)]" to="/solutions">
Solutions
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/proof">
<Link className="text-[var(--tf-text-muted)] hover:text-[var(--tf-text)]" to="/proof">
Proof
</Link>
<Link className="text-gray-600 hover:text-gray-900" to="/contact">
<Link className="text-[var(--tf-text-muted)] hover:text-[var(--tf-text)]" to="/contact">
Contact
</Link>
</nav>
</div>
<div className="text-xs text-gray-500 mt-8">
<div className="text-xs text-[var(--tf-text-muted)] mt-8">
<p>© 2026 Global Decision System. All rights reserved.</p>
</div>
</div>

16
src/components/Header.tsx
View File

@@ -12,10 +12,10 @@ const navItems = [
export const Header: React.FC = () => {
return (
<header className="bg-white/80 backdrop-blur border-b border-gray-200 sticky top-0 z-10">
<header className="bg-[color-mix(in_srgb,var(--tf-bg)_92%,white)] backdrop-blur border-b border-[var(--tf-border)] sticky top-0 z-10">
<div className="container mx-auto px-4 py-4">
<div className="flex items-center justify-between gap-6">
<Link to="/" className="font-semibold text-gray-900 tracking-tight">
<Link to="/" className="font-semibold tracking-tight text-[var(--tf-text)]">
Turingflow
<span className="sr-only">Home</span>
</Link>
@@ -28,7 +28,9 @@ export const Header: React.FC = () => {
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',
isActive
? 'text-[var(--tf-text)] bg-[color-mix(in_srgb,var(--tf-bg)_78%,white)]'
: 'text-[var(--tf-text-muted)] hover:text-[var(--tf-text)] hover:bg-[color-mix(in_srgb,var(--tf-bg)_78%,white)]',
].join(' ')
}
>
@@ -40,7 +42,7 @@ export const Header: React.FC = () => {
<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 opacity-90"
className="inline-flex items-center justify-center px-3 py-2 rounded-md text-sm font-medium border border-[var(--tf-border)] text-[var(--tf-text-muted)] hover:text-[var(--tf-text)] hover:bg-[color-mix(in_srgb,var(--tf-bg)_78%,white)] opacity-90"
>
Contact
</Link>
@@ -56,7 +58,9 @@ export const Header: React.FC = () => {
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',
isActive
? 'text-[var(--tf-text)] bg-[color-mix(in_srgb,var(--tf-bg)_78%,white)]'
: 'text-[var(--tf-text-muted)] hover:text-[var(--tf-text)] hover:bg-[color-mix(in_srgb,var(--tf-bg)_78%,white)]',
].join(' ')
}
>
@@ -65,7 +69,7 @@ export const Header: React.FC = () => {
))}
<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 opacity-90"
className="px-3 py-2 rounded-md text-sm whitespace-nowrap border border-[var(--tf-border)] text-[var(--tf-text-muted)] hover:text-[var(--tf-text)] hover:bg-[color-mix(in_srgb,var(--tf-bg)_78%,white)] opacity-90"
>
Contact
</Link>

4
src/components/SiteLayout.tsx
View File

@@ -20,9 +20,9 @@ export const SiteLayout: React.FC = () => {
}, [location.pathname, location.hash])
return (
<div className="min-h-screen bg-white text-gray-900">
<div className="min-h-screen bg-[var(--tf-bg)] text-[var(--tf-text)]">
<Header />
<main id="main" className="bg-gray-50">
<main id="main" className="bg-[var(--tf-bg)]">
<Outlet />
</main>
<Footer />