nexu-io/html-anything

saas-landing

单页 SaaS 落地页, 含 hero/features/social-proof/pricing/CTA

ソースを見る

使い方

  1. インストールコマンドをコピーし、自分の環境へ導入する前にソースを確認します。
  2. 必要なツール、認証情報、対応環境を原文で確認します。
  3. 入力と成果物を指定し、出力を資料と照合します。
npx skills add https://github.com/nexu-io/html-anything/tree/main/next/src/lib/templates/skills/saas-landing --skill saas-landing

開始前の確認

  • 導入にはモデル契約、API枠、ファイルへのアクセス許可は含まれません。
  • スター数や導入数は活動の指標であり、独立した品質・安全性試験ではありません。
リポジトリの原文

見出し、例、コード、表、リンク、参照画像を含む原文を表示しています。

【模板: 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: 断点, 移动端单栏
同じリポジトリから

関連する Skills

すべての Skills