57 lines
1.8 KiB
TypeScript
57 lines
1.8 KiB
TypeScript
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>
|
|
);
|
|
}
|