saas-landing
Compare original and translation side by side
🇺🇸
Original
English🇨🇳
Translation
Chinese【模板: SaaS Landing】
【意图】完整的 SaaS 产品落地页, 把用户内容映射到标准 sections。
【布局】
- Top nav (logo + 导航 + sign-in + 主 CTA)
- Hero (大标题 + 副标 + 双 CTA + 可视化占位)
- Logo wall (社会认证)
- Features (3-6 个特性卡, icon + 标题 + 描述)
- How it works (3 步流程, 数字 + 标题 + 描述)
- Pricing (2-3 档, 推荐档高亮)
- FAQ (details/summary 手风琴)
- Footer 【设计细节】
- 现代 SaaS 风: 大字号, 柔和渐变, glassmorphism 卡片, 滚动入场动画
- 至少处理 断点, 移动端单栏
md:
[Template: SaaS Landing]
[Purpose] A complete SaaS product landing page that maps user content to standard sections.
[Layout]
- Top nav (logo + navigation + sign-in + primary CTA)
- Hero (headline + subheadline + dual CTAs + visualization placeholder)
- Logo wall (social proof)
- Features (3-6 feature cards, icon + title + description)
- How it works (3-step process, number + title + description)
- Pricing (2-3 tiers, recommended tier highlighted)
- FAQ (details/summary accordion)
- Footer [Design Details]
- Modern SaaS style: large font size, soft gradients, glassmorphism cards, scroll entrance animations
- At least handle the breakpoint, single column on mobile
md: