5270bbd40a
- Complete transformation from boilerplate to full-featured financial app - Add comprehensive dashboard with KPI cards and interactive charts - Implement transaction management with predefined expense/income categories - Create account management system with multiple account types - Add authentication flow with session management - Implement analytics overview with demo financial data - Add budget tracking and goal progress visualization - Include custom category creation functionality - Update branding and footer with MoneyMind by RoMoS - Add shadcn/ui components and Recharts for data visualization 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
31 lines
1.0 KiB
TypeScript
31 lines
1.0 KiB
TypeScript
import Link from "next/link";
|
|
import { UserProfile } from "@/components/auth/user-profile";
|
|
import { ModeToggle } from "./ui/mode-toggle";
|
|
import { PiggyBank } from "lucide-react";
|
|
|
|
export function SiteHeader() {
|
|
return (
|
|
<header className="border-b">
|
|
<div className="container mx-auto px-4 py-4 flex justify-between items-center">
|
|
<h1 className="text-2xl font-bold">
|
|
<Link
|
|
href="/"
|
|
className="flex items-center gap-2 text-primary hover:text-primary/80 transition-colors"
|
|
>
|
|
<div className="flex items-center justify-center w-8 h-8 rounded-lg bg-primary/10">
|
|
<PiggyBank className="h-5 w-5" />
|
|
</div>
|
|
<span className="bg-gradient-to-r from-primary to-primary/70 bg-clip-text text-transparent">
|
|
MoneyMind
|
|
</span>
|
|
</Link>
|
|
</h1>
|
|
<div className="flex items-center gap-4">
|
|
<UserProfile />
|
|
<ModeToggle />
|
|
</div>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|