创建候补名单页面

beginner~12 分钟0/4 步骤

用候补名单为你的产品预热

在构建完整产品之前，你需要验证想法并积累期待感。候补名单页面是收集早期感兴趣用户、证明市场需求的最快方式。

在本课中，你将构建一个完整的候补名单落地页，包含吸引人的标题、价值主张、邮件收集表单和社会证明。这一个页面可以成为你整个产品的发射台——而且只需要 HTML 和 Tailwind CSS。

添加一个 h1 产品标题和一个 p 价值主张，描述产品为用户带来的好处

提示：创建：`<h1 class="text-5xl md:text-6xl font-bold mb-4">产品名称</h1>` 和 `<p class="text-xl text-blue-300 mb-8">它为用户做什么？</p>`

在 form 元素内创建一个带有占位符文本的邮件输入框

在表单内添加一个提交按钮，文字类似"加入 500+ 位 Founder"或"加入候补名单"

在表单下方添加社会证明文字，显示已有多少人在等待（例如"500+ 位 Founder"）

html

14 行