关于 Boulder County Dryer Vent Booking
Boulder County Dryer Vent 的静态网站与预约流程,面向需要烘干机排气管清洁服务的 Boulder County 居民。访客可查看服务价格并提交预约请求;目前不提供真实时段,默认通过邮件提交。
主要功能
- 01三步预约流程
- 02按服务条件显示价格
- 03预约与联系表单
- 04城市服务区域页面
- 05客户教育博客
适用场景
- 01查看不同清洁服务的价格
- 02为房屋清洁服务提交预约请求
- 03查找所在城镇的服务信息
配置
远程服务无需本地安装。选择你使用的客户端,复制配置或使用一键安装。
https://keeps-pty-ultimately-payroll.trycloudflare.com/mcpclaude mcp add --transport http com-bouldercountydryervent-booking https://keeps-pty-ultimately-payroll.trycloudflare.com/mcp{"mcpServers":{"com-bouldercountydryervent-booking":{"type":"http","url":"https://keeps-pty-ultimately-payroll.trycloudflare.com/mcp"}}}在 Cursor 中打开{"servers":{"com-bouldercountydryervent-booking":{"type":"http","url":"https://keeps-pty-ultimately-payroll.trycloudflare.com/mcp"}}}在 VS Code 中打开{"mcpServers":{"com-bouldercountydryervent-booking":{"type":"http","url":"https://keeps-pty-ultimately-payroll.trycloudflare.com/mcp"}}}{"mcpServers":{"com-bouldercountydryervent-booking":{"serverUrl":"https://keeps-pty-ultimately-payroll.trycloudflare.com/mcp"}}}命令在终端中运行;JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
https://keeps-pty-ultimately-payroll.trycloudflare.com/mcp需要授权工具
详细介绍
Boulder County Dryer Vent
Boulder County Dryer Vent 的公开营销网站和预约流程(绝不要写成 “Co.”)。使用纯 HTML/CSS/JS 编写,无依赖,由一个小型 Node 脚本构建并发布到 GitHub Pages。
线上地址: https://bouldercountydryervent.com/ · 查看 STATUS.md 了解部署状态。
技术栈
- 纯 HTML、一个样式表(
src/static/css/site.css)和两个小型脚本(site.js、book.js)。不使用框架或 npm 包。 scripts/build.mjs(零依赖,Node ≥ 20)使用src/data/site.mjs中的数据,将src/pages/*.mjs模板渲染到dist/。- 设计:Claude Design 导出中的 “Industry” 系统——Barlow Condensed 搭配 Barlow、带
+角标的蓝图式边框,以及 ember#E8632B/ ink#1F2A37/ sand#F6F1EA。 - 部署:
.github/workflows/pages.yml会在每次推送到main时构建并发布dist/(Pages 来源 = GitHub Actions)。自定义域名已在仓库 Settings → Pages 中配置;通过 Actions 部署无需CNAME文件。不要更改 IONOS MX/SPF/DKIM/DMARC。
本地开发
node scripts/build.mjs
python -m http.server 8787 -d dist
打开 http://localhost:8787/。任何指向 dist/ 的静态服务器都可以使用。
文件位置
| 修改内容 | 文件 |
|---|---|
| 电话、电子邮件、地址、营业时间、法律实体 | src/data/site.mjs → site |
| 价格、价格卡片、路线补位说明 | src/data/site.mjs → prices、priceCards |
| 城镇、邮编、各城镇文案、地图标记位置 | src/data/site.mjs → towns |
| 常见问题、服务步骤、警告、信任栏 | src/data/site.mjs |
| 预约/联系表单的提交位置 | src/data/site.mjs → forms.endpoint(见下文) |
| 第一方分析信标 | src/data/site.mjs → analytics.endpoint(Ava 收集器 /hit;留空 = 关闭) |
导航链接、页眉、页脚、CTA 横幅、<head> / schema | src/templates/layout.mjs |
| 页面标记 | src/pages/*.mjs |
| 博客文章 | src/content/blog/*.md(frontmatter:title、slug、date、category、readTime、image、imageAlt、description) |
| 照片 | src/static/img/(服务照片)和 src/static/img/cities/(经授权的城镇风景图——见 CREDITS.md) |
路由
/、/dryer-vent-cleaning/、/pricing/、/book/、/areas/、/areas/{city}-co/、/blog/、/blog/{slug}/、/reviews/、/about/、/contact/、/legal/terms/、/legal/privacy/、/credits/、/agents/、404.html、sitemap.xml、robots.txt。
裸路径 /terms/ 和 /privacy/ 会重定向到 /legal/ 下的页面。
旧版 /{city}-co-dryer-vent-cleaning/ URL 会重定向到 /areas/ 下的页面。
预约流程与表单
/book/ 是一个三步流程:回答两个资格问题 → 显示公布价格(标准服务 $129;屋顶 / 二层 / 管线超过约 15 ft 为 $169)→ 申请预约时间。由于没有服务器:
- 默认(
forms.endpoint为空): 提交预约申请或联系表单时,会在访客的设备上创建一封发往site.email的邮件,并填入所有字段;确认页面会显示申请摘要,并提供电话号码作为备用联系方式。 - 推荐: 创建一个免费的表单提交端点(Formspree 或类似服务),将 URL 填入
forms.endpoint,然后重新构建。此后,表单会以 JSON 格式通过 POST 提交到你的收件箱,无需打开访客的邮件应用。 - 实际预约时段: 当
window.BCDV.slots非空时,book.js已可渲染时段按钮。存在可用的实际排期来源后,在src/templates/layout.mjs(cfg对象)中将slots接入该来源。在此之前,流程会如实显示日历为空的状态。
价格
| 价格 | 适用情况 |
|---|---|
| $129 | 标准——一层侧墙出口,管线长度不足约 15 ft |
| $169 | 困难——屋顶或二层出口,管线较长或有弯折 |
| $109 / 年 | 首次上门后可选的年度计划 |
| $99 | 路线补位价——仅供运营使用,绝不出现在公开网站上 |
各处电话号码:(720) 605-3198。客户名称、地址和电话(NAP):6395 Gunpark Dr, Suite J, Boulder, CO 80301。
法律信息
Frost River Capital, LLC d/b/a Boulder County Dryer Vent。商号 ID 20268139028。通知地址:2369 S. Trenton Way Suite P, Denver, CO 80231。[email protected]。 提前 ≥ 24 小时取消:退款。提前 < 24 小时取消:可获得 90 天内有效的抵扣额。
内容规则
- 不得捏造评论、评分、评论数量或业主简介。在客户提供真实内容之前,
/reviews/和首页的评论区块必须保持真实。 - 不得使用占位预约时间。只有在具备实际接待能力后,日历才能开放。
- 博客内容仅用于客户教育。
评论
一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。