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>
  );
}