云帆科技 - 企业官网（11区块全站）产品系统

该项目为一家企业数字化服务商的品牌官网，旨在解决以下问题：
1、需要一个完整专业的线上门面，向潜在客户展示公司实力和服务能力
2、需要一个能承接咨询线索的渠道（在线表单）
3、需要一个能展示案例作品、客户评价来建立信任的页面

行业背景：企业数字化转型加速，越来越多的传统企业需要技术服务商来帮助搭建官网和小程序。公司需要一个专业的官网来承接这部分市场需求。

该企业官网包含以下功能模块：
1、导航栏：固定顶部，滚动变色，移动端自适应汉堡菜单
2、Hero首屏：渐变背景+粒子动画+数字滚动效果+统计展示
3、特色亮点：4个核心卖点卡片，悬停动效
4、关于我们：双栏布局，品牌故事+价值主张
5、服务项目：6大服务卡片，含起步价和热门标签
6、数据统计：滚动触发的数字递增动画
7、案例展示：可筛选分类的作品集网格（全部/官网/小程序/SaaS/电商）
8、客户评价：自动轮播评价卡片，支持触摸滑动
9、联系表单：完整验证逻辑，含姓名、手机、公司、项目类型、预算等字段
10、页脚：四栏布局，含公司介绍、服务项目、关于我们、联系方式

我独立完成了整个项目的前端设计和开发。

技术栈：纯原生 HTML5 + CSS3 + JavaScript，不依赖任何框架。

实现亮点：
1、响应式设计，适配PC端（≥1200px）、平板（768-1024px）和手机端（≤768px）
2、CSS变量统一管理颜色和间距，便于后续换肤
3、IntersectionObserver实现滚动触发的数字动画和渐入效果
4、纯CSS实现粒子浮动动画和卡片悬停效果
5、客户评价模块支持自动轮播+触摸滑动+指示点切换
6、案例展示支持分类筛选（全部/官网/小程序/SaaS/电商）
7、联系表单含前端验证（手机号正则、必填项检查）

难点：在不使用框架的情况下实现复杂交互，同时保持代码结构清晰可维护。