容器种类 - 顶部导航栏 - 课程分类筛选 - 课程列表 - 分页导航 - 底部信息 容器位置 - 顶部导航栏：页面顶部 - 课程分类筛选：导航栏下方 - 课程列表：课程分类筛选下方 - 分页导航：课程列表下方 - 底部信息：页面底部 容器内的组件内容 - 顶部导航栏：Logo、搜索框、导航链接（首页、课程、社区、个人中心）、登录/注册按钮 - 课程分类筛选：课程类别标签、筛选条件（价格、评分、难度等） - 课程列表：课程缩略图、课程名称、老师名称、价格、购买按钮 - 分页导航：分页按钮（上一页、下一页、页码） - 底部信息：公司信息、联系方式、版权声明、友情链接 组件内的按钮及交互 - 顶部导航栏：同首页顶部导航栏 - 课程分类筛选 - 筛选条件按钮：点击筛选课程 - 课程类别标签：点击筛选相应类别的课程 - 课程列表 购买按钮：点击进入课程详情页面并进行购买 - 分页导航 分页按钮：点击切换到相应页码的课程列表 - 底部信息 - 友情链接：点击跳转到相应的外部网站 | A shadcn/ui and v0 generation - v0