feat(web): 落地页“启动输出”加入打字机效果(Typewriter)

This commit is contained in:
Ember
2025-11-01 23:45:27 +08:00
parent e747e449da
commit daba1bc113
2 changed files with 77 additions and 8 deletions

View File

@@ -15,6 +15,7 @@ import {
Cpu,
} from 'lucide-react'
import { CryptoFeatureCard } from './CryptoFeatureCard'
import Typewriter from './Typewriter'
// Animation variants
const fadeInUp = {
@@ -515,14 +516,19 @@ export function LandingPage() {
boxShadow: '0 20px 60px rgba(240, 185, 11, 0.2)',
}}
>
<pre className='text-sm font-mono' style={{ color: '#0ECB81' }}>
{`$ git clone https://github.com/...
$ docker compose up -d
🚀 NOFX 已启动
✓ AI 代理运行中
✓ 交易所已连接
✓ 策略已激活`}
</pre>
<Typewriter
lines={[
'$ git clone https://github.com/tinkle-community/nofx',
'$ docker compose up -d',
'🚀 NOFX 已启动',
'✓ AI 代理运行中',
'✓ 交易所已连接',
'✓ 策略已激活',
]}
typingSpeed={24}
lineDelay={350}
className='text-sm font-mono'
/>
</motion.div>
</motion.div>
</div>