定价表
三列套餐并排比：免费、专业、企业，中间那列放大加框写着「最受欢迎」。
落地页 Hero
Hero Section
落地页第一屏：一句大标题、一行副文案、一个大按钮，右边或下边一张产品图。
Web 网站营销与内容内容区组件
大白话说明
Hero 用 3 秒完成说服的第一步：标题只讲用户得到什么（不讲公司多牛），副标题补一句怎么做，CTA 是全屏唯一主按钮，下方小字给社会证明降风险。产品图要真图或高保真界面，别用抽象插画糊弄科技产品。
什么时候用
一切落地页、产品官网、活动页的第一屏。
什么时候不用
内容型页面（博客、文档）的首页 Hero 要让位给内容本身，压到一条横幅的高度即可。
细节与变体
- 标题不超过两行、20 字上下，能测试「去掉一半字还成立吗」
- 主按钮文案写结果（开始免费试用）不写动作（提交）
- 首屏底部要露出下一节的一角，暗示可以往下滚
配套效果见下方「可用效果」。
配套提示词（点开填空、复制）
可用效果
参考实现（开源）
- AstroWind 落地页模板 ↗ MIT · 免费（MIT）
Astro + Tailwind 的落地页与博客范式：Hero、特性、定价、FAQ 一应俱全。
- Magic UI 动效组件 ↗ MIT · 免费（MIT）
React + Tailwind 的动效组件集：跑马灯、光晕、数字滚动都有，本站效果库的重要参考生态。
- shadcn 落地页模板 ↗ MIT · 免费（MIT）
shadcn/ui 拼的标准落地页：区块拆分清楚，照着区块清单就能拼自己的营销页。