Vue3 企业落地页开源项目

功能模块
前端页面模块
导航栏：Logo + 锚点链接 + 移动端 hamburger 菜单 + 滚动背景变色
首屏区：品牌标语 + CTA 按钮 + 数据统计（200+ 企业 / 98% 满意度）+ 渐变装饰 + 入场动画
关于我们：8 年行业经验 / 50+ 技术专家 + 4 项优势卡片
服务项目：4 项核心服务（网站开发 / 移动应用 / 系统集成 / DevOps）+ 技术标签 + 数据统计区
客户案例：3 个行业案例卡片 + 行业标签 + 量化效果数据
客户评价：3 条评价 + 头像 + 职位 + 6 个合作品牌
联系表单：姓名 / 电话（必填）+ 公司名称（选填）+ 留言 → 提交后端 + 状态提示
联系页：独立页面，与首页表单共用逻辑
页脚：4 列布局 + 社交图标
路由兜底：未匹配路径重定向至首页
后端 API 模块
GET /api/health：健康检查
POST /api/contact：提交联系表单（参数校验 + 手机号格式校验 + 写入 SQL Server）
GET /api/contacts：查询所有提交记录
主要功能描述
本项目是一套 Vue3 全栈企业落地页模板，前端基于 Vue 3 + Vite + Tailwind CSS 实现完整的品牌展示和留资转化链路：首屏大标题配合数据佐证建立信任，四个服务板块展示技术承接能力，案例卡片用量化效果增强说服力，客户评价提供社会认同。
联系表单覆盖姓名、电话、公司、留言四个字段，提交前前端非空校验，后端二次校验手机号格式（正则 /^1[3-9]\d{9}$/），通过后持久化至 SQL Server。后端基于 Express 提供三个 REST 接口，数据库连接通过环境变量配置，无硬编码。部署采用 Nginx 反向代理，前端静态资源独立服务，API 统一转发至后端。