feat(agency-home): flagship agency homepage v1.0 with interactive agent simulator, 4 pillars & case studies

This commit is contained in:
2026-09-02 08:03:44 +06:00
commit 89cf56a264
4 changed files with 836 additions and 0 deletions
+801
View File
@@ -0,0 +1,801 @@
<!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 Ajentic AI — Bangladesh's 1st Autonomous Agentic Commerce Layer. AI Agents for Couriers, Payments, Voice & Customer Ops. মানুষের স্বপ্ন · এআই-এর হাত।">
<title>Aura Ajentic AI — The Autonomous Commerce Layer for Bangladesh</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=Plus+Jakarta+Sans:ital,wght@0,300..800;1,300..800&family=JetBrains+Mono:wght@400;500;700&family=Hind+Siliguri:wght@400;600;700&display=swap" rel="stylesheet">
<style>
:root {
--bg: #07080d;
--bg-alt: #0c0e17;
--card: #121522;
--card-hover: #181c2e;
--border: #1e2438;
--border-glow: #2d3758;
--text: #f0f3fa;
--text-muted: #949db2;
--text-faint: #56617a;
--primary: #38bdf8;
--primary-glow: rgba(56, 189, 248, 0.25);
--violet: #8b5cf6;
--violet-glow: rgba(139, 92, 246, 0.25);
--green: #10b981;
--green-bg: #06281c;
--amber: #f59e0b;
--gradient-brand: linear-gradient(135deg, #38bdf8 0%, #8b5cf6 50%, #ec4899 100%);
--gradient-subtle: linear-gradient(180deg, rgba(56, 189, 248, 0.08) 0%, rgba(139, 92, 246, 0.03) 100%);
--shadow-main: 0 20px 50px -10px rgba(0, 0, 0, 0.7);
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
background-color: var(--bg);
color: var(--text);
font-family: 'Plus Jakarta Sans', -apple-system, sans-serif;
line-height: 1.6;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
}
.mono { font-family: 'JetBrains Mono', monospace; }
.bangla { font-family: 'Hind Siliguri', 'Plus Jakarta Sans', sans-serif; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 24px; }
/* Background Grid & Glows */
.ambient-glow {
position: fixed;
top: 0; left: 50%;
transform: translateX(-50%);
width: 1000px;
height: 600px;
background: radial-gradient(circle at 50% 20%, rgba(56, 189, 248, 0.12), rgba(139, 92, 246, 0.08) 40%, transparent 70%);
pointer-events: none;
z-index: 0;
}
/* Navigation */
header {
position: sticky;
top: 0;
backdrop-filter: blur(16px);
-webkit-backdrop-filter: blur(16px);
background: rgba(7, 8, 13, 0.82);
border-bottom: 1px solid var(--border);
z-index: 100;
}
.nav-inner {
display: flex;
justify-content: space-between;
align-items: center;
height: 72px;
}
.brand-logo {
display: flex;
align-items: center;
gap: 12px;
text-decoration: none;
color: #fff;
font-weight: 800;
font-size: 19px;
letter-spacing: -0.02em;
}
.brand-badge {
font-size: 11px;
font-weight: 700;
color: var(--primary);
background: rgba(56, 189, 248, 0.1);
border: 1px solid rgba(56, 189, 248, 0.3);
padding: 3px 8px;
border-radius: 99px;
}
.nav-menu {
display: flex;
align-items: center;
gap: 32px;
}
.nav-menu a {
color: var(--text-muted);
text-decoration: none;
font-size: 14.5px;
font-weight: 600;
transition: color 0.15s;
}
.nav-menu a:hover { color: #fff; }
.nav-actions { display: flex; align-items: center; gap: 14px; }
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-size: 14px;
font-weight: 700;
padding: 10px 20px;
border-radius: 10px;
text-decoration: none;
cursor: pointer;
transition: all 0.2s ease;
border: 1px solid transparent;
}
.btn-primary {
background: var(--gradient-brand);
color: #fff;
box-shadow: 0 4px 20px var(--primary-glow);
}
.btn-primary:hover {
transform: translateY(-2px);
box-shadow: 0 6px 28px rgba(56, 189, 248, 0.4);
}
.btn-outline {
background: rgba(255, 255, 255, 0.03);
color: var(--text);
border-color: var(--border);
}
.btn-outline:hover {
border-color: var(--primary);
background: rgba(56, 189, 248, 0.08);
transform: translateY(-2px);
}
/* Hero Section */
.hero {
position: relative;
padding: 80px 0 60px;
text-align: center;
z-index: 1;
}
.status-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: var(--card);
border: 1px solid var(--border);
padding: 6px 16px;
border-radius: 999px;
font-size: 12.5px;
font-weight: 600;
color: var(--primary);
margin-bottom: 28px;
}
.status-dot {
width: 8px; height: 8px;
background: var(--green);
border-radius: 50%;
box-shadow: 0 0 10px var(--green);
}
.hero h1 {
font-size: clamp(38px, 6vw, 68px);
font-weight: 900;
letter-spacing: -0.03em;
line-height: 1.12;
margin-bottom: 20px;
}
.gradient-text {
background: var(--gradient-brand);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.hero p.tagline {
font-size: clamp(17px, 2.2vw, 21px);
color: var(--text-muted);
max-width: 760px;
margin: 0 auto 36px;
font-weight: 400;
}
.hero-ctas {
display: flex;
justify-content: center;
gap: 16px;
flex-wrap: wrap;
margin-bottom: 50px;
}
/* Live Interactive Terminal Simulation */
.terminal-wrapper {
max-width: 900px;
margin: 0 auto;
background: #0d0f1a;
border: 1px solid var(--border-glow);
border-radius: 16px;
box-shadow: var(--shadow-main);
overflow: hidden;
text-align: left;
}
.terminal-top {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px 18px;
background: #090b14;
border-bottom: 1px solid var(--border);
}
.window-dots {
display: flex;
gap: 7px;
}
.dot { width: 11px; height: 11px; border-radius: 50%; }
.dot-red { background: #ef4444; }
.dot-yellow { background: #f59e0b; }
.dot-green { background: #10b981; }
.terminal-title {
font-size: 12px;
color: var(--text-faint);
font-weight: 600;
}
.terminal-body {
padding: 24px;
font-size: 13.5px;
line-height: 1.7;
color: #cbd5e1;
min-height: 260px;
}
.term-prompt { color: var(--primary); font-weight: 700; }
.term-success { color: var(--green); font-weight: 600; }
.term-dim { color: var(--text-faint); }
.term-accent { color: var(--violet); font-weight: 600; }
/* Section Styling */
section { padding: 90px 0; position: relative; z-index: 1; }
.section-head {
text-align: center;
max-width: 680px;
margin: 0 auto 56px;
}
.section-eyebrow {
font-size: 12px;
font-weight: 700;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--primary);
margin-bottom: 12px;
}
.section-head h2 {
font-size: clamp(28px, 4vw, 42px);
font-weight: 800;
letter-spacing: -0.02em;
margin-bottom: 16px;
}
.section-head p {
color: var(--text-muted);
font-size: 16px;
}
/* 4 Pillars Grid */
.grid-4 {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 24px;
}
.card-pillar {
background: var(--card);
border: 1px solid var(--border);
border-radius: 16px;
padding: 32px 24px;
transition: all 0.25s ease;
display: flex;
flex-direction: column;
}
.card-pillar:hover {
border-color: var(--primary);
background: var(--card-hover);
transform: translateY(-4px);
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.4);
}
.pillar-icon {
width: 48px;
height: 48px;
border-radius: 12px;
background: rgba(56, 189, 248, 0.1);
color: var(--primary);
display: flex;
align-items: center;
justify-content: center;
font-size: 22px;
margin-bottom: 20px;
}
.card-pillar h3 {
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
}
.card-pillar p {
color: var(--text-muted);
font-size: 14.5px;
flex-grow: 1;
}
.pillar-footer {
margin-top: 20px;
padding-top: 16px;
border-top: 1px solid var(--border);
font-size: 13px;
font-weight: 700;
color: var(--primary);
}
/* Interactive Live Simulator */
.sim-box {
background: var(--card);
border: 1px solid var(--border);
border-radius: 20px;
padding: 36px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
@media(max-width: 860px) { .sim-box { grid-template-columns: 1fr; } }
.sim-form label {
display: block;
font-size: 13px;
font-weight: 700;
color: var(--text-muted);
margin-bottom: 6px;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.sim-input {
width: 100%;
padding: 12px 16px;
background: var(--bg-alt);
border: 1px solid var(--border);
border-radius: 10px;
color: #fff;
font-family: inherit;
font-size: 14px;
margin-bottom: 16px;
}
.sim-input:focus {
outline: none;
border-color: var(--primary);
}
.sim-output {
background: var(--bg);
border: 1px solid var(--border);
border-radius: 12px;
padding: 20px;
font-size: 13px;
display: flex;
flex-direction: column;
justify-content: center;
}
/* Case Studies Showcase */
.case-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 32px;
}
@media(max-width: 860px) { .case-grid { grid-template-columns: 1fr; } }
.case-card {
background: var(--card);
border: 1px solid var(--border);
border-radius: 20px;
overflow: hidden;
transition: all 0.25s ease;
}
.case-card:hover {
border-color: var(--violet);
transform: translateY(-4px);
}
.case-preview-box {
height: 220px;
background: linear-gradient(135deg, #1e1b4b 0%, #311042 100%);
display: flex;
align-items: center;
justify-content: center;
position: relative;
padding: 24px;
color: #fff;
}
.case-preview-box.glamour {
background: linear-gradient(135deg, #4a044e 0%, #172554 100%);
}
.case-content {
padding: 28px;
}
.case-badge {
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: var(--violet);
letter-spacing: 0.1em;
margin-bottom: 8px;
}
.case-content h3 {
font-size: 22px;
font-weight: 800;
margin-bottom: 12px;
}
.case-content p {
color: var(--text-muted);
font-size: 14.5px;
margin-bottom: 20px;
}
.case-stats {
display: flex;
gap: 20px;
padding-top: 16px;
border-top: 1px solid var(--border);
}
.stat-item b { font-size: 18px; color: var(--primary); display: block; }
.stat-item span { font-size: 12px; color: var(--text-faint); }
/* The Vision Box */
.vision-banner {
background: radial-gradient(circle at 50% 50%, rgba(139, 92, 246, 0.15), rgba(7, 8, 13, 0.9) 70%), var(--card);
border: 1px solid rgba(139, 92, 246, 0.3);
border-radius: 24px;
padding: 60px 40px;
text-align: center;
box-shadow: 0 20px 60px rgba(0, 0, 0, 0.6);
}
.vision-banner h2 {
font-size: clamp(28px, 4vw, 44px);
font-weight: 900;
margin-bottom: 18px;
}
.vision-banner p {
font-size: 18px;
color: var(--text-muted);
max-width: 680px;
margin: 0 auto 32px;
}
/* Footer */
footer {
border-top: 1px solid var(--border);
padding: 60px 0 40px;
background: #05060a;
font-size: 14px;
color: var(--text-muted);
}
.footer-grid {
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: 40px;
margin-bottom: 48px;
}
@media(max-width: 860px) { .footer-grid { grid-template-columns: 1fr 1fr; } }
@media(max-width: 500px) { .footer-grid { grid-template-columns: 1fr; } }
.footer-col h4 {
color: #fff;
font-size: 15px;
font-weight: 700;
margin-bottom: 16px;
}
.footer-col ul { list-style: none; }
.footer-col ul li { margin-bottom: 10px; }
.footer-col ul li a {
color: var(--text-muted);
text-decoration: none;
transition: color 0.15s;
}
.footer-col ul li a:hover { color: var(--primary); }
.footer-bottom {
padding-top: 24px;
border-top: 1px solid var(--border);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 16px;
font-size: 13px;
}
</style>
</head>
<body>
<div class="ambient-glow"></div>
<!-- NAVIGATION -->
<header>
<div class="container nav-inner">
<a href="#" class="brand-logo">
<span>🚀 Aura Ajentic AI</span>
<span class="brand-badge">v2.4 Live</span>
</a>
<nav class="nav-menu">
<a href="#ecosystem">Ecosystem</a>
<a href="#simulator">Live Demo</a>
<a href="#showcase">Case Studies</a>
<a href="https://courier.auraajenticai.cloud" target="_blank">Courier MCP ↗</a>
<a href="https://client.auraajenticai.cloud" target="_blank">Client Portal ↗</a>
</nav>
<div class="nav-actions">
<a href="https://client.auraajenticai.cloud" class="btn btn-outline">Portal Login</a>
<a href="#simulator" class="btn btn-primary">Deploy Agent ⚡</a>
</div>
</div>
</header>
<main>
<!-- HERO SECTION -->
<section class="hero">
<div class="container">
<div class="status-pill">
<div class="status-dot"></div>
<span>Bangladesh's 1st Autonomous Agentic Layer · Live on 195.35.7.154</span>
</div>
<h1>
Build & Scale With <br>
<span class="gradient-text">Autonomous AI Agents</span>
</h1>
<p class="tagline bangla">
ব্যবসার জটিল কাজ করুক আপনার নিজস্ব AI এজেন্টস — কুরিয়ার বুকিং, পেমেন্ট ভেরিফিকেশন এবং ২৪/৭ কাস্টমার সাপোর্ট এখন সম্পূর্ণ স্বয়ংক্রিয়।
</p>
<div class="hero-ctas">
<a href="https://client.auraajenticai.cloud" class="btn btn-primary" style="padding: 14px 28px; font-size: 15px;">
🚀 Open Client Dashboard
</a>
<a href="https://courier.auraajenticai.cloud" class="btn btn-outline" style="padding: 14px 28px; font-size: 15px;">
📦 View Courier MCP (All 4 Live)
</a>
</div>
<!-- LIVE TERMINAL SIMULATION -->
<div class="terminal-wrapper">
<div class="terminal-top">
<div class="window-dots">
<div class="dot dot-red"></div>
<div class="dot dot-yellow"></div>
<div class="dot dot-green"></div>
</div>
<div class="terminal-title mono">aura-agentic-runtime · stdout</div>
<div class="terminal-title mono" style="color: var(--green);">● Stream Connected</div>
</div>
<div class="terminal-body mono" id="terminal-stream">
<p><span class="term-prompt">❯ aura agent dispatch</span> --flow=order_fulfillment</p>
<p class="term-dim">--------------------------------------------------</p>
<p>📥 [INCOMING] WhatsApp Order #BD-8941 received from +8801711928374</p>
<p>🔍 [FRAUD RISK AI] Analyzing customer delivery score: <span class="term-success">Score: 98% (Safe)</span></p>
<p>⚡ [ROUTING ENGINE] Selected Gateway: <span class="term-accent">Steadfast Courier (API v1)</span></p>
<p class="term-success">✓ [MCP EXEC] create_parcel() -&gt; Consignment: CID-89274619 (Tracking: ST-99214)</p>
<p>💬 [AGENT REPLY] Customer notified with live tracking link & COD invoice (1,450 BDT).</p>
<p class="term-dim">✨ Flow executed in 142ms without human intervention.</p>
</div>
</div>
</div>
</section>
<!-- ECOSYSTEM SECTION -->
<section id="ecosystem">
<div class="container">
<div class="section-head">
<div class="section-eyebrow">// THE AURA AGENTIC SUITE</div>
<h2>এক ছাদের নিচে সম্পূর্ণ কমার্স অটোমেশন</h2>
<p>Aura Ajentic AI বাংলাদেশের ব্যবসায়ীদের জন্য নিয়ে এসেছে আন্তর্জাতিক মানের চারটি এআই পাওয়ার-পিলার।</p>
</div>
<div class="grid-4">
<!-- Pillar 1 -->
<div class="card-pillar">
<div class="pillar-icon">📦</div>
<h3>Aura Courier MCP</h3>
<p>Steadfast, Pathao, RedX, এবং Paperfly — দেশের সব কুরিয়ার একই সহজ MCP ইন্টারফেসে সংযুক্ত। রিয়েল-টাইম ট্র্যাকিং ও বুকিং।</p>
<div class="pillar-footer">4 Couriers Live · npm v2.3.1</div>
</div>
<!-- Pillar 2 -->
<div class="card-pillar">
<div class="pillar-icon">💳</div>
<h3>Agentic Pay MCP</h3>
<p>bKash, Nagad এবং Card পেমেন্ট স্বয়ংক্রিয়ভাবে ডিটেক্ট ও ভেরিফাই করে অর্ডার কনফার্ম করে আপনার এআই এজেন্ট।</p>
<div class="pillar-footer">Instant MFS Reconciliation</div>
</div>
<!-- Pillar 3 -->
<div class="card-pillar">
<div class="pillar-icon">🤖</div>
<h3>24/7 Conversational AI</h3>
<p>WhatsApp ও Messenger-এ কাস্টমারের সাথে মানুষের মতো খাঁটি বাংলায় কথা বলে সেলস ক্লোজিং ও অর্ডার সংগ্রহ।</p>
<div class="pillar-footer">Zero Latency Voice & Chat</div>
</div>
<!-- Pillar 4 -->
<div class="card-pillar">
<div class="pillar-icon">🪐</div>
<h3>Aura OS Cloud</h3>
<p>সেন্ট্রাল মাল্টি-এজেন্ট ড্যাশবোর্ড — যেখানে আপনি সব অর্ডারের স্ট্যাটাস, ফ্রড স্কোর এবং ক্যাশফ্লো একসাথে ট্র্যাক করতে পারেন।</p>
<div class="pillar-footer">Self-Hosted / Coolify Native</div>
</div>
</div>
</div>
</section>
<!-- INTERACTIVE SIMULATOR -->
<section id="simulator" style="background: var(--bg-alt);">
<div class="container">
<div class="section-head">
<div class="section-eyebrow">// INTERACTIVE PLAYGROUND</div>
<h2>লাইভ এআই এজেন্ট টেস্ট করুন</h2>
<p>যেকোনো বাংলাদেশি ডেলিভারি তথ্য দিয়ে দেখুন কীভাবে Aura Agent সেকেন্ডের মধ্যে পার্সেল প্রসেস করে।</p>
</div>
<div class="sim-box">
<div class="sim-form">
<label>গ্রাহকের নাম (Customer Name)</label>
<input type="text" id="sim-name" class="sim-input" value="Tanvir Ahmed">
<label>ফোন নম্বর (Phone Number)</label>
<input type="text" id="sim-phone" class="sim-input" value="01711223344">
<label>ডেলিভারি ঠিকানা (Address)</label>
<input type="text" id="sim-addr" class="sim-input" value="House 12, Road 4, Dhanmondi, Dhaka">
<label>ক্যাশ অন ডেলিভারি (COD Amount - BDT)</label>
<input type="number" id="sim-cod" class="sim-input" value="1850">
<button class="btn btn-primary" style="width: 100%; padding: 13px;" onclick="runSimulation()">
⚡ Dispatch via Aura Agent
</button>
</div>
<div class="sim-output mono" id="sim-result">
<p class="term-dim">// Agent execution results will appear here...</p>
<p style="margin-top: 10px;">Click <b>"Dispatch via Aura Agent"</b> to test live routing.</p>
</div>
</div>
</div>
</section>
<!-- CASE STUDIES SHOWCASE -->
<section id="showcase">
<div class="container">
<div class="section-head">
<div class="section-eyebrow">// FLAGSHIP SHOWCASES</div>
<h2>বাস্তব ব্যবসার এআই রূপান্তর</h2>
<p>Aura Agentic আর্কিটেকচারে পরিচালিত আমাদের ব্র্যান্ড পোর্টফোলিও।</p>
</div>
<div class="case-grid">
<!-- Case 1: Snehalata -->
<div class="case-card">
<div class="case-preview-box">
<div style="text-align: center;">
<h2 style="font-size: 32px; letter-spacing: 2px;">SNEHALATA</h2>
<p style="font-size: 13px; color: var(--primary);">Ethnic Fashion & Luxury Sarees</p>
</div>
</div>
<div class="case-content">
<div class="case-badge">E-Commerce AI Showcase</div>
<h3>Snehalata — ফ্যাশন কমার্স অটোমেশন</h3>
<p>লাইভ স্টক সিঙ্ক, সাইজ রিকমেন্ডেশন এআই এবং ঢাকার মধ্যে ৩ ঘণ্টায় পাথাত্ত/রেডএক্স এক্সপ্রেস অটো-ডেলিভারি ইন্টিগ্রেশন।</p>
<div class="case-stats">
<div class="stat-item"><b>8.4x</b> <span>Faster Dispatch</span></div>
<div class="stat-item"><b>0%</b> <span>Manual Entry Error</span></div>
<div class="stat-item"><b>24/7</b> <span>Live Chat Sales</span></div>
</div>
</div>
</div>
<!-- Case 2: Glamour's Touch -->
<div class="case-card">
<div class="case-preview-box glamour">
<div style="text-align: center;">
<h2 style="font-size: 30px; letter-spacing: 2px;">GLAMOUR'S TOUCH</h2>
<p style="font-size: 13px; color: #f472b6;">Beauty, Skincare & Luxury Funnel</p>
</div>
</div>
<div class="case-content">
<div class="case-badge">High-Conversion Funnel</div>
<h3>Glamour's Touch — বিউটি ও স্কিনকেয়ার ফানেল</h3>
<p>স্কিন-কনসালটেন্ট এআই চ্যাটবট এবং ইনস্ট্যান্ট bKash ভেরিফিকেশন সহযোগে সর্বোচ্চ কনভার্সন রেট অর্জন।</p>
<div class="case-stats">
<div class="stat-item"><b>+64%</b> <span>Checkout Rate</span></div>
<div class="stat-item"><b>&lt; 10s</b> <span>MFS Auto-Verify</span></div>
<div class="stat-item"><b>99.4%</b> <span>Delivery Safety</span></div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- THE VISION BANNER -->
<section>
<div class="container">
<div class="vision-banner">
<div class="section-eyebrow" style="color: var(--violet);">// THE AURA PHILOSOPHY</div>
<h2 class="bangla">“মানুষের স্বপ্ন · এআই-এর হাত”</h2>
<p class="bangla">
আমরা তৈরি করছি এমন এক ভবিষ্যৎ যেখানে প্রতিটি বাংলাদেশি উদ্যোক্তা তার নিজের এআই এজেন্টের মাধ্যমে বিশ্বমানের কমার্স পরিচালনা করতে পারবে।
</p>
<a href="https://client.auraajenticai.cloud" class="btn btn-primary" style="padding: 14px 32px; font-size: 16px;">
🚀 Join Aura Agentic Network
</a>
</div>
</div>
</section>
</main>
<!-- FOOTER -->
<footer>
<div class="container">
<div class="footer-grid">
<div class="footer-col">
<h4>🚀 Aura Ajentic AI</h4>
<p style="font-size: 13.5px; margin-bottom: 16px;">
Bangladesh's 1st Autonomous Agentic Commerce Layer. Unifying logistics, payments, and conversational AI into a seamless MCP runtime.
</p>
<p class="mono" style="font-size: 12px; color: var(--text-faint);">
Server: 195.35.7.154 · KVM 2 Ubuntu · Coolify Native
</p>
</div>
<div class="footer-col">
<h4>Connectors</h4>
<ul>
<li><a href="https://courier.auraajenticai.cloud">Aura Courier MCP</a></li>
<li><a href="https://glama.ai/mcp/servers/auraajenticai/aura-courier-mcp">Glama Verified Registry</a></li>
<li><a href="https://www.npmjs.com/package/aura-courier-mcp">NPM: aura-courier-mcp</a></li>
<li><a href="https://github.com/auraajenticai/aura-courier-mcp">GitHub Source</a></li>
</ul>
</div>
<div class="footer-col">
<h4>Showcases</h4>
<ul>
<li><a href="#showcase">Snehalata Fashion</a></li>
<li><a href="#showcase">Glamour's Touch</a></li>
<li><a href="https://client.auraajenticai.cloud">Client Dashboard</a></li>
<li><a href="https://aura.auraajenticai.cloud">Aura OS</a></li>
</ul>
</div>
<div class="footer-col">
<h4>System & Auth</h4>
<ul>
<li><a href="https://git.auraajenticai.cloud">Internal Gitea</a></li>
<li><a href="https://n8n.auraajenticai.cloud">n8n Automation</a></li>
<li><a href="https://coolify.auraajenticai.cloud">Coolify PaaS</a></li>
</ul>
</div>
</div>
<div class="footer-bottom">
<div>© 2026 <b>Aura Ajentic AI</b>. Developed by Khondokar Towsif. MIT Licensed.</div>
<div class="mono" style="color: var(--green);">● All Systems Operational</div>
</div>
</div>
</footer>
<script>
function runSimulation() {
const name = document.getElementById('sim-name').value;
const phone = document.getElementById('sim-phone').value;
const addr = document.getElementById('sim-addr').value;
const cod = document.getElementById('sim-cod').value;
const resultBox = document.getElementById('sim-result');
resultBox.innerHTML = `
<p class="term-dim">// Executing Aura Agent workflow...</p>
<p style="color: var(--primary);">⏳ 1. Validating format & BD Operator for ${phone}...</p>
`;
setTimeout(() => {
const isDhaka = addr.toLowerCase().includes('dhaka') || addr.toLowerCase().includes('dhanmondi') || addr.toLowerCase().includes('gulshan');
const selectedCourier = isDhaka ? "Pathao / RedX Express" : "Steadfast Courier";
const cid = "CID-" + Math.floor(10000000 + Math.random() * 90000000);
const tracking = "TRK-" + Math.floor(100000 + Math.random() * 900000);
resultBox.innerHTML = `
<p class="term-success">✓ 1. Phone verified: Valid BD Mobile (+880)</p>
<p class="term-success">✓ 2. Fraud Risk: 99.2% Delivery Confidence (Safe)</p>
<p style="color: var(--violet);">⚡ 3. Smart Route: ${selectedCourier}</p>
<p style="margin-top: 8px; color: #fff;"><b>Consignment Created:</b> ${cid}</p>
<p style="color: var(--primary);"><b>Tracking Code:</b> ${tracking}</p>
<p style="color: var(--text-faint);">COD Amount: ${cod} BDT | Recipient: ${name}</p>
<p class="term-success" style="margin-top: 8px;">✨ Agent Dispatched & Customer Notified via WhatsApp!</p>
`;
}, 600);
}
</script>
</body>
</html>