workspace/soul-app/src/app/tab1

首页结构

1. 顶部搜索栏
2. 心理咨询模块 区域: 主要功能区 智能匹配功能 组件: 用户描述输入框和匹配按钮 元素: 用户描述输入框: 提示用户输入心理状态或问题 示例: “我最近感到很焦虑” 匹配按钮: 文本: “开始心理咨询” 点击后进入聊天界面 聊天机器人推荐 组件: 聊天机器人卡片（包含机器人名称、简介、专业领域） 元素: 机器人名称: “情感陪聊助手” 简介: “专注于情绪管理与心理疏导” 开始聊天按钮: 点击后进入实时聊天界面
3. 热门话题模块 区域: 热门话题推荐区 话题列表 组件: 话题卡片（包含话题标题、简短描述） 元素: 话题标题: “如何应对压力” 简短描述: “分享应对生活压力的方法与技巧” 查看详情按钮: 点击后进入话题讨论页面
4. 用户评价模块 区域: 用户反馈区 评价列表 组件: 用户评价卡片（包含用户头像、昵称、评价内容、评分） 元素: 用户头像: 显示用户头像 昵称: “小明” 评价内容: “这款应用真的帮助我缓解了焦虑，感谢陪聊助手！” 评分: 星级评分（1-5星） 查看更多评价链接: 点击后进入用户评价页面 请您作为一名专业的Ionic前端工程师，帮我运用ionic v7 或v8及以上的angular版本standalone模式编写，选择合适的ionic组件来重构以上产品页面的各个区域和内容，如果涉及到图形效果请用ion-icon。并给出整个页面的tap1.page.html代码还有tap1.page.ts代码