import Link from "next/link";
import type { Metadata } from "next";
import SiteShell from "@/components/SiteShell";

export const metadata: Metadata = {
  title: "更新日志 · nomadro",
  description: "nomadro 产品更新与功能迭代记录",
};

const LOGS = [
  {
    date: "2026-08-29",
    tag: "大更新",
    items: [
      "一次上新 14 个工具：周末灵感、雨天备选、远程日规划、睡眠周期、心情签到、饮水打卡",
      "聚餐分账、收款汇率、小费速查、洗衣预算、机场接驳、合租看房问题、押金退还清单、当地防坑",
      "工具箱推荐位与快捷条同步更新，可搜索全部新工具",
    ],
  },
  {
    date: "2026-08-29",
    tag: "新工具",
    items: [
      "落地首月成本、流量预算、签证停留倒计时、办公点成本对比",
      "日照办公窗、行李重量、旅居跑道、会议黄金时段",
    ],
  },
  {
    date: "2026-08-29",
    tag: "体验优化",
    items: [
      "首页视口内按需挂载；粒子减负；Loader 更快；原生 systemd 部署",
      "全局搜索覆盖工具与页面；行程 Markdown 导出",
    ],
  },
  {
    date: "2026-08-29",
    tag: "工具箱",
    items: [
      "新增 /tools 工具聚合页，按分类快速跳转",
      "精简首页章节导航，核心入口更清晰",
      "新增 ATM 取现避坑指南",
    ],
  },
  {
    date: "2026-08-29",
    tag: "实用工具",
    items: [
      "电源插座、紧急联系、城市笔记、专注时钟",
      "税居天数、到站清单、咖啡馆推荐、新手引导",
      "保险指南、支出账本、SIM/eSIM 方案",
    ],
  },
  {
    date: "2026-08-28",
    tag: "品牌",
    items: [
      "品牌统一为 nomadro",
      "命运转盘、机票估算、活动日历、隐私政策",
      "签证智能匹配、联合办公、行李清单",
    ],
  },
];

export default function ChangelogPage() {
  return (
    <SiteShell showFooter>
      <div className="legal-page">
        <nav className="detail-nav">
          <Link href="/">← 返回首页</Link>
        </nav>
        <article className="legal-content">
          <span className="section-tag">📜 CHANGELOG</span>
          <h1>更新日志</h1>
          <p className="legal-updated">记录 nomadro 的每一次出发</p>

          <div className="changelog-list">
            {LOGS.map((log) => (
              <section key={log.date + log.tag} className="changelog-item">
                <div className="changelog-meta">
                  <time>{log.date}</time>
                  <span className="changelog-tag">{log.tag}</span>
                </div>
                <ul>
                  {log.items.map((item) => (
                    <li key={item}>{item}</li>
                  ))}
                </ul>
              </section>
            ))}
          </div>

          <div className="about-actions">
            <Link href="/tools" className="btn btn-primary">打开工具箱 🛠️</Link>
            <Link href="/about" className="btn btn-ghost">关于 nomadro</Link>
          </div>
        </article>
      </div>
    </SiteShell>
  );
}