潮引 获客智能体官网
暖灰底极简的获客智能体官网:细线网络汇聚到网址输入框的首屏与轮换数据胶囊、示例任务指标卡、双行反向引言长廊、三项主张卡、按量计费滑块估算器、问答折叠、收尾行动区和链接页脚。
介绍
一个完整的单文件页面,从这里起步。结构、文案位和响应式都已排好,复制提示词交给模型,它会按你的品牌改写文案、配色和图片。
适用场景
AI 产品、智能体和模型服务的官网首页。
安装
订阅 Builder 后,用 8pt CLI 取回整页源码,或在已接入 8pt MCP 的编辑器里直接调用。
$ npm i -g @8pt-dev/cli && 8pt template lead-agent-landing
mcp › 使用 8pt MCP 调用 get_template("lead-agent-landing")
代码
单文件 HTML + CSS,无构建步骤。
<!doctype html>
<html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1">
<title>潮引 · 睡觉时也在替你找客户的获客智能体</title><meta name="robots" content="noindex">
<style>
:root{--bg:#F6F5F3;--ink:#111111;--acc:#0D9467;--chip:#ECEBE9;--card:#FFFFFF;--mut:#8E8D8A;--sub:#5F5E5B;--line:#E7E5E1;--tile:#F4F4F3;
--sans:"Inter","PingFang SC","Hiragino Sans GB","Noto Sans CJK SC","Microsoft YaHei",system-ui,sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--sans);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:clip}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit;color:inherit}
.cy-wrap{max-width:1080px;margin:0 auto;padding:0 24px}
…订阅 Builder 查看完整源码。查看价格