Chaoyin Lead-Gen Agent Website
A minimal warm gray website for a lead-generation agent: a hero where fine network lines converge on a URL input with rotating stat pills, sample task metric cards, two opposing rows of quotes, three value cards, a usage-based pricing slider estimator, FAQ accordion, a closing CTA and a link footer.
Overview
A complete single-file page to start from. Structure, copy slots and responsive layout are all in place; copy the prompt to your model and it rewrites the copy, colors and images for your brand.
Where to use it
AI Product, Agent和Model服务的官网Home.
Install
With Builder, fetch the full page source with the 8pt CLI or call it directly from an editor connected to 8pt MCP.
$ npm i -g @8pt-dev/cli && 8pt template lead-agent-landing
mcp › Use 8pt MCP to call get_template("lead-agent-landing")
Code
Single-file HTML + CSS, no build step.
<!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}
…Subscribe to Builder to see the full source.See pricing