落地页 Hero
落地页第一屏：一句大标题、一行副文案、一个大按钮，右边或下边一张产品图。
定价表
Pricing Table
三列套餐并排比：免费、专业、企业，中间那列放大加框写着「最受欢迎」。
Web 网站营销与内容内容区组件
大白话说明
定价表把套餐差异做成可一眼横向比较的列：每列一个价格锚点、一段功能清单（有打勾、无划掉或留空）、一个 CTA。推荐档用边框、角标、放大从视觉上「被选中」。月付/年付切换时价格数字要跟着变并标清折算。
什么时候用
有 2–4 档订阅或套餐的产品官网定价页。
什么时候不用
价格需要面谈的企业级产品放「联系销售」即可，别硬编数字；单档定价更不需要表格。
细节与变体
- 功能清单按用户关心的顺序排，不要按内部模块顺序
- 推荐档的特殊样式克制：一处角标 + 边框足矣，全列涂色太吵
- 年付价要写清「按年支付，折合每月 X」，别玩数字游戏
配套效果见下方「可用效果」。
配套提示词（点开填空、复制）
可用效果
参考实现（开源）
- AstroWind 落地页模板 ↗ MIT · 免费（MIT）
Astro + Tailwind 的落地页与博客范式：Hero、特性、定价、FAQ 一应俱全。
- shadcn 落地页模板 ↗ MIT · 免费（MIT）
shadcn/ui 拼的标准落地页：区块拆分清楚，照着区块清单就能拼自己的营销页。