import '../domain/models/home_data.dart';
import '../domain/models/link_item.dart';
import '../domain/models/link_section.dart';
import '../domain/models/nav_node.dart';

/// 侧栏导航树，与 `index3.html` 的 `<ul class="nav-group">` 一一对应。
const List<NavNode> mockNavNodes = <NavNode>[
  NavNode(id: 'common', title: '常用推荐'),
  NavNode(
    id: 'materials',
    title: '素材资源',
    children: <NavNode>[
      NavNode(id: 'design', title: 'UI 设计'),
      NavNode(id: 'icon', title: '图标库'),
      NavNode(id: 'stock', title: '高清壁纸'),
    ],
  ),
  NavNode(
    id: 'dev-tools',
    title: '开发工具',
    children: <NavNode>[
      NavNode(id: 'dev', title: '前端框架'),
      NavNode(id: 'api', title: '在线 API'),
    ],
  ),
];

/// 内容区分组，与 `index3.html` 的两段内容一一对应。
///
/// 原型只写了 `#common` 与 `#design` 两段；导航里的 `#icon`、`#stock`、
/// `#dev`、`#api` 在原型中没有对应元素，点击不会发生任何事——这里保持一致。
const List<LinkSection> mockLinkSections = <LinkSection>[
  LinkSection(
    id: 'common',
    title: '常用推荐',
    items: <LinkItem>[
      LinkItem(
        id: 'github',
        title: 'GitHub',
        url: 'https://github.com',
        description: '代码托管与开源社区',
      ),
      LinkItem(
        id: 'zhihu',
        title: '知乎',
        url: 'https://www.zhihu.com',
        description: '深度内容问答社区',
      ),
      LinkItem(
        id: 'bilibili',
        title: '哔哩哔哩',
        url: 'https://www.bilibili.com',
        description: '弹幕视频分享网站',
      ),
    ],
  ),
  LinkSection(
    id: 'design',
    title: '素材资源 - UI 设计',
    items: <LinkItem>[
      LinkItem(
        id: 'figma',
        title: 'Figma',
        url: 'https://www.figma.com',
        description: '协同界面设计工具',
      ),
      LinkItem(
        id: 'dribbble',
        title: 'Dribbble',
        url: 'https://dribbble.com',
        description: '全球设计作品分享社区',
      ),
    ],
  ),
];

/// 首页聚合数据。
const HomeData mockHomeData = HomeData(
  siteName: 'Suxing Nav',
  searchHint: '输入关键字搜索全网资源...',
  navNodes: mockNavNodes,
  sections: mockLinkSections,
);