/**
 * 页头导航栏 - Logo + 导航链接 + 语言切换
 */
import Link from 'next/link';
import { useTranslations } from 'next-intl';
import { LocaleSwitcher } from './LocaleSwitcher';

export function Header() {
  const t = useTranslations();

  return (
    <header className="sticky top-0 z-50 border-b border-brand-accent-purple/10 bg-brand-bg/80 backdrop-blur">
      <div className="mx-auto flex max-w-6xl items-center justify-between px-6 py-4">
        <Link href="/" className="text-xl font-bold tracking-tight">
          <span className="text-brand-accent-purple">Do</span>
          <span className="text-brand-accent-green">Touch</span>
          <span className="text-brand-text">.AI</span>
        </Link>

        <nav className="flex items-center gap-6">
          <Link href="/pricing" className="text-sm text-brand-text/70 hover:text-brand-accent-purple transition-colors">
            {t('nav.pricing')}
          </Link>
          <Link href="/docs" className="text-sm text-brand-text/70 hover:text-brand-accent-purple transition-colors">
            {t('nav.docs')}
          </Link>
          <LocaleSwitcher />
        </nav>
      </div>
    </header>
  );
}