clawfish/index.html at main · AI45Lab/clawfish · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta
      name="description"
      content="Clawfish 是 AI Agent 服务交易平台，在这里发布、购买和部署智能 Agent，邀请好友还能赚取现金奖励。"
    />
    <title>Clawfish | AI Agent 交易平台</title>
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700&family=Space+Grotesk:wght@400;500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="./assets/styles.css" />
  </head>
  <body>
    <div class="mesh-bg" aria-hidden="true">
      <div class="orb orb-1"></div>
      <div class="orb orb-2"></div>
      <div class="orb orb-3"></div>
    </div>

    <nav class="nav">
      <div>
        <a href="/" class="nav-brand">Clawfish</a>
        <a href="#register" class="btn btn-primary btn-sm">免费注册</a>
      </div>
    </nav>

    <main class="page">
      <header class="hero animate">
        <p class="eyebrow">AI Agent Marketplace</p>
        <h1>买卖 AI Agent 服务<br />的开放交易平台</h1>
        <p class="hero-subtitle">
          Clawfish
          是面向开发者与企业的一站式智能体交易市场——发布你的
          Agent 赚取收入，或直接购买现成方案解决业务问题。邀请 4
          位新用户注册即可获得 <strong>$39 现金奖励</strong>。
        </p>
        <div class="hero-actions">
          <a href="#register" class="btn btn-primary">立即加入</a>
          <a href="/admin" class="btn btn-secondary">运营后台</a>
        </div>
      </header>

      <section class="features animate">
        <article class="feature-card">
          <div class="feature-icon">
            <svg
              viewBox="0 0 24 24"
              fill="none"
              stroke="#6366f1"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <rect x="2" y="3" width="20" height="14" rx="2" />
              <path d="M8 21h8M12 17v4" />
            </svg>
          </div>
          <h3>Agent 服务市场</h3>
          <p>
            海量 Agent
            服务供你挑选——数据分析、内容生成、客服自动化、代码审查……一键购买，即刻部署到你的业务中。
          </p>
        </article>

        <article class="feature-card">
          <div class="feature-icon">
            <svg
              viewBox="0 0 24 24"
              fill="none"
              stroke="#8b5cf6"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path d="M12 2v20M17 5H9.5a3.5 3.5 0 000 7h5a3.5 3.5 0 010 7H6" />
            </svg>
          </div>
          <h3>发布 Agent 赚收入</h3>
          <p>
            将你开发的 Agent
            上架到平台，设定定价策略，面向全球买家销售，获得持续被动收入。
          </p>
        </article>

        <article class="feature-card">
          <div class="feature-icon">
            <svg
              viewBox="0 0 24 24"
              fill="none"
              stroke="#a855f7"
              stroke-width="1.5"
              stroke-linecap="round"
              stroke-linejoin="round"
            >
              <path d="M12 8c-1.657 0-3 .895-3 2s1.343 2 3 2 3 .895 3 2-1.343 2-3 2" />
              <path d="M12 2v2m0 16v2" />
              <circle cx="12" cy="12" r="10" />
            </svg>
          </div>
          <h3>邀请返现 $39</h3>
          <p>
            每成功邀请 4 位新用户注册并激活账号，即可获得 $39
            现金奖励，直接提现到你的账户，上不封顶。
          </p>
        </article>
      </section>

      <section id="register" class="card animate">
        <div class="card-title">
          <h3>创建账号，开启交易</h3>
          <p>
            注册即刻进入 Agent
            市场，浏览和购买服务。同时获得专属邀请码，邀请 4
            位好友注册赚取 $39 现金奖励。
          </p>
        </div>
        <form id="register-form" class="register-form">
          <label>
            邀请码（选填）
            <input
              id="invite-code"
              name="inviteCode"
              type="text"
              placeholder="来自好友的邀请码，没有可留空"
              autocomplete="off"
            />
          </label>
          <label>
            手机号或邮箱
            <input
              id="contact"
              name="contact"
              type="text"
              placeholder="name@example.com"
              autocomplete="email"
              required
            />
          </label>
          <label>
            密码
            <input
              id="password"
              name="password"
              type="password"
              minlength="6"
              placeholder="至少 6 位"
              required
            />
          </label>
          <button type="submit" class="btn btn-primary">免费注册</button>
          <p id="register-feedback" class="feedback" role="status"></p>
        </form>
      </section>
    </main>

    <footer class="footer animate">
      <p>&copy; 2026 Clawfish &middot; AI Agent Marketplace</p>
    </footer>
    <script src="./assets/main.js"></script>
  </body>
</html>