Pricing Table
Three plans side by side — Free, Pro, Enterprise — with the middle one enlarged and badged Most Popular.
Hero Section
落地页 Hero
The first screen of a landing page: one big headline, one supporting line, one primary button, product visual beside or below.
WebMarketingContent areaComponent
大白话说明
Hero 用 3 秒完成说服的第一步：标题只讲用户得到什么（不讲公司多牛），副标题补一句怎么做，CTA 是全屏唯一主按钮，下方小字给社会证明降风险。产品图要真图或高保真界面，别用抽象插画糊弄科技产品。
什么时候用
一切落地页、产品官网、活动页的第一屏。
什么时候不用
内容型页面（博客、文档）的首页 Hero 要让位给内容本身，压到一条横幅的高度即可。
细节与变体
- 标题不超过两行、20 字上下，能测试「去掉一半字还成立吗」
- 主按钮文案写结果（开始免费试用）不写动作（提交）
- 首屏底部要露出下一节的一角，暗示可以往下滚
配套效果见下方「可用效果」。
Matching prompt (fill in & copy)
Effects you can apply
Reference implementations (open source)
- AstroWind ↗ MIT · 免费（MIT）
An Astro + Tailwind landing page and blog template with all the standard sections.
- Magic UI ↗ MIT · 免费（MIT）
Animated components for React + Tailwind — marquees, glows, counters; a key reference ecosystem for this site's effects.
- shadcn Landing Page ↗ MIT · 免费（MIT）
A standard landing page assembled from shadcn/ui, cleanly split into sections.