光伏公司的官网总爱堆参数，却很少说清自己做过什么。这套模板把重心放回了案例：项目集与项目详情配套，首页直接挂出「拓展绿色边界」「守护山区未来」「提升农场效率」「把废弃物变成收益」四个方向明确的案例标题。这种写法比罗列组件转换效率有用——甲方看的是同类场景有没有做过，而不是参数表。
三套首页各配深色版，一共六个版式。深色版对光伏这类项目特别合用：电站航拍、夜间储能、设备特写这些素材在深色底上对比度更好。技术侧它引了 three.js，首屏可以承载三维模型或粒子效果；页面切换交给 Barba.js，跳转不刷新整页。数据背书区给了装机量、受益户数、覆盖区域、减排量四组数字，配合 Counterup 递增呈现。这套结构同样适用于储能系统集成、风电运维、充电桩运营、节能改造、碳核算服务、分布式能源投资……凡是「按项目制接单、甲方先看同类案例、数据指标本身就是卖点」的生意都合用。
核心功能
项目集与项目详情配套，案例标题按场景命名而非按客户名罗列
三套首页各配深色版，电站航拍与设备特写在深色底上表现更好
服务与服务详情分层，咨询、方案设计、施工、运维可各自成页
数据背书区呈现装机量、受益规模、覆盖区域与减排量四组指标
咨询与方案制定两步流程块，把项目制的合作节奏讲在前面
团队与团队详情页，工程与设计负责人的资历可单独展示
客户评价单独成页，项目制生意的口碑需要长期沉淀
常见问题页承接投资回收期、补贴政策这类高频售前问题
页面与技术规格
20 个 HTML 页面，含 6 个首页版式，实测 187 个文件、7.5 MB
基于 Bootstrap 5.3.8，明暗两套配色均已调校
引入
three.js，首屏可承载三维模型或粒子视觉页面切换由 Barba.js 接管，跳转过程不整页刷新
项目集筛选走 Isotope，图片放大走 Magnific Popup
Swiper 与 Owl Carousel 双轮播并存，配合视差脚本做层次位移
