TradingAgents/frontend/components/layout/Header.tsx

36 lines
1.0 KiB
TypeScript

/**
* Header component
*/
import Link from "next/link";
export function Header() {
return (
<header className="border-b bg-gradient-to-r from-blue-600 to-purple-600 text-white">
<div className="container mx-auto px-4 py-6">
<div className="flex items-center justify-between">
<Link href="/" className="flex items-center gap-2">
<div className="text-3xl font-bold">TradingAgents</div>
<div className="hidden md:block text-sm font-light opacity-90">
LLM
</div>
</Link>
<nav className="flex gap-6">
<Link
href="/"
className="hover:opacity-80 transition-opacity font-medium"
>
</Link>
<Link
href="/analysis"
className="hover:opacity-80 transition-opacity font-medium"
>
</Link>
</nav>
</div>
</div>
</header>
);
}