initial COM2 system snapshot
This commit is contained in:
56
web/app/hx-ki-website/client/src/components/Header.tsx
Normal file
56
web/app/hx-ki-website/client/src/components/Header.tsx
Normal file
@@ -0,0 +1,56 @@
|
||||
import { Link } from "wouter";
|
||||
import { APP_TITLE } from "@/const";
|
||||
|
||||
export default function Header() {
|
||||
return (
|
||||
<header className="bg-background border-b border-border">
|
||||
<div className="container mx-auto">
|
||||
<nav className="flex items-center justify-between py-6">
|
||||
<Link href="/">
|
||||
<span className="text-2xl font-bold tracking-tight cursor-pointer text-primary">
|
||||
{APP_TITLE}
|
||||
</span>
|
||||
</Link>
|
||||
|
||||
<ul className="flex items-center gap-8">
|
||||
<li>
|
||||
<Link href="/">
|
||||
<span className="hover:opacity-70 transition-opacity cursor-pointer text-primary">
|
||||
Home
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/philosophie">
|
||||
<span className="hover:opacity-70 transition-opacity cursor-pointer text-primary">
|
||||
Philosophie
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/trust">
|
||||
<span className="hover:opacity-70 transition-opacity cursor-pointer text-primary">
|
||||
Trust
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/manifest">
|
||||
<span className="hover:opacity-70 transition-opacity cursor-pointer text-primary">
|
||||
Manifest
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
<li>
|
||||
<Link href="/kontakt">
|
||||
<span className="hover:opacity-70 transition-opacity cursor-pointer text-primary">
|
||||
Kontakt
|
||||
</span>
|
||||
</Link>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
</header>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user