Files
aura-agency-site/index.html
T

802 lines
27 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!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>