"use client"

export function Footer() {
  return (
    <footer className="py-8 px-4 pb-28">
      <div className="max-w-md mx-auto">
        {/* 分隔线 */}
        <div className="separator-ios mx-0 mb-6" />
        
        <div className="text-center">
          {/* Logo/品牌 */}
          <div className="inline-flex items-center gap-2 mb-3">
            <div className="w-6 h-6 rounded-lg bg-[var(--app-brand-light)] flex items-center justify-center">
              <span className="text-[var(--app-brand)] text-xs font-bold">S</span>
            </div>
            <span className="text-white font-semibold">一场SOUL的创业实验场</span>
          </div>
          
          {/* 信息 */}
          <p className="text-[var(--app-text-tertiary)] text-xs mb-4">
            每日直播 06:00-09:00 · Soul派对房
          </p>
          
          {/* 链接 */}
          <div className="flex items-center justify-center gap-6 text-xs text-[var(--app-text-tertiary)] mb-4">
            <a href="/about" className="hover:text-white transition-colors">关于我们</a>
            <span className="w-1 h-1 rounded-full bg-[var(--app-separator)]" />
            <a href="#" className="hover:text-white transition-colors">用户协议</a>
            <span className="w-1 h-1 rounded-full bg-[var(--app-separator)]" />
            <a href="#" className="hover:text-white transition-colors">隐私政策</a>
          </div>
          
          {/* 版权 */}
          <p className="text-[var(--app-text-tertiary)] text-xs">
            © {new Date().getFullYear()} 卡若 · All rights reserved
          </p>
        </div>
      </div>
    </footer>
  )
}
