192 lines
11 KiB
HTML
192 lines
11 KiB
HTML
<!doctype html>
|
|
<html lang="bn">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="description" content="Aura Courier MCP — One unified Model Context Protocol connector for every Bangladesh courier. Book, track parcels, check balances, and analyze return fraud from Claude, Antigravity, Cursor, and n8n.">
|
|
<title>Aura Courier MCP — Bangladesh's 1st Universal Courier MCP</title>
|
|
<style>
|
|
:root{
|
|
--bg:#09090f; --bg2:#0c0d15; --surface:#13141d; --surface2:#191b27;
|
|
--ink:#edeff5; --muted:#969db4; --faint:#5c6482; --line:#23283a;
|
|
--blue:#4d7cff; --violet:#8b5cf6; --cyan:#38bdf8;
|
|
--green:#46d17f; --green-bg:#0f2a1d; --amber:#e0a341; --amber-bg:#2a2110;
|
|
--code-ink:#c8d0e6; --shadow:0 1px 2px rgba(0,0,0,.5),0 20px 50px rgba(0,0,0,.45);
|
|
--grad:linear-gradient(100deg,var(--blue),var(--violet));
|
|
}
|
|
*{box-sizing:border-box}
|
|
body{margin:0; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,system-ui,sans-serif; background:var(--bg); color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased}
|
|
.page{max-width:1000px; margin:0 auto; padding:0 24px}
|
|
.mono{font-family:"SF Mono",ui-monospace,"Cascadia Code","JetBrains Mono",Menlo,Consolas,monospace}
|
|
a{color:var(--blue); text-decoration:none}
|
|
a:hover{text-decoration:underline}
|
|
h1,h2,h3{line-height:1.2; margin:0; text-wrap:balance}
|
|
.eyebrow{font-family:"SF Mono",monospace; font-size:12px; letter-spacing:.14em; text-transform:uppercase; color:var(--blue); font-weight:600}
|
|
|
|
/* Header / Nav */
|
|
header{display:flex; justify-content:space-between; align-items:center; padding:20px 0; border-bottom:1px solid var(--line)}
|
|
.logo{display:flex; align-items:center; gap:10px; font-weight:800; font-size:17px; color:var(--ink)}
|
|
.logo-badge{font-size:11px; padding:3px 8px; border-radius:99px; background:var(--surface2); color:var(--cyan); border:1px solid var(--line)}
|
|
.nav-links{display:flex; gap:18px; align-items:center; font-size:14px; font-weight:600}
|
|
|
|
/* Hero */
|
|
.hero{text-align:center; padding:70px 0 50px; position:relative; overflow:hidden}
|
|
.badge-row{display:flex; justify-content:center; gap:10px; flex-wrap:wrap; margin-bottom:20px}
|
|
.badge-glama{display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:700; color:#38bdf8; background:rgba(56,189,248,0.12); border:1px solid rgba(56,189,248,0.3); padding:6px 14px; border-radius:999px}
|
|
.badge-live{display:inline-flex; align-items:center; gap:7px; font-size:12.5px; font-weight:700; color:var(--green); background:var(--green-bg); border:1px solid color-mix(in srgb,var(--green) 30%,transparent); padding:6px 14px; border-radius:999px}
|
|
.badge-live .d{width:8px; height:8px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green)}
|
|
|
|
.hero h1{font-size:clamp(34px,6.5vw,58px); font-weight:900; letter-spacing:-.03em; margin:16px 0}
|
|
.hero h1 span{background:var(--grad); -webkit-background-clip:text; -webkit-text-fill-color:transparent}
|
|
.hero .tagline{font-size:clamp(16px,2.2vw,20px); color:var(--muted); max-width:44ch; margin:0 auto 30px}
|
|
|
|
.cta-row{display:flex; gap:14px; justify-content:center; flex-wrap:wrap}
|
|
.btn{display:inline-flex; align-items:center; gap:8px; font-weight:700; font-size:15px; padding:12px 24px; border-radius:10px; text-decoration:none; transition:all .15s ease; border:1px solid transparent}
|
|
.btn:hover{transform:translateY(-2px); text-decoration:none}
|
|
.btn-primary{background:var(--grad); color:#fff; box-shadow:0 8px 24px rgba(77,124,255,0.35)}
|
|
.btn-glama{background:#0c171c; color:#38bdf8; border-color:#1e3a47}
|
|
.btn-ghost{background:var(--surface); color:var(--ink); border-color:var(--line)}
|
|
|
|
/* Config Tabs */
|
|
.config-box{margin:50px 0; background:var(--surface); border:1px solid var(--line); border-radius:14px; overflow:hidden; box-shadow:var(--shadow)}
|
|
.tab-header{display:flex; background:var(--bg2); border-bottom:1px solid var(--line); overflow-x:auto}
|
|
.tab-btn{padding:12px 20px; font-family:"SF Mono",monospace; font-size:13px; font-weight:600; color:var(--muted); background:none; border:none; border-bottom:2px solid transparent; cursor:pointer; display:flex; align-items:center; gap:8px}
|
|
.tab-btn.active{color:var(--cyan); border-bottom-color:var(--cyan); background:var(--surface)}
|
|
.code-body{padding:20px; font-family:"SF Mono",monospace; font-size:13px; color:var(--code-ink); position:relative; overflow-x:auto; margin:0; line-height:1.6}
|
|
.copy-btn{position:absolute; top:14px; right:14px; background:var(--surface2); border:1px solid var(--line); color:var(--muted); font-size:12px; font-weight:600; padding:6px 12px; border-radius:6px; cursor:pointer; transition:all .15s ease}
|
|
.copy-btn:hover{color:var(--ink); background:var(--bg2)}
|
|
|
|
/* Features Grid */
|
|
.grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(280px,1fr)); gap:20px; margin:40px 0}
|
|
.card{background:var(--surface); border:1px solid var(--line); padding:24px; border-radius:14px; transition:border-color .2s ease}
|
|
.card:hover{border-color:var(--blue)}
|
|
.card h3{font-size:18px; margin:10px 0; font-weight:700}
|
|
.card p{font-size:14px; color:var(--muted); margin:0}
|
|
.card-icon{font-size:24px}
|
|
|
|
/* Footer */
|
|
footer{padding:40px 0; border-top:1px solid var(--line); text-align:center; font-size:13px; color:var(--faint)}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
|
|
<header>
|
|
<div class="logo">
|
|
<span>🚀 Aura Agentic AI</span>
|
|
<span class="logo-badge">MCP Bangladesh</span>
|
|
</div>
|
|
<div class="nav-links">
|
|
<a href="https://glama.ai/mcp/servers/auraajenticai/aura-courier-mcp" target="_blank">Glama Registry ↗</a>
|
|
<a href="https://github.com/auraajenticai/courier-mcp-site" target="_blank">GitHub ↗</a>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
<section class="hero">
|
|
<div class="badge-row">
|
|
<div class="badge-glama">✓ Verified on Glama.ai Registry</div>
|
|
<div class="badge-live"><span class="d"></span> Live on Steadfast & Pathao</div>
|
|
</div>
|
|
|
|
<h1>Aura <span>Courier MCP</span> v2.0</h1>
|
|
<p class="tagline">এক unified connector — বাংলাদেশের সব কুরিয়ার। Claude, Antigravity, Cursor এবং n8n AI Agents থেকে ১-ক্লিকে পার্সেল বুক, ট্র্যাক ও ব্যালেন্স চেক করুন।</p>
|
|
|
|
<div class="cta-row">
|
|
<a href="https://glama.ai/mcp/servers/auraajenticai/aura-courier-mcp" target="_blank" class="btn btn-glama">
|
|
<span>⚡ View on Glama.ai</span>
|
|
</a>
|
|
<a href="https://github.com/auraajenticai/courier-mcp-site" target="_blank" class="btn btn-ghost">
|
|
<span>★ GitHub Repository</span>
|
|
</a>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Multi-Client Configuration Tabs -->
|
|
<section class="config-box">
|
|
<div class="tab-header">
|
|
<button class="tab-btn active" onclick="switchTab('antigravity')">🪐 Antigravity / Gemini</button>
|
|
<button class="tab-btn" onclick="switchTab('claude')">⚡ Claude Desktop</button>
|
|
<button class="tab-btn" onclick="switchTab('cursor')">💻 Cursor / VS Code</button>
|
|
<button class="tab-btn" onclick="switchTab('n8n')">🔄 n8n AI Agent</button>
|
|
</div>
|
|
|
|
<div style="position:relative;">
|
|
<button class="copy-btn" onclick="copyCode()">Copy Config</button>
|
|
<pre id="code-snippet" class="code-body">{
|
|
"mcpServers": {
|
|
"aura-courier": {
|
|
"command": "npx.cmd",
|
|
"args": ["-y", "aura-courier-mcp@latest"],
|
|
"env": {
|
|
"STEADFAST_API_KEY": "YOUR_STEADFAST_API_KEY",
|
|
"STEADFAST_SECRET_KEY": "YOUR_STEADFAST_SECRET_KEY"
|
|
}
|
|
}
|
|
}
|
|
}</pre>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Features & Tools -->
|
|
<section>
|
|
<div class="eyebrow">// POWERED TOOLS</div>
|
|
<h2 style="font-size:26px; margin:8px 0 20px;">Included Universal Tools</h2>
|
|
|
|
<div class="grid">
|
|
<div class="card">
|
|
<div class="card-icon">🧠</div>
|
|
<h3>create_parcel (Smart Auto-Route)</h3>
|
|
<p>ঠিকানা অনুযায়ী স্বয়ংক্রিয়ভাবে Steadfast বা Pathao বেছে নিয়ে পার্সেল বুকিং নিশ্চিত করে।</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">📦</div>
|
|
<h3>track_parcel (Universal Tracking)</h3>
|
|
<p>ইনভয়েস বা কনসাইনমেন্ট আইডি দিয়ে যেকোনো কুরিয়ারের রিয়েল-টাইম ডেলিভারি স্ট্যাটাস ট্র্যাকিং।</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">💰</div>
|
|
<h3>get_balance (Merchant Payouts)</h3>
|
|
<p>আপনার মার্চেন্ট একাউন্টে কত টাকা জমে আছে এবং পেআউট স্ট্যাটাস মুহূর্তেই জেনে নিন।</p>
|
|
</div>
|
|
<div class="card">
|
|
<div class="card-icon">🛡️</div>
|
|
<h3>check_fraud_risk (BD Phone Fraud AI)</h3>
|
|
<p>পার্সেল বুক করার আগেই কাস্টমারের ফোন নম্বরের রিটার্ন ও ফ্রড রিস্ক স্কোর যাচাই করুন।</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<footer>
|
|
<p>Built with ❤️ for Bangladesh eCommerce by <b>Aura Agentic AI</b> · Licensed under MIT</p>
|
|
<p><a href="https://auraajenticai.cloud">auraajenticai.cloud</a> · <a href="https://git.auraajenticai.cloud">git.auraajenticai.cloud</a></p>
|
|
</footer>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
const configs = {
|
|
antigravity: `{\n "mcpServers": {\n "aura-courier": {\n "command": "npx.cmd",\n "args": ["-y", "aura-courier-mcp@latest"],\n "env": {\n "STEADFAST_API_KEY": "YOUR_STEADFAST_API_KEY",\n "STEADFAST_SECRET_KEY": "YOUR_STEADFAST_SECRET_KEY"\n }\n }\n }\n}`,
|
|
claude: `{\n "mcpServers": {\n "aura-courier": {\n "command": "npx",\n "args": ["-y", "aura-courier-mcp@latest"],\n "env": {\n "STEADFAST_API_KEY": "YOUR_STEADFAST_API_KEY",\n "STEADFAST_SECRET_KEY": "YOUR_STEADFAST_SECRET_KEY"\n }\n }\n }\n}`,
|
|
cursor: `{\n "mcpServers": {\n "aura-courier": {\n "command": "npx",\n "args": ["-y", "aura-courier-mcp@latest"],\n "env": {\n "STEADFAST_API_KEY": "YOUR_STEADFAST_API_KEY",\n "STEADFAST_SECRET_KEY": "YOUR_STEADFAST_SECRET_KEY"\n }\n }\n }\n}`,
|
|
n8n: `{\n "node": "n8n-nodes-mcp.mcpTool",\n "parameters": {\n "server": "stdio",\n "command": "npx -y aura-courier-mcp@latest"\n }\n}`
|
|
};
|
|
|
|
function switchTab(key) {
|
|
document.querySelectorAll('.tab-btn').forEach(b => b.classList.remove('active'));
|
|
event.currentTarget.classList.add('active');
|
|
document.getElementById('code-snippet').textContent = configs[key];
|
|
}
|
|
|
|
function copyCode() {
|
|
const code = document.getElementById('code-snippet').textContent;
|
|
navigator.clipboard.writeText(code);
|
|
const btn = document.querySelector('.copy-btn');
|
|
btn.textContent = 'Copied! ✓';
|
|
setTimeout(() => btn.textContent = 'Copy Config', 2000);
|
|
}
|
|
</script>
|
|
</body>
|
|
</html>
|