<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 800 500">
<defs>
<style>
@keyframes typing1 { from { width: 0; } to { width: 420px; } }
@keyframes typing2 { from { width: 0; } to { width: 380px; } }
@keyframes typing3 { from { width: 0; } to { width: 350px; } }
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.terminal-bg { fill: #1a1b26; }
.terminal-header { fill: #24283b; }
.title-bar { fill: #7aa2f7; font-family: 'SF Mono', Monaco, monospace; font-size: 12px; }
.prompt { fill: #9ece6a; font-family: 'SF Mono', Monaco, monospace; font-size: 14px; }
.command { fill: #c0caf5; font-family: 'SF Mono', Monaco, monospace; font-size: 14px; }
.response { fill: #a9b1d6; font-family: 'SF Mono', Monaco, monospace; font-size: 13px; }
.highlight { fill: #f7b83d; }
.success { fill: #9ece6a; }
.info { fill: #7dcfff; }
.price { fill: #bb9af7; }
.cursor { fill: #c0caf5; animation: blink 1s step-end infinite; }
.line1 { animation: fadeIn 0.5s ease-out 0.5s both; }
.line2 { animation: fadeIn 0.5s ease-out 1.5s both; }
.line3 { animation: fadeIn 0.5s ease-out 2s both; }
.line4 { animation: fadeIn 0.5s ease-out 2.5s both; }
.line5 { animation: fadeIn 0.5s ease-out 3s both; }
.line6 { animation: fadeIn 0.5s ease-out 4s both; }
.line7 { animation: fadeIn 0.5s ease-out 4.5s both; }
.line8 { animation: fadeIn 0.5s ease-out 5s both; }
.line9 { animation: fadeIn 0.5s ease-out 5.5s both; }
.line10 { animation: fadeIn 0.5s ease-out 6s both; }
.line11 { animation: fadeIn 0.5s ease-out 7s both; }
.line12 { animation: fadeIn 0.5s ease-out 7.5s both; }
.line13 { animation: fadeIn 0.5s ease-out 8s both; }
.line14 { animation: fadeIn 0.5s ease-out 8.5s both; }
.line15 { animation: fadeIn 0.5s ease-out 9s both; }
</style>
</defs>
<!-- Terminal Window -->
<rect class="terminal-bg" x="0" y="0" width="800" height="500" rx="10"/>
<!-- Terminal Header -->
<rect class="terminal-header" x="0" y="0" width="800" height="35" rx="10"/>
<rect class="terminal-bg" x="0" y="25" width="800" height="15"/>
<!-- Window Controls -->
<circle cx="20" cy="17" r="6" fill="#ff5f56"/>
<circle cx="40" cy="17" r="6" fill="#ffbd2e"/>
<circle cx="60" cy="17" r="6" fill="#27c93f"/>
<!-- Title -->
<text class="title-bar" x="400" y="22" text-anchor="middle">BNB Chain MCP Server — Claude Desktop</text>
<!-- Terminal Content -->
<g transform="translate(20, 55)">
<!-- Prompt 1: Check BNB Price -->
<g class="line1">
<text class="prompt" x="0" y="0">claude ▶</text>
<text class="command" x="70" y="0">What's the current price of BNB?</text>
</g>
<!-- Response 1 -->
<g class="line2">
<text class="info" x="0" y="25">🔍 Fetching BNB price from CoinGecko...</text>
</g>
<g class="line3">
<text class="response" x="0" y="50">📊 BNB (Binance Coin)</text>
</g>
<g class="line4">
<text class="price" x="0" y="75"> Price: $612.45 USD</text>
</g>
<g class="line5">
<text class="success" x="0" y="100"> 24h Change: +3.2% ▲</text>
</g>
<!-- Prompt 2: Check Wallet Balance -->
<g class="line6">
<text class="prompt" x="0" y="140">claude ▶</text>
<text class="command" x="70" y="140">Check my wallet balance on BSC: 0x742d...9f12</text>
</g>
<!-- Response 2 -->
<g class="line7">
<text class="info" x="0" y="165">🔗 Connecting to BNB Smart Chain (chainId: 56)...</text>
</g>
<g class="line8">
<text class="response" x="0" y="190">💰 Wallet Balance:</text>
</g>
<g class="line9">
<text class="highlight" x="0" y="215"> • 2.5 BNB ($1,531.12)</text>
</g>
<g class="line10">
<text class="highlight" x="0" y="240"> • 1,000 USDT</text>
</g>
<!-- Prompt 3: Security Scan -->
<g class="line11">
<text class="prompt" x="0" y="280">claude ▶</text>
<text class="command" x="70" y="280">Is this token safe? 0x0E09...8B1e on BSC</text>
</g>
<!-- Response 3 -->
<g class="line12">
<text class="info" x="0" y="305">🛡️ Running GoPlus security scan...</text>
</g>
<g class="line13">
<text class="response" x="0" y="330">✅ Token: CAKE (PancakeSwap)</text>
</g>
<g class="line14">
<text class="success" x="0" y="355"> Security Score: 95/100 - SAFE</text>
</g>
<g class="line15">
<text class="success" x="0" y="380"> ✓ No honeypot ✓ Verified contract ✓ Renounced ownership</text>
</g>
</g>
<!-- Blinking Cursor -->
<rect class="cursor line15" x="20" y="445" width="10" height="18" rx="2"/>
</svg>
