鼎重机械 · 工业工程设备租赁官网（响应式企业官网）产品系统Vibe Coding

1、立项原因：中小工程队/工地短期用设备，购买成本高、闲置浪费，租赁需求旺盛，但传统租赁商主要靠电话接单，设备信息不透明、询价效率低。本项目旨在为设备租赁企业搭建一个集设备展示、在线选租期计价、预约下单于一体的线上门户，解决“设备看不见、价格问不清、预约靠电话”的业务痛点。
2、行业场景：面向建筑工程、市政施工、物流搬运等场景的工程机械租赁商（挖掘机、吊车、高空作业车、叉车、发电机等），客户多为工地项目经理与设备主管，需要快速查设备、比价格、算租金、在线预约。

可接入AI,可做网安测试;6大页面模块：
① 首页：全屏 Banner + 核心 Slogan + 数据统计滚动 + 租赁优势 + 热门设备 + 服务流程 + 客户案例；
② 设备列表页：设备卡片（图片/名称/规格/日租金/空闲-租赁中-维修状态标签），支持分类筛选、价格区间筛选、状态筛选与组合筛选；
③ 设备详情页：多图轮播、参数规格表、租赁说明、押金规则，内置日历组件选择起止日期，自动计算租赁天数、总租金、押金与合计金额，≥30天自动9折；
④ 预约租赁页：自动带入所选设备与租期，联系人/手机号/提货方式等表单校验，提交生成预约号与成功弹窗；
⑤ 租赁须知页：合同要点、押金计费、损坏赔付规则、取还货流程、FAQ手风琴；
⑥ 联系我们页：电话地址、留言表单、地图氛围区块。
全站响应式，移动端汉堡菜单，导航栏滚动变色，区块进入视口淡入动画。

独立负责从产品梳理、UI设计到前端开发的全流程。技术栈：HTML5 + Tailwind CSS + 原生 JavaScript，无框架零依赖，纯静态部署。实现亮点：①自研原生日历租期选择组件（月历渲染、起止点选、区间高亮、禁用过去日期），联动计价引擎实时计算天数/租金/押金/折扣；②IntersectionObserver实现区块淡入与数字滚动动画，轻量不卡顿；③规则化表单校验框架，统一错误提示；④设备数据集中配置化（单一data.js），客户无需懂代码即可替换设备、价格、图片；⑤导航头/页脚组件化注入，多页复用。难点：日历计价的状态管理与多筛选条件的组合过滤逻辑，已通过全页面端到端浏览器实测验证无BUG。