瑜伽馆做线上，绕不开两件事：课要能约，周边要能卖。这套瑜伽与冥想 HTML 网站模板把这两条线接在了同一套会员体系里——课程有列表页和课程详情页，哈他、流瑜伽、阴瑜伽、冥想引导可以分门别类排期，详情页能写清时长、难度、所需器具与授课导师；商城这边有三列、四列、列表三种商品排版加商品详情页，瑜伽垫、平衡球、香薰蜡烛这类周边直接上架，购物车、结算、订单、下载记录、账号与收货地址一整套都在。导师页单独成列，个人风格与受训背景可以充分展开，这对以人带课的瑜伽馆很关键。会籍订阅页把单次、月卡、年卡分档摆清楚。首屏定位写的是「你的线上瑜伽之家」，配柔和的米色与低饱和绿，气质安静。另有独立落地页可用于单期课程的推广投放。同样的结构适用于普拉提、舞蹈、冥想与正念、健身工作室、绘画与乐器培训，乃至线上知识付费——共同点是靠课程和老师留人，再靠周边或会籍变现。

核心功能

课程两层结构：课程列表与课程详情页，可按流派、难度、时长分类
导师主页：单独的导师列表，受训背景与授课风格可充分展开
周边商城：三列、四列、列表三种排版加商品详情页，瑜伽器具直接上架
会籍订阅页：单次、月卡、年卡分档定价
完整会员中心：购物车、结算、我的账户、订单、下载记录、账号与地址编辑
服务项目页：私教、企业课、线下工作坊等可单独陈列
独立落地页：单页式结构，适合单期课程或训练营的投放承接
四种博客版式：左右侧栏、通栏与详情页，体式讲解与冥想文章都有位置

页面与技术规格

共 27 个 HTML 页面，含 2 套首页，资源包约 14.6 MB / 288 个文件
基于 Bootstrap 5.3.3，购物车与账户页面为原生栅格实现
部分静态资源经 Vite 打包产出
动效 GSAP + WOW.js，轮播 Swiper 与 Slick
灯箱 Magnific Popup，数字滚动 CountUp，含常见问题与联系表单页