Cloudflare Pages 测试页面 · 纯静态 HTML

一个简易的
官网主页 Demo

这是用于测试 arrive.huygensai.com 的静态 H5 页面。 页面包含首页、模块介绍、按钮跳转，以及“上一步 / 下一步”的分步导航逻辑。

开始一步步查看 查看页面模块
https://arrive.huygensai.com
官网首页
到达指引
按钮跳转测试

页面模块

这里模拟一个公司官网首页的基本结构。你可以用它来验证域名解析、HTTPS、手机访问、微信打开、页面样式和按钮跳转。

公司介绍

用于放公司定位、业务方向、品牌介绍等内容。

到达指引

用于放地址、导航、停车、电梯、前台接待等信息。

联系入口

用于放电话、邮箱、二维码、预约入口等内容。

一步步跳转测试

点击下面的步骤卡片，或使用“上一步 / 下一步”按钮。页面会自动切换内容，并同步更新地址栏 hash，例如 #step-2。

第一步：了解公司

这里可以放公司简介、品牌标语、业务方向。当前是 Demo 页面，你可以确认首屏和锚点跳转是否正常。

第二步：选择到访方式

  • 自驾：查看停车场入口和车位说明。
  • 打车：复制公司地址，直接导航到楼宇入口。
  • 地铁：查看最近站点和步行路线。

第三步：查看路线

这里可以替换成高德地图、百度地图、腾讯地图的一键导航按钮。正式页面建议同时放三种地图入口，方便不同手机使用。

测试打开高德导航

第四步：联系接待

正式页面可以放前台电话、接待人、访客 Wi-Fi 提示、楼层说明。敏感信息不要直接公开在网页里。

完成，查看联系信息

联系信息

这里是测试内容。正式上线时可以替换为公司地址、接待电话、地图导航按钮和访客说明。

HuygensAI Demo

地址：这里填写公司地址

电话：这里填写前台或接待电话

邮箱：contact@huygensai.com