1. 首页 容器种类 - 顶部导航栏 - 轮播图 - 课程推荐 - 最新公告 - 用户评价 - 底部信息 容器位置 - 顶部导航栏：页面顶部 - 轮播图：导航栏下方 - 课程推荐：轮播图下方 - 最新公告：课程推荐下方 - 用户评价：最新公告下方 - 底部信息：页面底部 容器内的组件内容 - 顶部导航栏：Logo、搜索框、导航链接（首页、课程、社区、个人中心）、登录/注册按钮 - 轮播图：3-5张宣传图片，自动轮播，带有左右切换按钮 - 课程推荐：推荐课程的缩略图、课程名称、老师名称、价格、购买按钮 - 最新公告：公告标题、发布时间、公告内容预览、查看全文按钮 - 用户评价：用户头像、用户名、评价内容、评分 - 底部信息：公司信息、联系方式、版权声明、友情链接 组件内的按钮及交互 - 顶部导航栏 - 登录/注册按钮：点击弹出登录/注册窗口 - 导航链接：点击跳转到相应页面 - 轮播图 - 左右切换按钮：点击切换图片 - 课程推荐 - 购买按钮：点击进入课程详情页面并进行购买 - 最新公告 - 查看全文按钮：点击展开公告详细内容 - 用户评价 - 无需按钮交互，展示静态内容 - 底部信息 - 友情链接：点击跳转到相应的外部网站 2. 课程页面 容器种类 - 顶部导航栏 - 课程分类筛选 - 课程列表 - 分页导航 - 底部信息 容器位置 - 顶部导航栏：页面顶部 - 课程分类筛选：导航栏下方 - 课程列表：课程分类筛选下方 - 分页导航：课程列表下方 - 底部信息：页面底部 容器内的组件内容 - 顶部导航栏：同首页顶部导航栏 - 课程分类筛选：课程类别标签、筛选条件（价格、评分、难度等） - 课程列表：课程缩略图、课程名称、老师名称、价格、购买按钮 - 分页导航：分页按钮（上一页、下一页、页码） - 底部信息：同首页底部信息 组件内的按钮及交互 - 顶部导航栏：同首页顶部导航栏 - 课程分类筛选 - 筛选条件按钮：点击筛选课程 - 课程类别标签：点击筛选相应类别的课程 - 课程列表 - 购买按钮：点击进入课程详情页面并进行购买 分页导航** - 分页按钮：点击切换到相应页码的课程列表 - 底部信息：同首页底部信息 3. 在线课堂 容器种类 - 顶部导航栏 - | A shadcn/ui and v0 generation - v0