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